:root {
  color-scheme:dark;
  --page:#080a14;--surface:rgba(20,24,42,.9);--surface-strong:#171b30;--soft:rgba(255,255,255,.065);
  --ink:#f5f7ff;--muted:#aab2c8;--border:rgba(202,214,255,.16);--border-strong:rgba(207,219,255,.34);
  --brand:#47e7ff;--brand-2:#a78bfa;--brand-3:#ff4d9d;--brand-soft:rgba(71,231,255,.12);
  --playhead:#ff4d9d;--warning:#ffd166;--warning-soft:rgba(255,187,71,.12);--danger:#ff7a9d;
  --danger-soft:rgba(255,77,128,.13);--focus:#ffe66d;--radius:20px;--plot-inset:23px;
}
*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--page)}
body{min-height:100vh;margin:0;min-width:0;overflow-x:hidden;background:radial-gradient(circle at 12% -8%,rgba(71,231,255,.19),transparent 31rem),radial-gradient(circle at 92% 18%,rgba(139,92,246,.2),transparent 27rem),radial-gradient(circle at 42% 78%,rgba(255,77,157,.1),transparent 32rem),linear-gradient(155deg,#070912 0%,#100c21 54%,#07151b 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.4;-webkit-text-size-adjust:100%}
button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.app-shell{width:min(100%,680px);margin:0 auto;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
.topbar,.journey-heading,.date-row,.timeline-header,.section-heading,.sheet-header{display:flex;justify-content:space-between;gap:12px}.topbar{align-items:flex-start;margin-bottom:14px}.journey-heading,.date-row,.timeline-header,.section-heading{align-items:center}
.kicker,.eyebrow{margin:0;color:#95a1bc;font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.kicker{color:var(--brand)}
h1{margin:2px 0 0;background:linear-gradient(100deg,#fff 15%,#b9f7ff 55%,#d6c7ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(1.55rem,7vw,2rem);line-height:1.08;letter-spacing:-.04em}h2,h3,p{overflow-wrap:anywhere}
.button{min-height:44px;padding:10px 14px;border:1px solid var(--border-strong);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.08);cursor:pointer;font-weight:850;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.button:active{transform:scale(.98)}
.button.primary{border-color:transparent;background:linear-gradient(135deg,var(--brand),#78b8ff 47%,var(--brand-2));box-shadow:0 10px 28px rgba(71,166,255,.2);color:#070916}.button.quiet{border-color:var(--border);color:#dffbff}.button:disabled{cursor:default;opacity:.55}
.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,rgba(27,32,55,.94),rgba(15,18,33,.9));box-shadow:0 16px 44px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.journey-card{position:relative;padding:15px;margin-bottom:10px;overflow:hidden}.journey-card:before{content:"";position:absolute;top:-70px;right:-55px;width:160px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.24),transparent 70%);pointer-events:none}.journey-heading{position:relative;margin-bottom:12px}.journey-heading h2{margin:2px 0 0;font-size:1rem}
.journey-flow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:8px}.journey-place{min-width:0}.journey-place.to{text-align:right}
.place-label{display:block;margin-bottom:2px;color:var(--muted);font-size:.72rem;font-weight:780;text-transform:uppercase;letter-spacing:.07em}.place-name{display:block;font-size:1.02rem;font-weight:880;line-height:1.2}.place-stops{display:block;margin-top:3px;color:var(--muted);font-size:.76rem}
.journey-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(71,231,255,.22);border-radius:50%;background:linear-gradient(145deg,rgba(71,231,255,.12),rgba(139,92,246,.12));color:var(--brand);font-size:1.1rem;font-weight:900}
.date-row{position:relative;padding-top:13px;margin-top:14px;border-top:1px solid var(--border)}.date-row label{color:var(--muted);font-size:.8rem;font-weight:780}input[type=date]{min-height:44px;min-width:150px;max-width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:11px;background:#11162a;color:var(--ink);font-size:1rem}
.data-status{padding:9px 11px;margin:0 0 10px;border:1px solid rgba(71,231,255,.24);border-radius:12px;background:linear-gradient(100deg,rgba(71,231,255,.12),rgba(139,92,246,.1));color:#c8f8ff;font-size:.78rem}.data-status.warning{border-color:rgba(255,209,102,.35);background:var(--warning-soft);color:#ffe6a6}.data-status.error{border-color:rgba(255,122,157,.36);background:var(--danger-soft);color:#ffc3d3}
.next-card{position:relative;padding:16px;margin-bottom:10px;border-color:rgba(71,231,255,.3);overflow:hidden}.next-card:after{content:"";position:absolute;right:-30px;bottom:-75px;width:180px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(71,231,255,.12),transparent 68%);pointer-events:none}.next-primary,.next-path,.next-meta{position:relative}.next-primary{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;margin-top:6px}.route-badge{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--brand-3),#ff7a59 52%,#ffd166);box-shadow:0 9px 28px rgba(255,77,157,.25);color:#160710;font-size:1.05rem;font-weight:950}.route-badge.empty{background:var(--soft);box-shadow:none;color:var(--muted)}
.next-time{margin:0;font-size:clamp(1.55rem,7vw,2rem);line-height:1;letter-spacing:-.035em}.next-wait{margin:5px 0 0;color:var(--brand);font-weight:880}.next-path{margin:13px 0 0;font-weight:780}.next-meta{margin:3px 0 0;color:var(--muted);font-size:.8rem}.following-wrap{padding-top:13px;margin-top:14px;border-top:1px solid var(--border)}
.following-list,.cluster-list,.saved-list,.search-results{padding:0;margin:7px 0 0;list-style:none}.following-list{display:grid;gap:2px}.service-row{width:100%;min-height:44px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 5px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.service-row:active{background:var(--soft)}.service-route{color:#d7c9ff;font-weight:900}.service-time{font-weight:800}.service-wait{color:var(--muted);font-size:.8rem}
.timeline-card{padding:15px 12px 13px;overflow:hidden}.timeline-header{align-items:flex-start;padding:0 3px}.selected-time{margin:2px 0 0;font-size:1.42rem;font-weight:920;letter-spacing:-.025em}.selected-date{margin:1px 0 0;color:var(--muted);font-size:.78rem}.now-button{min-width:78px;border-color:rgba(71,231,255,.38);color:var(--brand)}.now-button[aria-pressed=true]{background:linear-gradient(145deg,rgba(71,231,255,.18),rgba(139,92,246,.13))}.timeline-help{margin:12px 3px 0;color:var(--muted);font-size:.78rem}
.timeline-surface{position:relative;width:100%;height:202px;margin-top:5px;overflow:hidden;border:1px solid rgba(255,255,255,.045);border-radius:15px;background:linear-gradient(180deg,rgba(8,11,23,.82),rgba(17,20,37,.92));cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.axis{position:absolute;top:42px;left:var(--plot-inset);right:var(--plot-inset);height:2px;background:linear-gradient(90deg,rgba(71,231,255,.35),rgba(160,168,194,.62),rgba(139,92,246,.42));pointer-events:none}
.tick{position:absolute;top:35px;width:1px;height:14px;background:#7b87a4;pointer-events:none}.tick-label{position:absolute;top:-27px;left:0;transform:translateX(-50%);color:#aeb8cf;font-size:.72rem;font-weight:750;white-space:nowrap}.marker-layer,.tick-layer{position:absolute;inset:0;pointer-events:none}.marker{position:absolute;z-index:2;width:44px;height:44px;display:grid;place-items:center;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation}
.marker-badge{width:34px;height:34px;display:grid;place-items:center;border:2px solid #65718e;border-radius:50%;background:linear-gradient(145deg,#20263e,#13172a);color:#e7ebf8;font-size:.73rem;font-weight:920;line-height:1;white-space:nowrap}.marker:focus-visible,.playhead:focus-visible{outline-offset:-3px}.marker.cluster .marker-badge{width:40px;border-color:#8977c5;border-radius:12px;color:#eee8ff;font-size:.67rem}.marker.past .marker-badge{border-color:#465066;background:#111522;color:#7f899f}.marker.next .marker-badge{border-color:var(--brand);box-shadow:0 0 0 3px rgba(71,231,255,.22),0 0 20px rgba(71,231,255,.28)}.marker.selected .marker-badge{border-color:#f8eaff;background:linear-gradient(145deg,var(--brand-3),var(--brand-2));color:#090b16;box-shadow:0 0 0 3px #14172a,0 0 0 6px var(--brand-3),0 0 24px rgba(255,77,157,.42)}
.playhead-line{position:absolute;z-index:1;top:42px;bottom:5px;width:3px;transform:translateX(-50%);border-radius:3px;background:linear-gradient(var(--playhead),#ff7a59);box-shadow:0 0 14px rgba(255,77,157,.62);pointer-events:none}.playhead{position:absolute;z-index:4;top:20px;width:44px;height:44px;padding:0;transform:translateX(-50%);border:0;border-radius:12px;background:transparent;cursor:grab;touch-action:none}.playhead:active{cursor:grabbing}.playhead:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;background:var(--playhead);box-shadow:0 0 0 1px var(--playhead),0 0 18px rgba(255,77,157,.75)}
.timeline-empty{position:absolute;z-index:1;top:77px;right:28px;left:28px;margin:0;color:var(--muted);text-align:center;font-size:.83rem;pointer-events:none}.timeline-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.timeline-actions .button{padding-inline:7px}.cluster-panel{padding:11px;margin-top:9px;border:1px solid rgba(139,92,246,.28);border-radius:13px;background:linear-gradient(145deg,rgba(139,92,246,.12),rgba(71,231,255,.06))}.cluster-panel h3{margin:0;font-size:.88rem}
.saved-section{margin:0 0 12px}.section-heading{align-items:center;margin:0 2px 8px}.section-heading h2{margin:0;font-size:1rem}.section-heading p{margin:1px 0 0;color:var(--muted);font-size:.75rem}.new-journey-button{width:44px;min-width:44px;padding:0;border-radius:50%;color:var(--brand);font-size:1.55rem;line-height:1}.saved-list{display:grid;gap:7px}.saved-item{position:relative;min-width:0;min-height:54px;overflow:hidden;border-radius:13px;background:linear-gradient(135deg,#bf244e,#ff4d79)}.saved-use{position:relative;z-index:2;width:100%;min-height:54px;min-width:0;padding:9px 11px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(145deg,#1d223a,#13172a);color:var(--ink);text-align:left;cursor:pointer;touch-action:pan-y;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.saved-item.revealed .saved-use{transform:translateX(-78px)}.saved-use.current{border-color:rgba(71,231,255,.55);box-shadow:inset 3px 0 var(--brand),0 0 22px rgba(71,231,255,.08)}.saved-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.saved-name{display:block;font-weight:870}.saved-kind{flex:none;padding:2px 7px;border:1px solid rgba(139,92,246,.3);border-radius:999px;background:rgba(139,92,246,.12);color:#d9ccff;font-size:.62rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.saved-path{display:block;overflow:hidden;margin-top:2px;color:var(--muted);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.saved-remove{position:absolute;z-index:1;top:0;right:0;bottom:0;width:78px;min-height:54px;border:0;border-radius:0 13px 13px 0;background:transparent;color:#fff;cursor:pointer;font-size:.72rem;font-weight:900}.saved-remove:focus-visible{outline-offset:-4px}.saved-empty{padding:12px;margin:0 0 8px;border:1px dashed var(--border-strong);border-radius:12px;color:var(--muted);font-size:.8rem}footer{padding:18px 2px 0;color:var(--muted);font-size:.74rem}footer a{display:inline-flex;min-height:44px;align-items:center;color:var(--brand)}
dialog{width:min(calc(100% - 16px),560px);max-width:none;max-height:min(88dvh,760px);padding:0;margin:auto auto 0;overflow:hidden;border:1px solid var(--border);border-radius:22px 22px 0 0;background:linear-gradient(160deg,#1b1f37,#0d1020 72%);color:var(--ink);box-shadow:0 -18px 55px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(2,4,12,.72);backdrop-filter:blur(4px)}.sheet{max-height:min(88dvh,760px);overflow-y:auto;overscroll-behavior:contain;padding:8px 16px calc(18px + env(safe-area-inset-bottom))}.sheet-grip{width:42px;height:5px;margin:2px auto 12px;border-radius:5px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}
.sheet-header{align-items:flex-start;margin-bottom:14px}.sheet-header h2,.sheet-header h3{margin:0;font-size:1.16rem}.sheet-header p{margin:3px 0 0;color:var(--muted);font-size:.8rem}.close-button{min-width:48px;padding-inline:8px;border-color:transparent;color:var(--brand)}.field{margin:0 0 14px}.field>label,.field legend{display:block;padding:0;margin-bottom:6px;font-size:.8rem;font-weight:850}.field input[type=text],.field input[type=search]{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:12px;background:#101426;color:var(--ink);font-size:1rem}fieldset.field{padding:0;border:0}
.stop-chips{display:grid;gap:6px;margin-bottom:7px}.stop-chip{min-height:46px;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;border:1px solid var(--border);border-radius:12px;background:var(--soft)}.stop-chip-text{min-width:0;padding:7px 10px}.stop-chip-name{display:block;overflow:hidden;font-size:.82rem;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.stop-chip-code{display:block;color:var(--muted);font-size:.72rem}.chip-remove{width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--danger);cursor:pointer;font-size:1.2rem}.add-stop{width:100%;border-style:dashed;color:var(--brand)}
.direction-note{padding:9px 10px;margin:0 0 12px;border:1px solid rgba(255,209,102,.18);border-radius:11px;background:rgba(255,209,102,.07);color:#e9d9a9;font-size:.76rem}.sheet-error{padding:9px 10px;margin:0 0 10px;border-radius:10px;background:var(--danger-soft);color:#ffc3d3;font-size:.8rem}.sheet-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;padding-top:6px}.search-results{display:grid;gap:5px}.search-result{width:100%;min-height:54px;display:block;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.055);color:var(--ink);text-align:left;cursor:pointer}.result-name{display:block;font-weight:800}.result-code{display:block;margin-top:2px;color:var(--muted);font-size:.76rem}.search-status{margin:8px 1px 0;color:var(--muted);font-size:.78rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.confirm-dialog{width:min(calc(100% - 32px),360px);margin:auto;border-radius:22px}.confirm-content{padding:24px 20px 20px;text-align:center}.confirm-icon{width:46px;height:46px;display:grid;place-items:center;margin:0 auto 12px;border:1px solid rgba(255,122,157,.42);border-radius:50%;background:var(--danger-soft);color:#ff9bb6;font-size:1.25rem;font-weight:950}.confirm-content h2{margin:0;font-size:1.2rem}.confirm-content p{margin:7px 0 20px;color:var(--muted);font-size:.86rem}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.danger-button{border-color:rgba(255,122,157,.45);background:linear-gradient(135deg,#ff3868,#d91f52);box-shadow:0 9px 24px rgba(255,56,104,.2);color:#fff}
@media(min-width:600px){.app-shell{padding-top:24px}dialog{margin:auto;border-radius:22px}.sheet{padding-bottom:20px}}@media(max-width:370px){.journey-flow{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.journey-arrow{width:40px;height:40px}.date-row{align-items:flex-start;flex-direction:column}input[type=date]{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}