:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:var(--brand-background,#f4f8fc);--card:#fff;--surface-2:color-mix(in srgb, var(--brand-pale,#ddeffc) 55%, #fff);--text:var(--brand-text,#0e2a4b);--text-2:color-mix(in srgb, var(--brand-text,#0e2a4b) 74%, #fff);--text-3:color-mix(in srgb, var(--brand-text,#0e2a4b) 64%, #fff);--ink:var(--brand-ink,#0768c9);--pale:var(--brand-pale,#ddeffc);--line:color-mix(in srgb, var(--brand-text,#0e2a4b) 10%, transparent);--shadow:0 1px 2px #0e2a4b0d, 0 2px 10px #0e2a4b0a;--ok:#1f7a46;--ok-bg:#e2f4e9;--warn:#9a4a06;--warn-bg:#fdecd9;--bad:#b42318;--bad-bg:#fde4e1;--sample:#5b2a99;--sample-bg:#ede4fb;--neutral-bg:color-mix(in srgb, var(--brand-text,#0e2a4b) 7%, #fff);--space-ok:#2b7a4b;--space-low:#b45309;--space-none:#b42318;--r-card:16px;--r-control:12px;--font:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-family:var(--font);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-size:100%;line-height:1.35}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#0f141b;--card:#18202a;--surface-2:#1d2733;--text:#e8eef5;--text-2:#b6c2cf;--text-3:#93a1b0;--ink:color-mix(in srgb, var(--brand-primary,#0768c9) 50%, #fff);--pale:color-mix(in srgb, var(--brand-primary,#0768c9) 22%, #18202a);--line:#e8eef514;--shadow:none;--ok:#6ee7a8;--ok-bg:#133524;--warn:#fdba74;--warn-bg:#3d2512;--bad:#fca5a5;--bad-bg:#42191a;--sample:#d4bbff;--sample-bg:#2f2147;--neutral-bg:#222c38;--space-ok:#3f9a64;--space-low:#c2620c;--space-none:#c2382c}}*,:before,:after{box-sizing:border-box}html,body{background:var(--canvas);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;min-height:100dvh}h1,h2,p{margin:0}ul{margin:0;padding:0;list-style:none}button,select{font:inherit;color:inherit}a{color:var(--ink)}:focus-visible{outline:3px solid color-mix(in srgb, var(--ink) 45%, transparent);outline-offset:2px;border-radius:10px}.loading{color:var(--text-2)}.app{max-width:600px;min-height:100dvh;padding-bottom:calc(86px + env(safe-area-inset-bottom));background:var(--canvas);flex-direction:column;margin:0 auto;display:flex}@media (width>=640px){body{background:color-mix(in srgb, var(--canvas) 70%, var(--line))}.app{box-shadow:0 0 0 1px var(--line)}}.brand-header{padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:var(--card);align-items:center;gap:10px;display:flex}.brand-mark{flex:none;width:44px;height:44px;display:block}.brand-text{flex:1;gap:1px;min-width:0;display:grid}.brand-name{letter-spacing:-.02em;color:var(--brand-deep,var(--text));font-size:1.45rem;font-weight:750;line-height:1.1}.brand-sub{color:var(--text-2);font-size:.78rem}@media (prefers-color-scheme:dark){.brand-name{color:var(--text)}}.hero{background:var(--pale);position:relative;overflow:hidden}.hero-home{height:clamp(132px,38vw,200px)}.hero-route{height:clamp(110px,32vw,170px)}.hero img{object-fit:cover;object-position:center 62%;width:100%;height:100%;display:block}.hero-overlay{justify-content:center;display:flex;position:absolute;inset:12px 16px auto}.hero-overlay .date-pill{background:color-mix(in srgb, var(--card) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#0000;box-shadow:0 2px 10px #0e2a4b26}@media (prefers-color-scheme:dark){.hero img{filter:brightness(.78)saturate(.9)}}.demo-banner{z-index:20;color:#fff;background:#5b2a99;padding:8px 16px;font-size:.8rem;position:sticky;top:0}.demo-banner .tag-dot{vertical-align:1px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.page{flex:1;align-content:start;gap:20px;padding:16px 16px 24px;display:grid}.footer{color:var(--text-3);text-align:center;padding:0 16px 14px;font-size:.72rem}.tabbar{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 10px);z-index:30;background:var(--card);border:1px solid var(--line);border-radius:30px;grid-template-columns:repeat(3,1fr);gap:4px;max-width:576px;margin:0 auto;padding:6px;display:grid;position:fixed;box-shadow:0 6px 24px #0e2a4b1f}.tab{min-height:50px;color:var(--text-3);border-radius:24px;align-content:center;justify-items:center;gap:1px;font-size:.72rem;font-weight:650;text-decoration:none;transition:background-color .15s,color .15s;display:grid}.tab-icon{place-items:center;display:grid}.tab.is-active{background:var(--ink);color:#fff}@media (prefers-color-scheme:dark){.tab.is-active{color:#10161d}}.section{gap:8px;display:grid}.section-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);padding:0 4px;font-size:.72rem;font-weight:700}.section-footer{color:var(--text-3);padding:0 2px;font-size:.75rem}.group{border-radius:var(--r-card);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.group>li+li{border-top:1px solid var(--line)}.cell{min-height:60px;color:var(--text);align-items:center;gap:12px;padding:10px 14px;font-size:.98rem;text-decoration:none;display:flex}.cell-link{transition:background-color .12s}.cell-link:active{background:var(--surface-2)}.cell-title{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600;line-height:1.25}.cell-subtitle{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:.8rem;display:flex}.chevron{color:var(--text-3);flex:none;font-size:1.4rem;line-height:1}.route-icon{background:var(--pale);width:36px;height:36px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.route-badge{background:var(--ink);color:#fff;letter-spacing:.02em;border-radius:10px;flex:none;place-items:center;min-width:36px;height:36px;padding:0 6px;font-size:.78rem;font-weight:700;display:grid}@media (prefers-color-scheme:dark){.route-badge{color:#10161d}}.cell-lead{flex:1;gap:3px;min-width:0;display:grid}.saved-time{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:1.15rem;font-weight:700}.saved-soon{color:var(--ink);font-weight:650}.meta-dot{align-items:center;gap:5px;font-weight:600;display:inline-flex}.meta-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.meta-live{color:var(--ok)}.meta-warn{color:var(--warn)}.meta-bad{color:var(--bad)}.meta-sample{color:var(--sample)}.prose{font-size:.92rem;line-height:1.45;display:block}.status{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.status-neutral{background:var(--neutral-bg);color:var(--text-2)}.status-live{background:var(--ok-bg);color:var(--ok)}.status-warn{background:var(--warn-bg);color:var(--warn)}.status-bad{background:var(--bad-bg);color:var(--bad)}.status-sample{background:var(--sample-bg);color:var(--sample)}.sailing-soon{color:var(--ink);font-size:.8rem;font-weight:700}.date-pill{background:var(--card);border:1.5px solid color-mix(in srgb, var(--ink) 55%, transparent);min-height:40px;color:var(--ink);border-radius:20px;justify-self:start;align-items:stretch;display:inline-flex}.date-select{cursor:pointer;align-items:center;gap:7px;padding:0 10px 0 13px;font-size:.92rem;font-weight:650;display:inline-flex;position:relative}.date-select select{opacity:0;cursor:pointer;position:absolute;inset:0}.date-pill button{border:0;border-left:1px solid color-mix(in srgb, var(--ink) 30%, transparent);width:40px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;display:grid}.date-pill button:disabled{color:var(--text-3);opacity:.5;cursor:default}.route-header{padding:calc(env(safe-area-inset-top) + 6px) 8px 10px;background:var(--card);gap:8px;display:grid}.route-header-bar{grid-template-columns:44px 1fr auto;align-items:center;gap:4px;display:grid}.back-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.route-heading{text-align:center;gap:1px;min-width:0;display:grid}.route-title{color:var(--text);text-wrap:balance;font-size:1.05rem;font-weight:700;line-height:1.2}.route-to{color:var(--text-2);font-weight:500}.route-subtitle{color:var(--text-3);font-size:.75rem}.route-actions{gap:2px;display:flex}.icon-btn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.icon-btn:active,.back-btn:active{background:var(--surface-2)}.icon-btn.is-on{color:#e8a400}.toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.link-btn{min-height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-size:.88rem;font-weight:600}.picker{justify-content:space-between;min-height:50px}.picker label{font-weight:600}.picker select{max-width:62%;color:var(--ink);text-align:right;text-align-last:right;cursor:pointer;background:0 0;border:0;font-size:.95rem;font-weight:600}.day{gap:8px;display:grid}.day-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);padding:0 4px;font-size:.72rem;font-weight:700}.day-footer{color:var(--text-3);gap:4px;padding:0 4px;font-size:.75rem;display:grid}.sailings{gap:10px;display:grid}.sailing{position:relative}.sailing.has-tabs{margin-top:6px;padding-top:12px}.sailing-tabs{z-index:1;gap:6px;display:flex;position:absolute;top:0;left:12px}.sailing-tab{letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 0 2px var(--canvas);border-radius:8px;padding:3px 9px;font-size:.66rem;font-weight:750;line-height:1.3}.tab-neutral{background:var(--neutral-bg);color:var(--text-2)}.tab-past{background:var(--neutral-bg);color:var(--text-3)}.tab-live{background:var(--ok-bg);color:var(--ok)}.tab-warn{background:var(--warn-bg);color:var(--warn)}.tab-bad{background:var(--bad-bg);color:var(--bad)}.tab-sample{background:var(--sample-bg);color:var(--sample)}.tab-next{background:var(--ink);color:#fff;letter-spacing:.01em;text-transform:none}@media (prefers-color-scheme:dark){.tab-next{color:#10161d}}.sailing-card{border-radius:var(--r-card);background:var(--card);border:1px solid var(--line);width:100%;min-height:64px;box-shadow:var(--shadow);font:inherit;color:inherit;text-align:left;grid-template-columns:minmax(6.6em,auto) minmax(0,1fr) auto;align-items:center;gap:2px 14px;padding:12px 14px;display:grid}.sailing.has-tabs .sailing-card{padding-top:16px}button.sailing-card{cursor:pointer;transition:background-color .12s}button.sailing-card:active{background:var(--surface-2)}.sailing-col{gap:2px;min-width:0;display:grid}.sailing-time{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.25rem;font-weight:700;line-height:1.1}.sailing-period{margin-left:2px;font-size:.72rem;font-weight:650}.sailing-soon{color:var(--ink);font-weight:700}.caption{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;font-size:.62rem;font-weight:650}.vessel-name{color:var(--text);overflow-wrap:anywhere;font-size:.95rem;font-weight:650;line-height:1.2}.arrival{color:var(--text-3);gap:1px;margin-top:4px;display:grid}.arrival-time{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:650}.sailing-notes{color:var(--text-2);grid-column:1/-1;font-size:.75rem}.sailing.is-past .sailing-card{background:var(--surface-2);box-shadow:none}.sailing.is-past .sailing-time,.sailing.is-past .vessel-name{color:var(--text-3)}.sailing.is-canceled .sailing-time{color:var(--text-3);text-decoration:line-through;text-decoration-thickness:2px}.space{background:color-mix(in srgb, var(--space-ok) 14%, var(--card));color:var(--space-ok);border-radius:16px;align-items:center;gap:4px;padding:3px 3px 3px 8px;display:inline-flex}.space-count{background:var(--space-ok);color:#fff;font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;min-width:28px;height:24px;padding:0 6px;font-size:.75rem;font-weight:750;display:grid}.space-low{background:color-mix(in srgb, var(--space-low) 14%, var(--card));color:var(--space-low)}.space-low .space-count{background:var(--space-low)}.space-none{background:color-mix(in srgb, var(--space-none) 14%, var(--card));color:var(--space-none)}.space-none .space-count{background:var(--space-none)}.space-inline{color:var(--space-ok);font-weight:700}.fares{display:grid}.fare-list>li+li{border-top:1px solid var(--line)}.fare-row{justify-content:space-between;gap:12px;padding:10px 14px;font-size:.88rem;display:flex}.fare-name{color:var(--text);overflow-wrap:anywhere}.fare-amount{font-variant-numeric:tabular-nums;color:var(--text);flex:none;font-weight:700}.fare-more{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0 14px;font-size:.85rem;font-weight:650}.fare-note{border-top:1px solid var(--line);color:var(--text-2);padding:8px 14px 10px;font-size:.78rem}.ticket-link{border-top:1px solid var(--line);min-height:50px;color:var(--ink);justify-content:space-between;align-items:center;padding:0 14px;font-weight:650;text-decoration:none;display:flex}.ticket-link:active{background:var(--surface-2)}.alert-cards{border-radius:var(--r-card);background:var(--warn-bg);border:1px solid color-mix(in srgb, var(--warn) 22%, transparent);overflow:hidden}.alert-cards>.alert+.alert{border-top:1px solid color-mix(in srgb, var(--warn) 18%, transparent)}.alert-cards .alert summary{font-size:.85rem}.alert-cards .alert-title{font-weight:500}.alert-cards>.alert-critical{background:var(--bad-bg)}.alert{padding:0;display:block}.alert summary{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding:12px 14px;font-size:.9rem;line-height:1.35;list-style:none;display:flex}.alert summary::-webkit-details-marker{display:none}.alert-icon{color:#c2620c;flex:none}.alert-critical .alert-icon{color:var(--bad)}.alert-title{flex:1;font-weight:550}.alert-level{background:var(--warn-bg);color:var(--warn);letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;border-radius:5px;margin-right:6px;padding:0 6px;font-size:.68rem;font-weight:700;display:inline-block}.alert-critical .alert-level{background:var(--bad-bg);color:var(--bad)}.alert-info .alert-level{background:var(--neutral-bg);color:var(--text-2)}.alert-body{color:var(--text-2);gap:8px;padding:0 14px 14px 46px;font-size:.88rem;line-height:1.45;display:grid}.alert-time{color:var(--text-3);font-size:.78rem}.alert-original-label,.plain-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-size:.72rem;font-weight:600}.plain{border-radius:var(--r-control);background:var(--surface-2);color:var(--text);gap:6px;padding:10px 12px;display:grid}.plain-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.plain-lang{border:1px solid var(--line);background:var(--card);min-height:32px;color:var(--ink);border-radius:999px;padding:2px 8px;font-size:.82rem}.plain-summary{font-size:.92rem;font-weight:500}.plain-points{gap:2px;padding-inline-start:18px;list-style:outside;display:grid}.plain-status{color:var(--text-2)}.plain-note{color:var(--text-3);font-size:.74rem}.legend-row{justify-items:start;gap:4px;display:grid}.notice{border-radius:var(--r-card);background:var(--card);border:1px solid var(--line);gap:6px;padding:16px;display:grid}.notice-warn{border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.notice-title{font-size:1rem;font-weight:650}.notice-body{color:var(--text-2);gap:6px;font-size:.92rem;line-height:1.45;display:grid}.dev-hint{color:var(--warn);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.freshness{gap:2px;display:grid}.freshness a{color:inherit}.freshness-stale{color:var(--warn)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}