:root{--bg:#f5f6f2;--surface:#fffc;--surface-solid:#fff;--surface-2:#edf0ec;--fg:#16201b;--muted:#5b6660;--line:#dce2dd;--accent:#0d7a55;--accent-ink:#fff;--accent-soft:#0d7a551c;--warn-bg:#fff4e2;--warn-fg:#7a4600;--danger-bg:#fdecec;--danger-fg:#8a1f1f;--dot:22, 32, 27;--glow:13, 122, 85;--shadow:0 1px 2px #1018140d, 0 8px 24px #1018140f;--shadow-lift:0 2px 4px #1018140d, 0 14px 32px #1018141a;--radius:16px;--serif:"Iowan Old Style", "Palatino Linotype", Charter, Georgia, "Times New Roman", serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t1:.14s;--t2:.24s;--t3:.42s;--fast:var(--t1) var(--ease-out);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#0d1210;--surface:#161d1acc;--surface-solid:#161d1a;--surface-2:#1e2723;--fg:#e8eeeb;--muted:#9aa8a1;--line:#2a3530;--accent:#3fd69b;--accent-ink:#062016;--accent-soft:#3fd69b24;--warn-bg:#33270f;--warn-fg:#ffd28a;--danger-bg:#3a1717;--danger-fg:#ffb4b4;--dot:232, 238, 235;--glow:63, 214, 155;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d;--shadow-lift:0 2px 4px #0006, 0 16px 36px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:16px}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}h1,h2,h3{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:2000;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:12px 18px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;font-size:.69rem;font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes bump{0%,to{transform:scale(1)}40%{transform:scale(1.35)}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.app{z-index:1;min-height:100dvh;position:relative}.panel{width:100%;max-width:600px;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);align-content:start;gap:26px;min-width:0;margin:0 auto;display:grid}.panel.solo{align-content:center;justify-items:center;gap:12px;min-height:100dvh}.panel>*{animation:rise .6s var(--ease-out) backwards}.panel>:nth-child(2){animation-delay:70ms}.panel>:nth-child(3){animation-delay:.14s}.panel>:nth-child(4){animation-delay:.21s}.panel>:nth-child(n+5){animation-delay:.28s}@media (width>=960px){:root{--panel-w:clamp(430px, 36vw, 520px)}.panel{width:var(--panel-w);scrollbar-gutter:stable;scrollbar-width:thin;overscroll-behavior:contain;max-width:none;height:100dvh;margin:0;padding:22px 28px 40px;position:relative;overflow-y:auto}}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand h1{letter-spacing:-.02em;white-space:nowrap;font-size:1.3rem;line-height:1.15}.brand .eyebrow{white-space:nowrap}.logo{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);box-shadow:0 6px 18px rgba(var(--glow), .35);transition:transform var(--t2) var(--ease-spring);border-radius:12px;flex:none;place-items:center;display:grid}.brand:hover .logo{transform:rotate(-8deg)scale(1.04)}.loop-mark path{stroke-dasharray:1;animation:draw 1.1s var(--ease-out) .2s both}.topbar-actions{align-items:center;gap:4px;display:flex}.icon-btn{cursor:pointer;width:42px;height:42px;transition:background var(--fast), transform var(--fast);background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--surface-2)}.icon-btn:active{transform:scale(.94)}.icon-count{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);border-radius:999px;place-items:center;padding:0 5px;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:3px;right:2px}.icon-count.bump{animation:bump .52s var(--ease-spring)}.demo-pill{background:var(--warn-bg);min-height:30px;color:var(--warn-fg);cursor:pointer;transition:border-color var(--fast), transform var(--fast);border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;margin-right:4px;padding:0 10px;font-size:.74rem;font-weight:700;display:inline-flex}.demo-pill:hover{border-color:currentColor}.step{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;scroll-margin-top:12px;display:grid}.step-head{align-items:center;gap:10px;display:flex}.step-head .step-label{flex:auto;min-width:0}.step-head>:not(.step-label){flex:none}.step-label{white-space:nowrap;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);align-items:center;gap:10px;font-size:.72rem;font-weight:700;display:flex}.step-label:after{content:"";border-top:2px dotted var(--line);min-width:24px;transition:border-color var(--t3) var(--ease-out);flex:1}.step-num{border:1.5px solid var(--line);background:var(--surface-solid);width:24px;height:24px;color:var(--muted);letter-spacing:0;transition:background var(--t2) var(--ease-out), color var(--t2) var(--ease-out), border-color var(--t2) var(--ease-out), transform var(--t2) var(--ease-spring);border-radius:50%;flex:none;place-items:center;font-size:.72rem;display:grid}.step:focus-within .step-num,.step:hover .step-num{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:scale(1.08)}.step:focus-within .step-label:after,.step:hover .step-label:after{border-color:rgba(var(--glow), .5)}.step-meta{color:var(--muted);font-size:.8rem}.tagline{font-family:var(--serif);color:var(--muted);margin:0 0 -4px;font-size:1rem;font-style:italic}.link-btn{cursor:pointer;color:var(--accent);text-underline-offset:3px;transition:text-decoration-color var(--fast);background:0 0;border:0;padding:4px 2px;font-size:.84rem;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.link-btn:hover{text-decoration-color:currentColor}.compare-toggle{align-items:center;gap:2px;display:inline-flex}.compare-toggle svg{transition:transform var(--t2) var(--ease-out)}.compare-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.card{background:var(--surface);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;position:relative}.spot{--mx:50%;--my:50%;isolation:isolate}.spot:before{content:"";border-radius:inherit;background:radial-gradient(220px circle at var(--mx) var(--my), rgba(var(--glow), .6), transparent 60%);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--fast);pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spot:after{content:"";border-radius:inherit;background:radial-gradient(320px circle at var(--mx) var(--my), rgba(var(--glow), .08), transparent 55%);opacity:0;transition:opacity var(--fast);pointer-events:none;z-index:-1;position:absolute;inset:0}.spot:hover:before,.spot:hover:after,.spot:focus-within:before{opacity:1}.form{gap:14px;display:grid}.field{gap:6px;min-width:0;display:grid}.field>label,.field>.label{font-size:.86rem;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.hint{color:var(--muted);margin:0;font-size:.82rem}.error{color:var(--danger-fg);animation:rise var(--t2) var(--ease-out);margin:0;font-size:.85rem}.input,select.input{border:1px solid var(--line);background:var(--surface-solid);width:100%;min-width:0;max-width:100%;min-height:44px;transition:border-color var(--fast), box-shadow var(--fast);border-radius:10px;padding:8px 12px;font-size:16px}.input:hover{border-color:rgba(var(--glow), .45)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input[aria-invalid=true]{border-color:var(--danger-fg)}.input.small{width:92px}.chip{border:1px solid var(--line);background:var(--surface-solid);cursor:pointer;min-width:52px;min-height:42px;transition:border-color var(--fast), background var(--fast), color var(--fast), transform var(--fast);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex;position:relative;overflow:hidden}.chip:hover{border-color:rgba(var(--glow), .55)}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip.small{min-height:36px;padding:0 12px;font-size:.8rem}.btn{border:1px solid var(--line);background:var(--surface-solid);min-height:44px;color:var(--fg);cursor:pointer;transition:transform var(--fast), border-color var(--fast), box-shadow var(--fast), background var(--fast);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:hover{border-color:rgba(var(--glow), .55);box-shadow:0 4px 14px rgba(var(--glow), .16)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{box-shadow:0 8px 22px rgba(var(--glow), .35)}.btn.ghost{background:0 0}.btn.small{min-height:36px;padding:0 12px;font-size:.8rem}.btn:disabled{cursor:default;color:var(--muted);box-shadow:none;opacity:.75;transform:none}.ripple{pointer-events:none;opacity:.25;background:currentColor;border-radius:50%;animation:.52s ease-out forwards ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(1)}}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.switch small{color:var(--muted);font-size:.8rem;display:block}.switch input{appearance:none;background:var(--line);cursor:pointer;width:44px;height:26px;transition:background var(--t2) var(--ease-out);border-radius:999px;flex:none;position:relative}.switch input:after{content:"";width:20px;height:20px;transition:transform var(--t2) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translate(18px)}.count{background:var(--accent-soft);min-width:20px;height:20px;color:var(--accent);letter-spacing:0;border-radius:999px;place-items:center;margin-left:6px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-grid}details.more{border-top:1px solid var(--line)}details.more>summary{cursor:pointer;min-height:48px;transition:color var(--fast);align-items:center;gap:10px;font-size:.9rem;font-weight:600;list-style:none;display:flex}details.more>summary:hover{color:var(--accent)}details.more>summary::-webkit-details-marker{display:none}details.more>summary:after{content:"";width:8px;height:8px;transition:transform var(--t2) var(--ease-out);opacity:.6;border-bottom:2px solid;border-right:2px solid;margin-left:auto;transform:translateY(-2px)rotate(45deg)}details.more[open]>summary:after{transform:translateY(2px)rotate(225deg)}details.more .more-body{gap:10px;padding:0 0 14px;display:grid}details.more[open] .more-body{animation:rise var(--t2) var(--ease-out)}@supports (interpolate-size:allow-keywords){details.more{interpolate-size:allow-keywords}details.more::details-content{height:0;transition:height var(--t3) var(--ease-out), content-visibility var(--t3) allow-discrete;overflow:clip}details.more[open]::details-content{height:auto}}.reveal{transition:grid-template-rows var(--t3) var(--ease-out);grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);display:grid}.reveal.is-open{grid-template-rows:1fr}.reveal-clip{opacity:0;min-height:0;transition:opacity var(--t2) var(--ease-out);overflow:hidden}.reveal.is-open .reveal-clip{opacity:1}.notice{background:var(--warn-bg);color:var(--warn-fg);animation:rise var(--t2) var(--ease-out);border-radius:12px;gap:10px;margin:0;padding:12px 14px;font-size:.88rem;display:grid}.notice.danger{background:var(--danger-bg);color:var(--danger-fg)}.notice.soft{background:var(--accent-soft);color:var(--fg)}.notice p{margin:0}.empty-state{border:1.5px dashed var(--line);color:var(--muted);text-align:center;animation:rise var(--t2) var(--ease-out);border-radius:14px;margin:0;padding:18px;font-size:.88rem}.context{color:var(--muted);flex-wrap:wrap;gap:2px 14px;margin:0;font-size:.84rem;display:flex}.context b{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600}.copy-fallback{gap:8px;display:grid}.copy-fallback label{font-size:.85rem;font-weight:600}.copy-fallback textarea{resize:vertical;font:inherit;overflow-wrap:anywhere;font-size:16px}.toast{z-index:1600;left:50%;bottom:max(24px, env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));background:var(--fg);color:var(--bg);box-shadow:var(--shadow-lift);opacity:0;transition:opacity var(--t2) var(--ease-out), transform var(--t3) var(--ease-spring);pointer-events:none;border-radius:14px;padding:11px 18px;font-size:.9rem;position:fixed;transform:translate(-50%,14px)scale(.98)}.toast.is-on{opacity:1;transform:translate(-50%)scale(1)}.toast:empty{display:none}.foot{color:var(--muted);border-top:1px solid var(--line);gap:6px;padding-top:6px;font-size:.78rem;display:grid}.foot p{margin:0}.foot .link-btn{font-size:inherit;padding:0}.about{gap:22px;display:grid}.about section{gap:8px;display:grid}.about h3{align-items:center;font-size:.95rem;display:flex}.about .notice{animation:none}.loading .loading-mark{background:var(--accent);width:64px;height:64px;color:var(--accent-ink);box-shadow:0 10px 28px rgba(var(--glow), .35);border-radius:18px;place-items:center;display:grid}.loading .loop-mark path{animation:draw 1.2s var(--ease-out) infinite alternate}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (width<=480px){.demo-pill .demo-word{display:none}.demo-pill{margin-right:2px;padding:0 8px}.step-meta{display:none}.brand{gap:10px}.brand .eyebrow{display:none}.brand h1{font-size:1.18rem}.logo{border-radius:11px;width:36px;height:36px}.icon-btn{width:40px;height:40px}.topbar-actions{gap:2px}}@media (width<=380px){.panel{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.topbar{flex-wrap:wrap;gap:8px}.topbar-actions{margin-left:auto}.card{padding:12px}.two{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){.btn,.btn.small,.chip,.chip.small{min-height:44px}.icon-btn{width:44px;min-width:44px;height:44px}.demo-pill{min-height:44px}.link-btn{align-items:center;min-height:44px;display:inline-flex}}@media (forced-colors:active){.chip[aria-pressed=true],.walk[aria-pressed=true],.mode[aria-checked=true],.radio-item[aria-checked=true],.token[aria-expanded=true]{outline:2px solid highlight}.switch input{appearance:auto}.switch input:after{display:none}}.backdrop{--spacing:26px;z-index:0;pointer-events:none;background:radial-gradient(circle, rgba(var(--dot), .16) .85px, transparent 1.15px) 0 0 / var(--spacing) var(--spacing);position:fixed;inset:0;overflow:hidden}.backdrop-glow{opacity:0;background:radial-gradient(circle, rgba(var(--glow), .85) 1.6px, transparent 2.1px) 0 0 / var(--spacing) var(--spacing);width:340px;height:340px;transition:opacity .32s var(--ease-out);will-change:transform;position:absolute;top:0;left:0;-webkit-mask:radial-gradient(circle closest-side,#000 0%,#0000008c 45%,#0000 100%);mask:radial-gradient(circle closest-side,#000 0%,#0000008c 45%,#0000 100%)}.backdrop-glow:before{content:"";background:radial-gradient(circle closest-side, rgba(var(--glow), .16), transparent);position:absolute;inset:-20%}.backdrop-glow.is-on{opacity:1}.backdrop-ripple{background:radial-gradient(circle, rgba(var(--glow), .9) 1.5px, transparent 2px) 0 0 / var(--spacing) var(--spacing);will-change:transform, opacity;border-radius:50%;width:800px;height:800px;margin:-400px 0 0 -400px;animation:.9s cubic-bezier(.2,.7,.3,1) forwards backdrop-ripple;position:absolute;-webkit-mask:radial-gradient(circle closest-side,#0000 86%,#000 94%,#0000 100%);mask:radial-gradient(circle closest-side,#0000 86%,#000 94%,#0000 100%)}@keyframes backdrop-ripple{0%{opacity:1;transform:scale(.04)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.backdrop-glow,.backdrop-ripple{display:none}}.drawer{background:var(--surface-solid);width:min(460px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--fg);animation:drawer-in var(--t3) var(--ease-out);overscroll-behavior:contain;border:0;margin:0 0 0 auto;padding:0;overflow:hidden;box-shadow:-20px 0 60px #0000002e}.drawer::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade var(--t3) var(--ease-out);background:#0a100d5c}.drawer.is-closing{animation:drawer-out var(--t2) cubic-bezier(.4, 0, 1, 1) forwards}.drawer.is-closing::backdrop{opacity:0;transition:opacity var(--t2)}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes drawer-out{to{transform:translate(100%)}}.drawer-sheet{flex-direction:column;height:100%;min-height:0;display:flex}.drawer-head{min-width:0;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left));border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.drawer-head>.icon-btn{flex:none}.drawer-tabs{gap:4px;min-width:0;display:flex;overflow-x:auto}.drawer-tabs button{white-space:nowrap;cursor:pointer;min-height:46px;color:var(--muted);transition:color var(--fast);background:0 0;border:0;flex:none;align-items:center;padding:0 12px;font-weight:600;display:inline-flex;position:relative}.drawer-tabs button:after{content:"";background:var(--accent);height:3px;transition:transform var(--t2) var(--ease-out);border-radius:3px 3px 0 0;position:absolute;bottom:-1px;left:10px;right:10px;transform:scaleX(0)}.drawer-tabs button:hover,.drawer-tabs button[aria-selected=true]{color:var(--fg)}.drawer-tabs button[aria-selected=true]:after{transform:scaleX(1)}.drawer-body{overscroll-behavior:contain;min-width:0;min-height:0;padding:18px max(18px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));animation:rise var(--t2) var(--ease-out);flex:1;overflow-y:auto}.drawer-body:focus-visible{outline-offset:-3px}@media (width<=600px){.drawer{border-radius:22px 22px 0 0;width:100vw;height:min(88dvh,760px);margin:auto 0 0;animation-name:sheet-in;box-shadow:0 -20px 60px #0003}.drawer.is-closing{animation-name:sheet-out}.drawer-head{padding-top:max(22px, env(safe-area-inset-top));position:relative}.drawer-head:before{content:"";background:var(--line);border-radius:4px;width:40px;height:4px;margin-left:-20px;position:absolute;top:8px;left:50%}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}}.field-notebook{gap:4px;min-width:0;display:grid}.field-notebook>.hint{margin:8px 0}.field-note-form{gap:8px;margin:18px 0;display:grid}.field-note-form label{font-size:.83rem;font-weight:600}.field-note-form .input{width:100%;min-width:0}.field-note-form textarea{resize:vertical;min-height:88px;line-height:1.5}.field-note-form>.btn{justify-self:start}.field-note-form>.hint{margin:0}.field-note-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;display:grid}.field-note-grid>div{gap:8px;min-width:0;display:grid}.field-note-tools{margin:12px 0}.field-note-error{color:var(--warn-fg);background:var(--warn-bg);overflow-wrap:anywhere;border-radius:8px;padding:10px 12px;font-size:.85rem}.field-note-error p{margin-top:0}.field-note-list{overscroll-behavior:contain;max-height:560px;margin:0;padding:0;list-style:none;overflow:auto}.field-note-list>li{border-top:1px solid var(--line);overflow-wrap:anywhere;padding:14px 2px}.field-note-heading{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.field-note-heading strong{font-size:.9rem}.field-note-heading span,.field-note-list time{color:var(--muted);font-size:.76rem}.field-note-text{white-space:pre-wrap;margin:8px 0;font-size:.85rem;line-height:1.6}.field-note-list .btn{font-size:.8rem}@media (width<=600px),(pointer:coarse){.field-note-grid{grid-template-columns:minmax(0,1fr)}}.vector-map-shell .map{width:100%;height:100%;position:absolute;inset:0}.vector-map-shell .maplibregl-map{font:inherit;background:#edf0e7}.vector-map-shell .maplibregl-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.vector-map-shell .maplibregl-ctrl-group{border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.vector-map-shell .maplibregl-ctrl-group button{width:42px;height:42px}.vector-map-shell .maplibregl-ctrl-group button+button{border-top-color:var(--line)}.vector-map-shell .maplibregl-ctrl-bottom-right{right:var(--map-safe-right);bottom:var(--map-safe-bottom);flex-direction:column;align-items:flex-end;max-width:100%;display:flex}.vector-map-shell .maplibregl-ctrl-bottom-left{left:var(--map-safe-left);bottom:var(--map-safe-bottom)}.vector-map-shell .maplibregl-ctrl-bottom-right .maplibregl-ctrl-group{order:1;margin:0 12px 12px 0}.vector-map-shell .maplibregl-ctrl-bottom-right .maplibregl-ctrl-attrib{order:2;margin:0;padding:0 5px}.vector-map-shell .maplibregl-ctrl-attrib{max-width:min(100%,360px);font:10px/20px var(--sans,sans-serif);color:#263b33;background:#fffffff0}.vector-map-shell .maplibregl-ctrl-attrib a{color:#263b33}.vector-map-shell .maplibregl-ctrl-scale{color:#344740;font:10px/16px var(--sans,sans-serif);background:#ffffffd9;border-color:#52635d;margin-left:12px}.vector-map-shell .maplibregl-cooperative-gesture-screen{font:inherit;background:#13221d99}.vector-map-shell .maplibregl-popup{z-index:6;pointer-events:none}.vector-map-shell .maplibregl-popup-content{border:1px solid var(--line);background:var(--surface-solid);color:var(--fg);box-shadow:var(--shadow);border-radius:12px;padding:9px 12px}.walk-stop-popup .maplibregl-popup-content>div{gap:3px;font-size:.78rem;line-height:1.4;display:grid}.walk-stop-popup .maplibregl-popup-content span{color:var(--muted)}.vector-map-shell .maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:var(--surface-solid)}.vector-map-shell .maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:var(--surface-solid)}.map-place-marker,.map-stop-marker{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid;overflow:visible}.map-place-marker{--place-color:#7861a8;z-index:2}.map-place-marker[hidden]{display:none}.map-place-marker.is-cafe{--place-color:#a85422}.map-place-marker.is-seating{--place-color:#398244}.map-place-marker.is-waypoint{--place-color:#606e77}.map-place-icon{background:var(--place-color);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;transition:scale .15s;display:grid;box-shadow:0 1px 5px #15342c44}.map-place-icon svg{stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:15px;height:15px}.map-place-name{max-width:150px;color:var(--place-color);font:600 11px/1.2 var(--sans,sans-serif);white-space:nowrap;text-overflow:ellipsis;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff,0 0 4px #fff;pointer-events:none;position:absolute;top:50%;left:38px;overflow:hidden;transform:translateY(-50%)}.map-place-marker.is-label-hidden .map-place-name{display:none}.map-place-marker:hover,.map-place-marker:focus-visible,.map-place-marker.is-selected{z-index:5}.map-place-marker:hover .map-place-icon,.map-place-marker:focus-visible .map-place-icon,.map-place-marker.is-selected .map-place-icon{scale:1.18;box-shadow:0 0 0 4px #fff9,0 3px 9px #17332a55}.map-place-marker:hover .map-place-name,.map-place-marker:focus-visible .map-place-name,.map-place-marker.is-selected .map-place-name{background:#ffffffed;border-radius:5px;padding:4px 6px;display:block;box-shadow:0 1px 4px #15342c22}.map-stop-marker{z-index:4}.map-stop-pin{color:#fff;background:#1a73e8;border:2px solid #fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:.78rem;font-weight:750;transition:scale .16s,box-shadow .16s;display:grid;box-shadow:0 2px 7px #203b334d}.map-stop-pin.is-start{background:#243c35;width:32px;height:32px}.map-stop-pin.is-pass{background:#fff;border:3px solid #1a73e8;width:14px;height:14px}.map-stop-marker:hover .map-stop-pin,.map-stop-marker:focus-visible .map-stop-pin,.map-stop-marker.is-focus .map-stop-pin{scale:1.16;box-shadow:0 0 0 5px #1a73e830,0 3px 9px #203b3355}.map-stop-marker:focus-visible,.map-place-marker:focus-visible{outline-offset:1px;outline:3px solid #134c3e}.map-dock.is-busy .map-stop-marker{opacity:.55}.vector-map-shell.has-map-error .map-place-marker,.vector-map-shell.has-map-error .map-stop-marker{visibility:hidden}.vector-map-shell .map-load-error{background:var(--surface-solid);width:min(340px,100% - 34px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.map-load-error p{margin:6px 0 10px}@media (prefers-reduced-motion:reduce){.map-place-icon,.map-stop-pin{transition:none}}@media (prefers-color-scheme:dark){.vector-map-shell .maplibregl-ctrl-icon{filter:invert()}}.map-dock{--map-safe-top:0px;--map-safe-right:0px;--map-safe-bottom:0px;--map-safe-left:0px;isolation:isolate;border-radius:20px;height:min(66dvh,560px);min-height:360px;position:relative}@media (width>=960px){.map-dock{top:16px;bottom:16px;right:16px;left:var(--panel-w);height:auto;animation-name:fade;position:fixed}}.map-dock.is-expanded{z-index:1500;--map-safe-top:env(safe-area-inset-top,0px);--map-safe-right:env(safe-area-inset-right,0px);--map-safe-bottom:env(safe-area-inset-bottom,0px);--map-safe-left:env(safe-area-inset-left,0px);overscroll-behavior:contain;height:100dvh;min-height:0;animation:map-expand var(--t3) var(--ease-out);border-radius:0;position:fixed;inset:0}.map-dock.is-expanded .map-shell{border:0;border-radius:0}@keyframes map-expand{0%{opacity:.4;transform:scale(.96)}}.map-shell{border-radius:inherit;border:1px solid var(--line);height:100%;box-shadow:var(--shadow-lift);background:var(--surface-2);position:relative;overflow:hidden}.map{position:absolute;inset:0}.map-explorer{z-index:710;top:calc(12px + var(--map-safe-top));left:calc(12px + var(--map-safe-left));width:min(370px, calc(100% - 86px - var(--map-safe-left) - var(--map-safe-right)));position:absolute}.map-search-box{color:#243447;background:#fff;border:1px solid #dce2e6;border-radius:14px;align-items:center;gap:10px;height:52px;padding:0 5px 0 14px;display:flex;box-shadow:0 2px 5px #182b4510,0 8px 24px #182b451a}.map-search-box>svg{color:#657789;flex:none}.map-search-box input{outline-offset:3px;width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;font-size:16px}.map-search-box input::placeholder{color:#647486;opacity:1}.map-home,.map-search-heading button,.map-card-close{color:#53677b;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.map-home:hover,.map-search-heading button:hover,.map-card-close:hover{color:#1769c2;background:#edf3f8}.map-categories{scrollbar-width:none;gap:6px;margin-top:9px;padding:0 1px 5px;display:flex;overflow-x:auto}.map-categories::-webkit-scrollbar{display:none}.map-categories button{color:#36495b;min-height:38px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dce2e6;border-radius:22px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:.76rem;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #182b4510}.map-categories button[aria-pressed=true]{color:#155eb8;background:#e7f0fd;border-color:#c6d9f1}.map-search-results{color:#243447;background:#fff;border:1px solid #dce2e6;border-radius:14px;width:100%;max-height:min(390px,45vh);position:absolute;top:57px;left:0;overflow-y:auto;box-shadow:0 10px 36px #18354a24}.map-search-heading{color:#667789;justify-content:space-between;align-items:center;padding-left:14px;font-size:.75rem;display:flex}.map-search-results ul{margin:0;padding:0;list-style:none}.map-search-results li button{width:100%;min-height:62px;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #f0f2f5;align-items:center;gap:10px;padding:10px 14px;display:flex}.map-search-results li button:hover,.map-search-results li button:focus-visible{background:#f0f6fd}.map-search-results li button>span:nth-child(2){flex:1;min-width:0}.map-search-results b{font-size:.82rem;font-weight:600;display:block}.map-search-results small{color:#5e7183;margin-top:3px;font-size:.7rem;display:block}.map-result-icon{color:#7558b7;background:#f0ebfb;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.map-result-icon.is-cafe{color:#b96629;background:#fff0e3}.map-result-icon.is-seating{color:#298561;background:#e4f4ec}.map-search-results>a{color:#1769c2;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-size:.76rem;text-decoration:none;display:flex}.map-search-results>p{padding:10px 14px;font-size:.8rem}.map-route-card,.map-place-card{z-index:700;left:calc(12px + var(--map-safe-left));bottom:calc(32px + var(--map-safe-bottom));color:#243447;background:#fff;border:1px solid #dce2e6;border-radius:16px;position:absolute;box-shadow:0 4px 24px #18354a26}.map-route-card{width:min(470px, calc(100% - 86px - var(--map-safe-left) - var(--map-safe-right)));align-items:center;gap:14px;padding:13px 14px;display:flex}.map-route-card>div{flex:1;min-width:0}.map-card-category{color:#61758a;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:6px;margin:0 0 5px;font-size:.63rem;font-weight:700;display:flex}.map-route-card b{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:600;display:block;overflow:hidden}.map-route-metrics{color:#65788a;margin-top:5px;font-size:.72rem;line-height:1.4;display:block}.map-route-card>a:not(.sr-only){color:#1769c2;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;min-width:54px;min-height:54px;font-size:.59rem;font-weight:600;text-decoration:none;display:flex}.map-route-card>a:not(.sr-only)>svg{background:#e8f0fc;border-radius:50%;width:34px;height:34px;padding:6px}.map-place-card{width:min(390px, calc(100% - 24px - var(--map-safe-left) - var(--map-safe-right)));max-height:calc(100% - 154px - var(--map-safe-top) - var(--map-safe-bottom));padding:17px;overflow-y:auto}.map-card-close{position:absolute;top:5px;right:5px}.map-place-card h3{font-family:var(--serif);margin:0 25px 7px 0;font-size:1.3rem;font-weight:500;line-height:1.2}.map-card-note{color:#5e7183;margin:0 0 12px;font-size:.73rem;line-height:1.5}.map-card-actions{flex-wrap:wrap;gap:8px;display:flex}.map-card-actions .btn{color:#1769c2;background:#fff;border-color:#d7e0e9;min-height:44px;font-size:.76rem}.map-card-actions .btn.primary{color:#fff;background:#1a73e8;border-color:#1a73e8}.map-card-source{color:#5e7183;gap:2px;margin:12px 0 0;font-size:.7rem;line-height:1.5;display:grid}.map-card-source a{color:inherit}@media (width<=959px){.map-categories button{min-height:44px}.map-route-card{gap:8px;padding:11px 12px}.map-route-card b{font-size:.8rem}.map-dock:has(.map-place-card) .maplibregl-ctrl-group{visibility:hidden}}.map-btn{z-index:600;top:calc(12px + var(--map-safe-top));right:calc(12px + var(--map-safe-right));border:1px solid var(--line);background:var(--surface-solid);min-width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;transition:transform var(--t2) var(--ease-spring), box-shadow var(--fast), border-color var(--fast), color var(--fast);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:.84rem;font-weight:600;display:inline-flex;position:absolute}.map-btn:hover{box-shadow:var(--shadow-lift);border-color:rgba(var(--glow), .5);color:var(--accent);transform:translateY(-2px)}.map-btn:active{transform:scale(.95)}.map-btn svg{transition:transform var(--t3) var(--ease-spring)}.map-refit{min-width:44px;padding:0}.map-refit span{display:none}.map-refit:hover svg{transform:rotate(90deg)}.map-expand{padding:0}.map-expand:hover svg{transform:scale(1.12)}.map-dock:has(.map-expand) .map-refit{right:calc(64px + var(--map-safe-right))}@media (width<=959px){.map-refit span{display:none}.map-refit{top:calc(65px + var(--map-safe-top));right:calc(12px + var(--map-safe-right));padding:0}.map-dock:has(.map-expand) .map-refit{top:calc(65px + var(--map-safe-top));right:calc(12px + var(--map-safe-right));padding:0}}.map-progress{z-index:700;opacity:0;height:3px;transition:opacity var(--t2) var(--ease-out);pointer-events:none;border-radius:20px 20px 0 0;position:absolute;top:0;left:0;right:0;overflow:hidden}.map-progress:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:40%;animation:travel .9s var(--ease-out) infinite;position:absolute;top:0;bottom:0;left:-40%}.map-dock.is-busy .map-progress{opacity:1}@keyframes travel{to{left:100%}}.map-gesture{z-index:650;color:#fff;text-align:center;opacity:0;pointer-events:none;width:max-content;max-width:calc(100% - 40px);transition:opacity var(--t2) var(--ease-out), transform var(--t2) var(--ease-out);background:#101814d1;border-radius:999px;margin:0;padding:10px 16px;font-size:.84rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.map-gesture.is-on{opacity:1;transform:translate(-50%,-50%)}.map-status{z-index:600;left:calc(12px + var(--map-safe-left));right:calc(64px + var(--map-safe-right));bottom:calc(94px + var(--map-safe-bottom));box-shadow:var(--shadow);margin:0;font-size:.82rem;position:absolute}.map-status.compact{justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.map-status.quiet{background:var(--surface);color:var(--muted);animation:fade var(--t2) var(--ease-out);border-radius:999px;padding:6px 12px;font-size:.78rem;left:50%;right:auto;transform:translate(-50%)}@media (width>=960px){.map-status.compact{max-width:440px;right:auto}}.builder{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.sentence{font-family:var(--serif);letter-spacing:-.02em;text-wrap:pretty;margin:0;font-size:clamp(1.6rem,5.4vw,2.1rem);line-height:1.38}.token{font:inherit;letter-spacing:inherit;color:var(--accent);cursor:pointer;text-underline-offset:.2em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background var(--t2) var(--ease-out), color var(--t2) var(--ease-out), text-decoration-color var(--t2) var(--ease-out);background:0 0;border:0;border-radius:10px;margin:0 -.06em;padding:0 .14em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px;display:inline}.token:hover{background:var(--accent-soft);text-decoration-style:solid}.token:active .token-value{transform:translateY(1px)}.token[aria-expanded=true]{background:var(--accent);color:var(--accent-ink);text-decoration-color:#0000}.token[data-invalid]{color:var(--danger-fg);-webkit-text-decoration-color:var(--danger-fg);text-decoration-color:var(--danger-fg)}.token-value{max-width:100%;animation:token-swap var(--t3) var(--ease-out);transition:transform var(--t1) var(--ease-out);display:inline-block}@keyframes token-swap{0%{opacity:0;filter:blur(3px);transform:translateY(.35em)}}.tune-row{flex-wrap:wrap;gap:6px 8px;display:flex}.chip.tune{min-height:38px;color:var(--muted);padding:0 13px 0 11px;font-size:.86rem;font-weight:600}.chip.tune svg{transition:transform var(--t2) var(--ease-spring)}.chip.tune:hover{color:var(--fg)}.chip.tune:hover svg{transform:rotate(-10deg)scale(1.12)}.chip.tune[aria-expanded=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.chip.tune[aria-pressed=true]{color:var(--accent-ink)}.chip.tune[aria-pressed=true] svg{animation:pop var(--t3) var(--ease-spring)}.tune-badge{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);animation:pop var(--t3) var(--ease-spring);border-radius:999px;place-items:center;padding:0 5px;font-size:.68rem;display:grid}.tune-summary{color:var(--accent);animation:rise var(--t2) var(--ease-out);margin:-6px 0 0;font-size:.8rem}.preview-notice{background:var(--accent-soft);border:1px solid rgba(var(--glow), .4);animation:rise var(--t2) var(--ease-out);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 12px;font-size:.82rem;display:flex}.tray{transition:grid-template-rows var(--t3) var(--ease-out);grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);margin-top:-14px;display:grid}.tray.is-open{grid-template-rows:1fr;margin-top:0}.tray-clip{opacity:0;min-height:0;transition:opacity var(--t2) var(--ease-out);margin:0 -3px;padding:0 3px;overflow:hidden}.tray.is-open .tray-clip{opacity:1;padding-bottom:6px}.tray-card{animation:rise var(--t2) var(--ease-out);grid-template-columns:minmax(0,1fr);gap:14px;margin-top:3px;display:grid}.tray-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.tray-head h3{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.74rem}.tray-done{background:var(--surface-2);cursor:pointer;min-height:32px;transition:background var(--fast);border:0;border-radius:999px;padding:0 14px;font-size:.8rem;font-weight:600}.tray-done:hover{background:var(--accent-soft);color:var(--accent)}.tray.is-open .mode,.tray.is-open .radio-item,.tray.is-open .tray-card .chip,.tray.is-open .campus-places li{animation:rise var(--t3) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 28ms)}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode{text-align:left;border:1px solid var(--line);background:var(--surface-solid);cursor:pointer;min-height:64px;transition:transform var(--fast), border-color var(--fast), background var(--fast), box-shadow var(--fast);border-radius:12px;padding:11px 12px 11px 13px;position:relative;overflow:hidden}.mode:hover{border-color:rgba(var(--glow), .5);box-shadow:var(--shadow);transform:translateY(-2px)}.mode:active{transform:translateY(0)scale(.985)}.mode[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.mode[aria-checked=true]:after{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-soft);animation:pop var(--t3) var(--ease-spring);border-radius:50%;position:absolute;top:12px;right:12px}.mode strong{padding-right:14px;font-size:.94rem;display:block}.mode span{color:var(--muted);margin-top:3px;font-size:.78rem;line-height:1.3;display:block}.radio-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;display:grid}.radio-item{border:1px solid var(--line);background:var(--surface-solid);text-align:left;cursor:pointer;min-height:46px;transition:border-color var(--fast), background var(--fast), transform var(--fast);border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-weight:500;display:flex;position:relative;overflow:hidden}.radio-item:hover{border-color:rgba(var(--glow), .5);transform:translate(2px)}.radio-item[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.radio-dot{border:2px solid var(--line);width:16px;height:16px;transition:border var(--t2) var(--ease-spring);border-radius:50%;flex:none}.radio-item[aria-checked=true] .radio-dot{border:5px solid var(--accent)}.custom-number{color:var(--muted);align-items:center;gap:6px;font-size:.84rem;display:inline-flex}.custom-number .input.small{width:88px}.chosen-stops{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.stop-chip{background:var(--accent-soft);color:var(--accent);animation:pop var(--t3) var(--ease-spring);border-radius:999px;align-items:center;gap:6px;padding:4px 4px 4px 10px;font-size:.84rem;font-weight:600;display:inline-flex}.stop-chip button{width:26px;height:26px;color:inherit;cursor:pointer;transition:background var(--fast);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.stop-chip button:hover{background:rgba(var(--glow), .18)}.search-field{position:relative}.search-field svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field .input{padding-left:36px}.places-heading{gap:4px;display:grid}.places-heading>b{font-size:.9rem}.places-discovery{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.places-discovery .btn{min-height:44px}.places-discovery .hint{flex:180px}.campus-places{overscroll-behavior:contain;max-height:300px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.campus-places li{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 2px;display:flex}.campus-places li>div{flex:1;min-width:0}.campus-places b{overflow-wrap:anywhere;font-size:.86rem;display:block}.campus-places small{color:var(--muted);margin-top:2px;font-size:.75rem;display:block}.campus-places .place-listing{text-underline-offset:3px;align-items:center;gap:6px;min-height:44px;font-size:.78rem;display:inline-flex}.campus-places .place-listing svg{flex:none}.add-stop{border:1px solid var(--line);background:var(--surface-solid);width:44px;height:44px;color:var(--accent);cursor:pointer;transition:transform var(--t2) var(--ease-spring), background var(--fast), border-color var(--fast), color var(--fast);border-radius:50%;flex:none;place-items:center;display:grid}.add-stop:hover:not(:disabled){border-color:var(--accent);transform:rotate(90deg)}.add-stop.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.add-stop.is-on:hover{transform:scale(1.06)}.add-stop:disabled{color:var(--muted);opacity:.5;cursor:default}@media (width<=600px){.mode{min-height:54px}.mode span{display:none}.mode[aria-checked=true] span{display:block}}@media (width<=420px){.chip.tune{gap:5px;padding:0 10px 0 9px;font-size:.82rem}.tune-row{gap:6px}}@media (pointer:coarse){.token{min-width:44px;min-height:44px;display:inline-block}.chip.tune,.tray-done{min-height:44px}.stop-chip button,.add-stop{flex:none;width:44px;height:44px}.stop-chip{overflow-wrap:anywhere;max-width:100%}}.stop-times{border:1px solid var(--line);border-radius:10px;gap:12px;min-width:0;margin:0;padding:12px;display:grid}.stop-times legend{padding:0 5px;font-size:.88rem;font-weight:600}.stop-time{min-width:0}.stop-time>label{overflow-wrap:anywhere}.stop-time .btn{padding:0 10px;font-size:.8rem}.plan-comparison{min-width:0}.comparison-scroll{border:1px solid var(--line);border-radius:12px;max-width:100%;overflow-x:auto}.comparison-scroll table{border-collapse:collapse;text-align:left;width:100%;min-width:440px;font-size:.8rem}.comparison-scroll th,.comparison-scroll td{vertical-align:top;border-bottom:1px solid var(--line);padding:10px}.comparison-scroll th{font-weight:600}.comparison-scroll th:first-child{width:100px}.comparison-scroll tbody tr:last-child>*{border-bottom:0}.comparison-scroll small{color:var(--muted);margin-top:4px;font-size:.74rem;display:block}.comparison-choice{appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0}.comparison-choice[aria-pressed=true]{color:var(--accent)}.comparison-choice span{overflow-wrap:anywhere}.saved-backup{border-top:1px solid var(--line);gap:10px;margin-top:12px;padding-top:12px;display:grid}.saved-backup>.btn{justify-self:start}.saved-restore{gap:6px;min-width:0;display:grid}.saved-restore label{font-size:.85rem;font-weight:600}.saved-restore input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font:inherit;padding:8px;font-size:16px}.saved-restore input::file-selector-button{font:inherit;cursor:pointer;min-height:32px;margin-right:8px}.saved-backup .hint{margin:0}.saved-backup-status{color:var(--fg);overflow-wrap:anywhere;margin:0;font-size:.85rem}.saved-backup-status:empty{display:none}.saved-walks .saved-open{overflow-wrap:anywhere;min-width:0}.saved-walks{gap:8px;display:grid}.saved-walks ul{margin:6px 0 0;padding:0;list-style:none}.saved-walks li{border-top:1px solid var(--line);animation:rise var(--t2) var(--ease-out) backwards;align-items:center;gap:8px;padding:6px 0;display:flex}.saved-open{text-align:left;min-height:46px;color:var(--fg);cursor:pointer;transition:background var(--fast), color var(--fast);background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:10px;margin-left:-8px;padding:4px 8px;font-size:.9rem;font-weight:600;display:flex}.saved-open svg{color:var(--accent);transition:transform var(--t2) var(--ease-spring);flex:none}.saved-open:hover{background:var(--accent-soft);color:var(--accent)}.saved-open:hover svg{transform:translateY(-2px)}.saved-walks .btn{min-height:38px;padding:0 10px;font-size:.8rem}@media (pointer:coarse){.saved-walks .btn{min-height:44px}.saved-restore input::file-selector-button{min-height:44px}}.walks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.walks>li{animation:rise var(--t3) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 60ms)}.walk{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;transition:transform var(--t2) var(--ease-out), border-color var(--t2) var(--ease-out), box-shadow var(--t2) var(--ease-out), background var(--t2) var(--ease-out);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px 12px 12px;display:grid}.walk:hover,.walk.is-linked{border-color:rgba(var(--glow), .45);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.walk:active{transform:translateY(0)scale(.99)}.walk[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow);cursor:default}.walk[aria-pressed=true]:hover{transform:none}.walk-thumb{background:radial-gradient(rgba(var(--dot), .22) .8px, transparent 1.1px) 0 0 / 6px 6px, var(--surface-2);width:52px;height:52px;transition:background-color var(--t2) var(--ease-out);border-radius:12px}.walk-thumb path{fill:none;stroke:var(--muted);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke var(--t2) var(--ease-out)}.walk-thumb circle{fill:var(--fg);stroke:var(--surface-solid);stroke-width:1.5px}.walk:hover .walk-thumb path,.walk.is-linked .walk-thumb path{stroke:var(--accent);animation:draw .8s var(--ease-out)}.walk[aria-pressed=true] .walk-thumb{background-color:var(--accent-soft)}.walk[aria-pressed=true] .walk-thumb path{stroke:var(--accent);stroke-width:2.6px;animation:draw .9s var(--ease-out)}.walk-body{gap:3px;min-width:0;display:grid}.walk-name{align-items:baseline;gap:8px;font-size:.96rem;font-weight:650;line-height:1.3;display:flex}.walk-num{background:var(--surface-2);width:20px;height:20px;transition:background var(--t2) var(--ease-out), color var(--t2) var(--ease-out);border-radius:50%;flex:none;place-items:center;font-size:.7rem;font-weight:700;display:inline-grid;transform:translateY(-1px)}.walk[aria-pressed=true] .walk-num{background:var(--accent);color:var(--accent-ink)}.walk-fit{color:var(--accent);font-size:.8rem;font-weight:600}.walk-fit:empty{display:none}.walk-stats{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px;margin-top:3px;font-size:.74rem;display:flex}.walk-stats>span{background:var(--surface-2);white-space:nowrap;transition:background var(--t2) var(--ease-out);border-radius:999px;padding:1px 8px}.walk[aria-pressed=true] .walk-stats>span{background:var(--accent-soft);color:var(--fg)}.walk-tick{border:1.5px solid var(--line);color:#0000;width:24px;height:24px;transition:border-color var(--t2) var(--ease-out), background var(--t2) var(--ease-out), color var(--t2) var(--ease-out);border-radius:50%;place-items:center;display:grid}.walk:hover .walk-tick{border-color:rgba(var(--glow), .6)}.walk[aria-pressed=true] .walk-tick{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);animation:pop var(--t3) var(--ease-spring)}.plan-comparison{gap:8px;padding-bottom:4px;display:grid}.detail{min-width:0;animation:rise var(--t3) var(--ease-out);grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.detail-head{gap:6px;display:grid}.detail-head h3{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(1.45rem,4.6vw,1.75rem);font-weight:400;line-height:1.18}.detail-head .fit{color:var(--accent);margin:0;font-size:.86rem;font-weight:600}.detail-head .explain{color:var(--muted);margin:0;font-size:.9rem}.detail-stats{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.detail-stats>div{animation:rise var(--t3) var(--ease-out) backwards;gap:2px;padding:10px 12px;display:grid}.detail-stats>div+div{border-left:1px solid var(--line)}.detail-stats>div:nth-child(2){animation-delay:40ms}.detail-stats>div:nth-child(3){animation-delay:80ms}.detail-stats>div:nth-child(4){animation-delay:.12s}.detail-stats dt{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.66rem;font-weight:700}.detail-stats dd{font-family:var(--serif);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:1.12rem}.detail-estimate{line-height:1.5}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline li{min-height:40px;animation:rise var(--t3) var(--ease-out) backwards;animation-delay:calc(80ms + var(--i,0) * 45ms);transition:background var(--t2) var(--ease-out);border-radius:10px;grid-template-columns:46px 22px minmax(0,1fr) 36px;align-items:start;gap:8px;margin:0 -4px 0 -6px;padding:4px 4px 4px 6px;font-size:.9rem;display:grid;position:relative}.timeline li:hover,.timeline li.is-focus{background:var(--accent-soft)}.timeline time{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px}.timeline li.is-focus time{color:var(--accent);font-weight:600}.timeline .dot{align-self:stretch;justify-items:center;display:grid;position:relative}.timeline .dot:before{content:"";background:var(--line);width:2px;position:absolute;top:-4px;bottom:-4px}.timeline li:first-child .dot:before{top:10px}.timeline li:last-child .dot:before{bottom:calc(100% - 10px)}.timeline .dot i{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);transition:transform var(--t2) var(--ease-spring), box-shadow var(--t2) var(--ease-out);border-radius:50%;place-items:center;font-size:.7rem;font-style:normal;font-weight:700;display:grid;position:relative}.timeline .dot i.pass{background:var(--surface-solid);border:2.5px solid var(--muted);width:10px;height:10px;margin-top:6px}.timeline li:hover .dot i,.timeline li.is-focus .dot i{box-shadow:0 0 0 5px rgba(var(--glow), .18);transform:scale(1.18)}.timeline .stop-body{overflow-wrap:anywhere;min-width:0;padding-top:1px}.timeline small{color:var(--muted);font-size:.8rem;display:block}.timeline .stop-listing{text-underline-offset:3px;align-items:center;gap:6px;min-height:44px;font-size:.78rem;display:inline-flex}.timeline .stop-listing svg{flex:none}.stop-locate{width:34px;height:34px;color:var(--muted);cursor:pointer;opacity:.35;transition:opacity var(--fast), color var(--fast), background var(--fast), transform var(--t2) var(--ease-spring);background:0 0;border:0;border-radius:10px;place-items:center;margin-top:-4px;display:grid}.timeline li:hover .stop-locate,.timeline li.is-focus .stop-locate,.stop-locate:focus-visible{opacity:1;color:var(--accent)}.stop-locate:hover{background:var(--surface-solid);transform:translateY(-2px)}@media (hover:none){.stop-locate{opacity:.8}}.warnings{background:var(--warn-bg);color:var(--warn-fg);border-radius:12px;gap:4px;margin:0;padding:10px 12px 10px 28px;font-size:.82rem;display:grid}.go{gap:8px;display:grid}.go-main{border-radius:14px;min-height:54px;font-size:1rem}.go-arrow{transition:transform var(--t2) var(--ease-spring)}.go-main:hover .go-arrow{transform:translate(4px)}.go-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.go-row .btn{padding:0 10px}.go-row .btn svg{transition:transform var(--t2) var(--ease-spring)}.go-row .btn:hover svg{transform:translateY(-2px)}.go-row .btn.is-saved{color:var(--accent);opacity:1;border-color:rgba(var(--glow), .5);background:var(--accent-soft)}.go-row .btn.is-saved svg{animation:pop var(--t3) var(--ease-spring)}.detail .actions{flex-wrap:wrap;gap:8px;display:flex}.detail .actions .btn{flex:auto}@media (width<=420px){.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-stats>div:nth-child(3){border-left:0}.detail-stats>div:nth-child(n+3){border-top:1px solid var(--line)}}@media (pointer:coarse){.timeline li{grid-template-columns:46px 22px minmax(0,1fr) 44px;min-height:44px}.stop-locate{width:44px;height:44px}}