:root{--ground: #0B0E13;--surface: #141821;--raised: #1C2129;--sunken: #080A0E;--line: #2B323D;--line-strong: #454E5C;--text: #E9EDF3;--text-muted: #8D97A6;--text-faint: #5C6675;--accent: #A8BEF0;--accent-ink: #0B0E13;--accent-dim: #2A3550;--positive: #5FD3A0;--warning: #F0C36A;--danger: #F2857E;--font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-data: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-hero: clamp(2.25rem, 6vw, 3.5rem);--t-title: clamp(1.5rem, 3.2vw, 2rem);--t-head: 1.125rem;--t-body: .9375rem;--t-small: .8125rem;--t-label: .6875rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--d-press: .16s;--d-fast: .18s;--d-normal: .24s;--d-sheet: .42s;--shell-max: 1180px;--col-max: 560px}:root[data-theme=light]{--ground: #F7F8FA;--surface: #FFFFFF;--raised: #FFFFFF;--sunken: #ECEFF3;--line: #DEE3EA;--line-strong: #C3CBD6;--text: #0F1319;--text-muted: #5A6472;--text-faint: #8B95A3;--accent: #3B5BA9;--accent-ink: #FFFFFF;--accent-dim: #DCE4F7}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--ground: #F7F8FA;--surface: #FFFFFF;--raised: #FFFFFF;--sunken: #ECEFF3;--line: #DEE3EA;--line-strong: #C3CBD6;--text: #0F1319;--text-muted: #5A6472;--text-faint: #8B95A3;--accent: #3B5BA9;--accent-ink: #FFFFFF;--accent-dim: #DCE4F7}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{background:var(--ground);color:var(--text);font-family:var(--font-body);font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.08;letter-spacing:-.021em}.sign{font-family:var(--font-display);font-variation-settings:"wdth" 88;font-size:var(--t-label);font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.data{font-family:var(--font-data);font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-5);border:1px solid transparent;border-radius:var(--r-pill);font-family:var(--font-body);font-size:var(--t-body);font-weight:600;cursor:pointer;transition:transform var(--d-press) var(--ease-out),background-color var(--d-fast) ease,border-color var(--d-fast) ease,opacity var(--d-fast) ease}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.btn--quiet{background:var(--raised);color:var(--text)}.btn--block{display:flex;width:100%}@media(hover:hover)and (pointer:fine){.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--ghost:hover:not(:disabled){background:var(--raised)}}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__input{width:100%;min-height:48px;padding:0 var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);font-family:var(--font-body);font-size:var(--t-body);transition:border-color var(--d-fast) ease,background-color var(--d-fast) ease}.field__input::placeholder{color:var(--text-faint)}.field__input:focus{border-color:var(--accent);outline:none}.field__input[inputmode=numeric]{font-family:var(--font-data);letter-spacing:.34em;font-size:1.0625rem}.spine{position:relative;padding-left:34px}.spine:before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:var(--line);border-radius:1px}.spine__progress{position:absolute;left:11px;top:10px;width:2px;background:var(--accent);border-radius:1px;transform-origin:top;transition:transform var(--d-sheet) var(--ease-drawer)}.spine__stop{position:relative;padding:var(--sp-3) 0;min-height:56px}.spine__node{position:absolute;left:-34px;top:50%;width:20px;height:20px;margin-top:-10px;display:grid;place-items:center;border-radius:50%;background:var(--ground);border:2px solid var(--line-strong);transition:border-color var(--d-fast) var(--ease-out),background-color var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-out)}.spine__stop[data-active=true] .spine__node{border-color:var(--accent);transform:scale(1.15)}.spine__stop[data-role=origin] .spine__node:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.spine__stop[data-role=destination] .spine__node:after{content:"";width:7px;height:7px;background:var(--accent)}.spine__name{font-weight:600}.spine__meta{color:var(--text-muted);font-size:var(--t-small)}.pips{display:inline-flex;gap:3px;vertical-align:middle}.pip{width:6px;height:10px;border-radius:2px;background:var(--line-strong);transition:background-color var(--d-fast) var(--ease-out)}.pip[data-taken=true]{background:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4)}.card--raised{background:var(--raised)}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack-2{display:flex;flex-direction:column;gap:var(--sp-2)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row--between{justify-content:space-between}.grow{flex:1;min-width:0}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.rise{animation:rise var(--d-normal) var(--ease-out) both}.rise:nth-child(1){animation-delay:0ms}.rise:nth-child(2){animation-delay:45ms}.rise:nth-child(3){animation-delay:90ms}.rise:nth-child(4){animation-delay:135ms}.rise:nth-child(5){animation-delay:.18s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:active:not(:disabled){transform:none}}.tier{display:flex;align-items:center;gap:var(--sp-3);width:100%;cursor:pointer;text-align:left;transition:border-color var(--d-fast) var(--ease-out),background-color var(--d-fast) var(--ease-out),transform var(--d-press) var(--ease-out)}.tier:active{transform:scale(.99)}.tier[data-selected=true]{border-color:var(--accent);background:var(--accent-dim)}.seat{flex:1;min-width:0;padding:0;transition:border-color var(--d-fast) var(--ease-out),background-color var(--d-fast) var(--ease-out),color var(--d-fast) var(--ease-out),transform var(--d-press) var(--ease-out)}.seat[data-selected=true]{background:var(--accent);color:var(--accent-ink)}.fare__total{font-family:var(--font-display);font-variation-settings:"wdth" 112;font-size:var(--t-hero);font-weight:700;letter-spacing:-.03em;line-height:1}.empty{display:grid;place-items:center;gap:var(--sp-2);padding:var(--sp-7) var(--sp-4);text-align:center;color:var(--text-muted)}.badge{padding:2px 8px;border-radius:var(--r-pill);background:var(--raised);color:var(--text-muted);letter-spacing:.1em}.duty{border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-5);background:var(--sunken);transition:border-color var(--d-normal) var(--ease-out),background-color var(--d-normal) var(--ease-out)}.duty[data-on=true]{border-color:var(--accent);background:var(--accent-dim)}.duty__state{font-family:var(--font-display);font-variation-settings:"wdth" 108;font-size:var(--t-hero);font-weight:700;letter-spacing:-.03em;line-height:1}.duty__live{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--t-small)}.duty__beacon{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:beacon 2s ease-in-out infinite}@keyframes beacon{0%,to{opacity:.3}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.duty__beacon{animation:none}}.metric{display:flex;flex-direction:column;gap:2px}.metric__value{font-family:var(--font-display);font-variation-settings:"wdth" 108;font-size:var(--t-title);font-weight:700;letter-spacing:-.02em}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.shell{display:grid;min-height:100dvh;grid-template-areas:"main" "tabs";grid-template-rows:1fr auto}.shell__main{grid-area:main;overflow-y:auto;padding:var(--sp-4) var(--sp-4) var(--sp-7)}.shell__inner{width:100%;max-width:var(--col-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-5)}.shell__context{display:none}.tabs{grid-area:tabs;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:var(--sp-2) 0;background:none;border:none;cursor:pointer;color:var(--text-faint);font-family:var(--font-body);font-size:.6875rem;font-weight:600;transition:color var(--d-fast) ease}.tab[aria-current=page]{color:var(--accent)}.tab__glyph{font-size:1.125rem;line-height:1}@media(min-width:760px){.shell{grid-template-areas:"rail main";grid-template-columns:232px 1fr;grid-template-rows:1fr}.shell__main{padding:var(--sp-6) var(--sp-6) var(--sp-8)}.tabs{grid-area:rail;flex-direction:column;justify-content:flex-start;gap:var(--sp-1);border-top:none;border-right:1px solid var(--line);padding:var(--sp-5) var(--sp-3);background:var(--sunken)}.tab{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:var(--sp-3);min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-md);font-size:var(--t-body);transition:color var(--d-fast) ease,background-color var(--d-fast) ease}.tab[aria-current=page]{background:var(--accent-dim)}.tab__glyph{font-size:1rem}}@media(min-width:1080px){.shell{grid-template-columns:248px minmax(0,1fr)}.shell__main{display:grid;grid-template-columns:minmax(0,var(--col-max)) minmax(280px,360px);gap:var(--sp-6);align-content:start;justify-content:center}.shell__inner{max-width:none}.shell__context{display:flex;flex-direction:column;gap:var(--sp-4);position:sticky;top:var(--sp-6);align-self:start}.context-inline{display:none}}.rail__brand{display:none;align-items:center;gap:var(--sp-3);padding:0 var(--sp-3) var(--sp-5);color:inherit;text-decoration:none}@media(min-width:760px){.rail__brand{display:flex}}.brand__mark{width:30px;height:30px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:var(--accent-ink);font-family:var(--font-display);font-weight:800;font-size:1rem;flex:none}.brand__name{font-family:var(--font-display);font-weight:700;font-size:1.0625rem;letter-spacing:-.02em}.auth{min-height:100dvh;display:grid;place-items:center;padding:var(--sp-5)}.auth__card{width:100%;max-width:400px}.offline{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;justify-content:center;padding:calc(env(safe-area-inset-top) + var(--sp-2)) var(--sp-3) 0;pointer-events:none;transform:translateY(-140%);opacity:0;transition:transform var(--d-normal) var(--ease-out),opacity var(--d-fast) var(--ease-out),visibility 0s linear var(--d-normal);visibility:hidden}.offline[data-phase=offline],.offline[data-phase=restored]{transform:translateY(0);opacity:1;visibility:visible;transition:transform var(--d-normal) var(--ease-out),opacity var(--d-fast) var(--ease-out),visibility 0s}.offline__pill{display:flex;align-items:center;gap:var(--sp-2);max-width:520px;padding:10px var(--sp-4);border-radius:var(--r-pill);background:#475569;color:#fff;font-size:var(--t-small);font-weight:600;line-height:1.35;box-shadow:0 8px 24px #00000047;transition:background-color var(--d-normal) var(--ease-out)}.offline[data-phase=restored] .offline__pill{background:#2f7d5b}@media(max-width:560px){.offline{padding-left:var(--sp-2);padding-right:var(--sp-2)}.offline__pill{padding:6px var(--sp-3);font-size:var(--t-label);gap:6px;max-width:calc(100% - var(--sp-4))}.offline__dot{width:6px;height:6px}}.offline__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none;opacity:.85}.offline[data-phase=offline] .offline__dot{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.offline[data-phase=offline] .offline__dot{animation:none;opacity:.9}}.gate{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;padding:var(--sp-4);background:#00000080;animation:gate-fade var(--d-fast) var(--ease-out)}@media(min-width:560px){.gate{align-items:center}}.gate__panel{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 64px #0006;animation:gate-rise var(--d-sheet) var(--ease-drawer)}.gate__note{font-size:var(--t-small);color:var(--text-muted);padding:var(--sp-3);border-radius:var(--r-md);background:var(--sunken)}.gate__row{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}.gate__chev{color:var(--text-faint);font-size:1.25rem;line-height:1;flex:none}@keyframes gate-fade{0%{opacity:0}to{opacity:1}}@keyframes gate-rise{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.gate,.gate__panel{animation:none}}.field__hint{display:block;margin-top:var(--sp-2);font-size:var(--t-label);color:var(--text-muted);font-family:var(--font-data)}