:root{--c-bg: #0a004f;--c-bg-2: #150a63;--c-card: #1c1147;--c-text: #f4f4ff;--c-muted: #a9a6cf;--c-accent: #00e0a8;--c-delay: #ffb020;--c-cancel: #ff5a5a;--c-ok: #00c389;--radius: 14px;--gap: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--c-bg),var(--c-bg-2));color:var(--c-text);min-height:100vh}.app{max-width:640px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 32px}.app__header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.app__logo-btn{padding:0;border:0;background:none;flex:none;cursor:pointer;border-radius:9px;line-height:0;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,filter .12s ease}.app__logo-btn:active{transform:scale(.92);filter:brightness(1.1)}.app__logo-btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.app__logo{display:block;border-radius:9px;flex:none;box-shadow:0 2px 8px #00000059}.env-badge{margin-left:auto;font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:6px;align-self:center}.env-badge--dev{background:var(--c-delay);color:#2a1a00}.env-badge--local{background:#6b7280;color:#fff}[data-env=dev] body:before,[data-env=local] body:before{content:"";position:fixed;inset:0 0 auto 0;height:4px;z-index:10;background:repeating-linear-gradient(45deg,var(--c-delay),var(--c-delay) 10px,#2a1a00 10px,#2a1a00 20px)}.app__title{font-size:1.5rem;margin:0}.app__subtitle{color:var(--c-muted);font-size:.85rem}.station-picker{display:flex;flex-direction:column;gap:4px}.station-picker__label{font-size:.8rem;color:var(--c-muted)}.station-picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--c-card);color:var(--c-text);border:1px solid #33308f;border-radius:var(--radius);padding:12px;font-size:1rem;width:100%}.controls{display:flex;align-items:center;gap:8px;margin:14px 0}.controls .routebar{flex:1;min-width:0;margin:0}.controls__icon{flex:none;width:40px;height:40px;border-radius:var(--radius);border:1px solid #33308f;background:var(--c-card);color:var(--c-text);font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease}.controls__icon.is-active{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.controls__icon:disabled{opacity:.5;cursor:default}.controls__msg{margin:-6px 0 8px;font-size:.8rem;color:var(--c-delay)}.routebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:14px 0}.routebar .station-picker{min-width:0}.routebar__station{min-width:0;text-align:left;background:var(--c-card);border:1px solid #33308f;border-radius:var(--radius);padding:9px 12px;cursor:pointer;color:var(--c-text);font-size:.95rem;font-weight:600}.routebar__station:active{filter:brightness(1.1)}.routebar__name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routebar__swap{align-self:center;width:38px;height:38px;border-radius:var(--radius);border:1px solid #33308f;background:var(--c-card);color:var(--c-accent);font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.routebar__swap:hover:not(:disabled){transform:rotate(180deg)}.routebar__swap:disabled{opacity:.4;cursor:default}.traffic{display:flex;flex-direction:column;gap:8px}.traffic__bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.traffic-status{flex:1 1 auto;border-radius:var(--radius);padding:10px 12px;font-size:.9rem;font-weight:600}.traffic-status--ok{background:#00c3891f;color:var(--c-ok)}.traffic-status--muted{background:var(--c-card);color:var(--c-muted)}.traffic-status--alert{background:#ff5a5a1f;border:1px solid rgba(255,90,90,.4);color:#ffb3b3}.traffic-status--btn{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;font:inherit;font-weight:600}.traffic__chevron{flex:none;opacity:.8;font-size:.8rem}.traffic__toggle{flex:none;background:var(--c-card);color:var(--c-muted);border:1px solid #33308f;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:700;cursor:pointer}.traffic__x{align-self:flex-start;color:var(--c-accent);font-size:.82rem;text-decoration:none;padding:2px 0}.traffic__x:hover{text-decoration:underline}.disruption{background:var(--c-card);border-radius:var(--radius);padding:10px 12px;border-left:4px solid var(--c-delay)}.disruption--upcoming{border-left-color:#4a5bd0}.disruption__title{margin:0 0 4px;font-size:.9rem}.disruption__summary{margin:0;color:var(--c-muted);font-size:.85rem;cursor:pointer}.disruption__summary.is-clamped{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.disruption__link{color:var(--c-accent);font-size:.82rem;display:inline-block;margin-top:6px}.board__header h2{font-size:1.05rem;margin:16px 0 4px}.board__filter{margin:0 0 8px;color:var(--c-muted);font-size:.85rem}.board--loading,.board--empty,.board--error,.app__hint{background:var(--c-card);border-radius:var(--radius);padding:18px;color:var(--c-muted);text-align:center}.board--error{color:var(--c-cancel)}.board__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.departure{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:var(--c-card);border-radius:var(--radius);padding:12px 14px;border-left:4px solid transparent}.departure--delayed{border-left-color:var(--c-delay)}.departure--cancelled{border-left-color:var(--c-cancel);opacity:.75}.departure--on_time{border-left-color:var(--c-ok)}.departure__time{display:flex;flex-direction:column;align-items:flex-start}.departure__hour{font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums}.departure__delay{color:var(--c-delay);font-size:.78rem;font-weight:600}.departure__main{display:flex;flex-direction:column;gap:2px;min-width:0}.departure__dest{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.departure__mission{font-size:.72rem;color:var(--c-muted);letter-spacing:.08em}.departure__status{font-size:.78rem}.departure__status--delayed{color:var(--c-delay)}.departure__status--cancelled{color:var(--c-cancel);font-weight:600}.departure__status--on_time{color:var(--c-ok)}.departure__meta{text-align:right;display:flex;flex-direction:column;gap:2px}.departure__platform{font-weight:600}.departure__countdown{font-size:.8rem;color:var(--c-accent)}.timectl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 12px}.timectl__modes{display:inline-flex;background:var(--c-card);border-radius:999px;padding:3px}.timectl__mode{border:0;background:transparent;color:var(--c-muted);font-size:.85rem;padding:7px 14px;border-radius:999px;cursor:pointer}.timectl__mode.is-active{background:var(--c-accent);color:#07203a;font-weight:700}.timectl__input{background:var(--c-card);color:var(--c-text);border:1px solid #33308f;border-radius:var(--radius);padding:9px 12px;font-size:.9rem;color-scheme:dark}.timectl__now{border:1px solid #33308f;background:transparent;color:var(--c-accent);border-radius:999px;padding:7px 14px;font-size:.85rem;cursor:pointer}.journey{list-style:none;background:var(--c-card);border-radius:var(--radius);padding:12px 14px;border-left:4px solid var(--c-ok);display:flex;flex-direction:column;gap:6px}.journey--delayed{border-left-color:var(--c-delay)}.journey--cancelled{border-left-color:var(--c-cancel);opacity:.75}.journey__times{display:flex;align-items:baseline;gap:8px}.journey__dep,.journey__arr{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.journey__arrow{color:var(--c-muted)}.journey__delay{color:var(--c-delay);font-size:.78rem;font-weight:600;margin-left:auto}.journey__info{display:flex;gap:10px;align-items:center;font-size:.85rem}.journey__duration{color:var(--c-text);font-weight:600}.journey__transfers{color:var(--c-ok)}.journey__transfers--change{color:var(--c-delay)}.journey__train{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.78rem;color:var(--c-muted)}.journey__line{background:var(--c-accent);color:#07203a;font-weight:700;border-radius:6px;padding:1px 6px}.journey__mission{letter-spacing:.08em}.journey__platform{color:var(--c-text);font-weight:600}.app__footer{margin-top:28px;font-size:.72rem;color:var(--c-muted);text-align:center}.notify{background:var(--c-card);border-radius:var(--radius);padding:14px;margin-top:var(--gap);display:flex;flex-direction:column;gap:12px}.notify__title{font-size:.95rem;margin:0}.notify__switch{display:flex;align-items:center;gap:10px;font-weight:600}.notify__switch input{width:20px;height:20px;accent-color:var(--c-accent)}.notify__group{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:10px 12px;margin:0}.notify__group legend{font-size:.78rem;color:var(--c-muted);padding:0 6px}.notify__group:disabled{opacity:.5}.notify__days{display:flex;flex-wrap:wrap;gap:6px}.notify__day{flex:1 1 auto;min-width:42px;padding:8px 4px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:transparent;color:var(--c-text);font-size:.82rem;cursor:pointer}.notify__day.is-on{border-color:var(--c-accent);background:#00e0a824;color:var(--c-accent);font-weight:600}.notify__window{display:flex;align-items:center;gap:8px;margin-top:8px}.notify__window input[type=time]{flex:1 1 auto;padding:8px;border:1px solid rgba(255,255,255,.14);background:var(--c-bg-2);color:var(--c-text);border-radius:10px}.notify__remove{border:none;background:transparent;color:var(--c-cancel);font-size:1rem;cursor:pointer;padding:6px}.notify__add{margin-top:10px;border:1px dashed rgba(255,255,255,.2);background:transparent;color:var(--c-text);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:.85rem}.notify__hint{font-size:.78rem;color:var(--c-muted);margin:0}.notify__msg{font-size:.82rem;color:var(--c-accent);margin:0}.app__notify{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:1.15rem;line-height:1;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:var(--c-card);color:var(--c-text);cursor:pointer}.env-badge+.app__notify{margin-left:8px}.app__notify.is-active{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.app__notify:focus-visible{outline:2px solid var(--c-accent)}.notify__top{display:flex;align-items:center;gap:10px}.notify__test{margin-left:auto;padding:7px 14px;border:1px solid var(--c-accent);border-radius:10px;background:transparent;color:var(--c-accent);font-size:.82rem;font-weight:600;cursor:pointer}.notify__test:disabled{border-color:#ffffff24;color:var(--c-muted);cursor:not-allowed}.notify__test:active:not(:disabled){transform:scale(.97)}.app__account{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:1.15rem;line-height:1;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:var(--c-card);color:var(--c-text);cursor:pointer}.app__account.is-active{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.app__account:focus-visible{outline:2px solid var(--c-accent)}.app--loading{min-height:50vh}.login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login__card{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px;padding:28px 24px;background:var(--c-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius)}.login__logo{border-radius:12px}.login__title{margin:0;font-size:1.25rem}.login__hint{margin:0;color:var(--c-muted);font-size:.9rem}.login__input{width:100%;padding:12px 14px;font-size:1.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-align:center;text-transform:uppercase;color:var(--c-text);background:var(--c-bg);border:1px solid rgba(255,255,255,.16);border-radius:10px}.login__input:focus-visible{outline:2px solid var(--c-accent)}.login__btn{width:100%;padding:12px;font-size:.95rem;font-weight:600;color:#fff;background:var(--c-accent);border:0;border-radius:10px;cursor:pointer}.login__btn:disabled{opacity:.5;cursor:not-allowed}.login__error{margin:0;color:var(--c-danger, #ff6b6b);font-size:.85rem;text-align:center}.admin{margin-bottom:16px;padding:16px;background:var(--c-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius)}.admin__title{margin:0 0 12px;font-size:1rem}.admin__actions{display:flex;flex-wrap:wrap;gap:10px}.admin__regen,.admin__logout,.admin__cancel,.admin__copy,.admin__done{padding:9px 14px;font-size:.85rem;font-weight:600;border-radius:10px;cursor:pointer}.admin__regen{color:var(--c-accent);background:transparent;border:1px solid var(--c-accent)}.admin__logout,.admin__cancel{color:var(--c-muted);background:transparent;border:1px solid rgba(255,255,255,.16)}.admin__warn{margin:0 0 10px;font-size:.85rem;color:var(--c-muted)}.admin__coderow{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin__code{flex:1;padding:10px 12px;font-size:1.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-align:center;color:var(--c-text);background:var(--c-bg);border:1px dashed var(--c-accent);border-radius:8px}.admin__copy{color:var(--c-accent);background:transparent;border:1px solid var(--c-accent);white-space:nowrap}.admin__done{color:#fff;background:var(--c-accent);border:0}.admin__error{margin:10px 0 0;color:var(--c-danger, #ff6b6b);font-size:.85rem}