:root{--direction-name: "The Quiet Card — white page, one strong blue, soft grey cards, read in a second";--d-ground: #ffffff;--d-card: #f4f5f7;--d-ink: #101317;--d-ink-soft: #6b7280;--d-rule: #e3e5e9;--d-accent: #27408b;--d-accent-deep: #1b2e63;--d-accent-on: #ffffff;--d-accent-job: "the hero block, the primary action, the live time and seat words — nothing else";--d-radius: 16px;--d-sans: -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--d-size-title: 28px;--d-size-entry: 20px;--d-size-body: 17px;--d-size-small: 15px;--d-weight-normal: 400;--d-weight-strong: 700}:root{--c-brand: var(--d-accent);--c-brand-deep: var(--d-accent-deep);--c-ink: var(--d-ink);--c-ink-soft: var(--d-ink-soft);--c-bg: var(--d-ground);--c-surface: var(--d-card);--c-line: var(--d-rule);--c-ok: #1f6a44;--c-warn: #7a5200;--c-danger: #a33327;--c-focus: var(--d-accent-deep);--sans: var(--d-sans);--t-title: var(--d-weight-strong) var(--d-size-title)/1.25 var(--sans);--t-section: var(--d-weight-strong) var(--d-size-entry)/1.3 var(--sans);--t-body: var(--d-weight-normal) var(--d-size-body)/1.5 var(--sans);--t-small: var(--d-weight-normal) var(--d-size-small)/1.45 var(--sans);--t-time: var(--d-weight-strong) var(--d-size-entry)/1.2 var(--sans);--s1: 4px;--s2: 10px;--s3: 16px;--s4: 20px;--s5: 28px;--s6: 40px;--r1: var(--d-radius);--tap-min: 44px;--m-fast: .12s ease;--w-max: 640px;--rail: 60px;--bar-h: 60px}@media(prefers-reduced-motion:reduce){:root{--m-fast: 0ms}}*{box-sizing:border-box}ul,ol{list-style:none;margin:0;padding:0}html,body{margin:0;padding:0}body{background:var(--c-bg);color:var(--c-ink);font:var(--t-body)}#root{max-width:var(--w-max);margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.bar{background:var(--c-bg);padding:var(--s4) var(--s4) 0}.bar-brand{height:26px;width:auto;display:block}.bar-context{font:var(--t-small);color:var(--c-ink-soft);float:right;text-align:right}.nav{position:fixed;bottom:0;left:0;right:0;z-index:30;margin:0 auto;max-width:var(--w-max);display:flex;background:var(--c-bg);border-top:1px solid var(--c-line);padding-bottom:env(safe-area-inset-bottom,0px)}.nav-item{flex:1;border:0;background:none;cursor:pointer;min-height:var(--bar-h);padding:var(--s2) 0;font:var(--d-weight-normal) var(--d-size-small)/1.2 var(--sans);color:var(--c-ink-soft)}.nav-item[aria-current=page]{color:var(--c-brand);font-weight:var(--d-weight-strong)}.content{flex:1;padding:var(--s4) var(--s4) calc(var(--bar-h) + var(--s6) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--s4)}.fab{position:fixed;right:var(--s4);z-index:30;bottom:calc(var(--bar-h) + var(--s3) + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;background:var(--c-brand);color:var(--d-accent-on);font:var(--d-weight-normal) 32px/1 var(--sans)}.fab:hover,.fab:active{background:var(--c-brand-deep)}.card{background:var(--c-surface);border-radius:var(--r1);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);border:0}.card-tap{cursor:pointer;text-align:left;font:var(--t-body);color:var(--c-ink);width:100%}.card-tap:hover .route-stop,.card-tap:hover .t-section{color:var(--c-brand)}.card-hero{background-color:var(--c-brand);background-image:linear-gradient(180deg,#ffffff57,#fff0 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)' opacity='0.22'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n2b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2b)' opacity='0.16'/%3E%3C/svg%3E");background-blend-mode:soft-light,multiply,multiply;color:var(--d-accent-on)}.card-hero .entry-to,.card-hero .entry-day,.card-hero .t-section,.card-hero .route-stop{color:var(--d-accent-on)}.card-hero .t-small,.card-hero .t-fact,.card-hero .route-line,.card-hero .status{color:var(--d-accent-on);opacity:.92}.card-hero.card-tap:hover .route-stop,.card-hero.card-tap:hover .t-section{color:var(--d-accent-on)}.note{background:var(--c-surface);border-left:3px solid var(--c-ink-soft);border-radius:var(--r1);padding:var(--s3) var(--s4);font:var(--t-small);color:var(--c-ink)}.note-warn{border-left-color:var(--c-warn)}.note-danger{border-left-color:var(--c-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap-min);padding:0 var(--s4);border-radius:var(--r1);border:1px solid transparent;font:var(--d-weight-strong) var(--d-size-body)/1 var(--sans);cursor:pointer;transition:background var(--m-fast),border-color var(--m-fast),color var(--m-fast)}.btn-primary{background-color:var(--c-brand);background-image:linear-gradient(180deg,#ffffff57,#fff0 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n2c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2c)' opacity='0.22'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n2d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2d)' opacity='0.16'/%3E%3C/svg%3E");background-blend-mode:soft-light,multiply,multiply;color:var(--d-accent-on)}.btn-primary:hover{background-color:var(--c-brand-deep)}.btn-primary:active{background-color:var(--c-ink)}.btn-quiet{background:none;color:var(--c-brand);border:0;padding:0 var(--s1)}.btn-quiet:hover{color:var(--c-brand-deep)}.btn-quiet:active{color:var(--c-ink-soft)}.btn-danger{background:none;color:var(--c-danger);border:0;padding:0 var(--s1)}.btn-danger:hover{color:var(--c-ink)}.btn-danger:active{color:var(--c-ink-soft)}.btn:disabled{cursor:not-allowed;color:var(--c-ink-soft);background:none;border-color:var(--c-line)}.btn:focus-visible,.nav-item:focus-visible,.card-tap:focus-visible,a:focus-visible,.fab:focus-visible,.field-in:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.btn-row{display:flex;gap:var(--s2);flex-wrap:wrap}.sel-on{color:var(--d-accent);font-weight:var(--d-weight-strong)}.sel{border:0;font:var(--d-weight-strong) var(--d-size-small)/1.4 var(--sans);color:var(--c-ink);padding:var(--s1) 18px var(--s1) 0;cursor:pointer;max-width:38vw;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6'%3E%3Cpath d='M1 1l3.5 3.5L8 1' fill='none' stroke='%23101317' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right center}.dtime{display:flex;gap:var(--s3);align-items:baseline;padding:var(--s3) 0;border-bottom:1px solid var(--c-line)}.dtime .time-range{font:var(--t-time);color:var(--c-brand);font-variant-numeric:tabular-nums}.dtime .time-date{font:var(--t-body);color:var(--c-ink)}.drow{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--c-line)}.drow>span{font:var(--t-body);color:var(--c-ink-soft)}.drow>b{font:var(--d-weight-strong) var(--d-size-body)/1.4 var(--sans);color:var(--c-ink);text-align:right}.field{display:flex;flex-direction:column;gap:var(--s1)}.field-label{font:var(--d-weight-strong) var(--d-size-small)/1.4 var(--sans);color:var(--c-ink-soft)}.field-help{font:var(--t-small);color:var(--c-ink-soft)}.field-in{min-height:var(--tap-min);border:1px solid var(--c-line);border-radius:var(--r1);padding:var(--s2) var(--s3);font:var(--t-body);color:var(--c-ink);background:var(--c-surface);width:100%}textarea.field-in{min-height:88px;resize:vertical}.field-error{font:var(--t-small);color:var(--c-danger)}.status{font:var(--t-small);color:var(--c-ink-soft)}.status-strong{font:var(--d-weight-strong) var(--d-size-small)/1.5 var(--sans);color:var(--c-ink)}.status-danger{font:var(--d-weight-strong) var(--d-size-small)/1.5 var(--sans);color:var(--c-danger)}.again{font:var(--d-weight-strong) var(--d-size-small)/1.4 var(--sans);color:var(--c-brand)}.folio{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3)}.folio-date{font:var(--d-weight-strong) 13px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink-soft);white-space:nowrap}.folio-place{font:var(--d-weight-normal) 13px/1.4 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--c-ink-soft)}.sect{font:var(--d-weight-strong) 13px/1.4 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--c-ink-soft);margin-top:var(--s2)}.entry{display:flex;flex-wrap:wrap;align-items:baseline;background:var(--c-surface);border-radius:var(--r1);padding:var(--s3) var(--s4)}li.entry+li.entry{margin-top:var(--s2)}.entry>.btn{flex-basis:100%;justify-content:flex-start;padding:0;margin-top:var(--s2)}.entry-day{font:var(--d-weight-strong) var(--d-size-small)/1.3 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.01em}.note-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);width:100%;text-align:left;padding:var(--s3) 0;border-bottom:1px solid var(--c-line)}.note-txt{font:var(--t-body);color:var(--c-ink)}.note-when{font:var(--t-small);color:var(--c-ink-soft);white-space:nowrap}.entry-t{min-width:var(--rail);flex:none;font:var(--t-time);color:var(--c-brand);font-variant-numeric:tabular-nums;padding-right:var(--s2)}.entry-t.entry-day{font:var(--d-weight-strong) var(--d-size-small)/1.3 var(--sans)}.entry-body{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--s3);text-align:left;background:none;border:0;padding:0}.entry-to{font:var(--d-weight-strong) var(--d-size-entry)/1.3 var(--sans);color:var(--c-ink);letter-spacing:-.01em}.entry-side{margin-left:auto;font:var(--d-weight-strong) var(--d-size-small)/1.45 var(--sans);color:var(--c-brand);white-space:nowrap}.entry-who{flex-basis:100%;font:var(--t-small);color:var(--c-ink-soft);margin-top:3px}.entry-again{flex-basis:100%;margin-top:var(--s1)}.entry-acts{flex-basis:100%;display:flex;align-items:center;gap:var(--s5)}.entry-acts .btn{padding:0;border:0;font:var(--t-body)}.entry .btn-primary{background:none;color:var(--c-brand);border:0;padding:0}.entry-acts .btn:first-child{color:var(--c-brand);font-weight:var(--d-weight-strong)}.entry-acts-plain .btn:first-child{color:var(--c-ink-soft);font-weight:var(--d-weight-normal)}.voice{font:var(--t-body);color:var(--c-ink-soft)}.foot-voice{font:var(--t-small);color:var(--c-ink-soft);text-align:center;margin:0}.time{font:var(--t-time);color:var(--c-brand);font-variant-numeric:tabular-nums}.entry .card{background:none;border-radius:0;padding:0;flex:1;min-width:0;width:auto}.t-title{font:var(--t-title);margin:0;letter-spacing:-.02em}.t-section{font:var(--t-section);margin:0;letter-spacing:-.01em}.t-small{font:var(--t-small);color:var(--c-ink-soft)}.t-fact{font:var(--t-small);color:var(--c-ink-soft);display:flex;gap:var(--s2);align-items:baseline;flex-wrap:wrap}.row{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap}.row-between{display:flex;align-items:baseline;gap:var(--s2);justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--s4)}.stack-tight{display:flex;flex-direction:column;gap:var(--s2)}.divider{border:0;border-top:1px solid var(--c-line);margin:0}.route-line{display:flex;align-items:baseline;gap:var(--s1);flex-wrap:wrap;font:var(--t-small);color:var(--c-ink-soft)}.route-stop{color:var(--c-ink);font:var(--d-weight-strong) var(--d-size-body)/1.4 var(--sans)}.state{display:flex;flex-direction:column;align-items:center;gap:var(--s3);text-align:center;padding:var(--s6) var(--s4);color:var(--c-ink-soft);font:var(--t-small)}.state-title{font:var(--t-section);color:var(--c-ink);margin:0}.state-quiet{font:var(--t-body);color:var(--c-ink-soft)}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#10131766;z-index:40;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--c-bg);border-radius:var(--r1) var(--r1) 0 0;width:100%;max-width:var(--w-max);padding:var(--s5) var(--s4);display:flex;flex-direction:column;gap:var(--s4);max-height:85vh;overflow-y:auto}.write-row{display:flex;gap:var(--s3);align-items:center}.write-row .field-in{flex:1}.msg{border-left:3px solid var(--c-line);padding:var(--s1) var(--s3);font:var(--t-small);color:var(--c-ink);align-self:stretch}.msg-mine{border-left-color:var(--c-brand)}.msg-meta{font:var(--d-weight-strong) var(--d-size-small)/1.4 var(--sans);color:var(--c-ink-soft)}a{color:var(--c-ink);text-decoration:none}.btn-link-reset{border:0;background:none;padding:0;cursor:pointer;font:inherit;color:inherit}.btn-link-reset:hover{color:var(--c-brand)}.map-box{width:100%;height:180px;border:1px solid var(--c-line);border-radius:var(--r1);background-color:var(--c-surface)}.gate-slip{display:none}.sheet-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1013176b;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--d-ground);width:100%;max-width:640px;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--d-radius) var(--d-radius) 0 0;padding:8px 16px 24px;animation:sheet-up .16s ease-out}.sheet-handle{display:block;width:44px;height:5px;margin:4px auto 12px;border:0;border-radius:3px;background:var(--d-rule);cursor:pointer}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}}@media print{body *{visibility:hidden}.gate-slip{display:flex;flex-direction:column;gap:6px;visibility:visible;position:absolute;inset:24px auto auto 24px;font:var(--t-body)}.gate-slip *{visibility:visible}}