:root{color:#f6f9fc;font-synthesis:none;--muted:#8b9bb2;--line:#f6f9fc21;--accent:#5b9bd5;background:#040c1a;font-family:Arial,Helvetica Neue,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #7fb2e5}a{color:inherit;text-decoration:none}.shell{min-height:100svh;padding:0 max(clamp(16px, 3vw, 64px), env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom));background:radial-gradient(65rem 45rem at 80% -25%,#244b7940,#0000 75%),linear-gradient(160deg,#0c2547,#081a33 45%,#040c1a)}header{justify-content:space-between;align-items:center;gap:20px;max-width:1800px;min-height:clamp(80px,10svh,120px);margin-inline:auto;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand strong{letter-spacing:-1.4px;font-size:28px}.brand strong span{color:var(--accent)}.brand small{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:400}main{width:100%;max-width:680px;margin-inline:auto;padding-top:clamp(24px,10svh,180px)}main.has-route{padding-top:30px}.empty,.hint{text-align:center;color:#8b9bb2;padding:12px;font-size:12px}.about{text-align:right;position:relative}.about>button{color:#8b9bb2;align-items:center;gap:6px;padding:8px;font-size:12px;display:inline-flex}.about button:hover{color:#d6e8ff}.about p{z-index:20;border:1px solid var(--line);text-align:left;color:#8b9bb2;background:#10233c;border-radius:12px;width:min(290px,100vw - 44px);margin:10px 0 0;padding:17px;font-size:13px;line-height:1.8;position:absolute;top:100%;right:0;box-shadow:0 12px 32px #0004}.about p a{text-decoration:underline}.back-button{color:#b5c9e0;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:inline-flex}.about>button,.back-button{min-height:44px;font-size:14px}@media (width>=1100px){main.has-route{max-width:1180px;padding-top:8px}}@media (width>=2200px){main{max-width:820px}.brand strong{font-size:36px}.brand small{font-size:14px}main.has-route{max-width:1460px}}@media (width<=600px){.brand strong{font-size:26px}main{padding-top:clamp(24px,7svh,64px)}main.has-route{padding-top:4px}}@media (height<=600px){header{min-height:72px}main,main.has-route{padding-top:8px}}.section-heading{text-align:center;letter-spacing:2px;color:var(--muted);font-size:9px}.map-canvas svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.route-line,.route-shadow{fill:none;stroke-linejoin:round}.map-canvas text{paint-order:stroke;fill:#fff;stroke:#081a33;font-size:10px;font-weight:700}.route-view{border:1px solid var(--line);background:#0d2039;border-radius:17px;margin:35px auto 0;scroll-margin-top:24px;overflow:hidden}.route-heading{justify-content:space-between;align-items:flex-start;min-height:0;padding:23px 24px;display:flex}.route-heading .section-heading{text-align:left;font-size:11px}.route-heading h2{letter-spacing:-.3px;margin:9px 0 0;overflow-wrap:anywhere;max-width:510px;margin-top:10px;font-size:18px;font-weight:400;line-height:1.55}.map-canvas{background:#0d2039;width:100%;min-width:0;max-width:600px;margin:auto;position:relative}.map-canvas img{filter:invert(.92)hue-rotate(175deg)saturate(.35);opacity:.65;width:100%;height:auto;display:block}.route-shadow{stroke:#071a30;stroke-width:9px}.route-line{stroke:#76b7f2;stroke-width:4px;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round}.person-halo{fill:#2d83d2;stroke:#b8dcff;stroke-width:2px}.playback{grid-template-columns:auto auto minmax(40px,1fr) auto auto;align-items:center;gap:8px;padding:14px 19px 4px;display:grid}.icon-button{color:#b5c9e0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{background:#213c5b}.playback input{accent-color:#7fb2e5;cursor:pointer;flex:1;width:100%;min-width:0;min-height:44px;margin:0}.playback>span{color:#8b9bb2;white-space:nowrap;font-size:12px}.walker-shadow{fill:#06234d;opacity:.5}.walker-eye{fill:#1a568b}.leg-end{fill:var(--accent);stroke:#fff;stroke-width:2px}.evidence{letter-spacing:.4px;color:var(--muted);margin-top:6px;font-size:11px;display:inline-block}.walker path{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.route-heading>div{flex:1}.route-heading .icon-button{margin-left:12px}.route-instructions{color:#8b9bb2;overflow-wrap:anywhere;margin:8px 24px 24px;padding-left:26px;font-size:16px;line-height:1.65}.route-instructions li{border-radius:6px;padding:10px 12px 10px 5px}.route-instructions li::marker{color:#7fb2e5;font-size:11px}.route-instructions li.current{color:#f6f9fc;background:#5b9bd515}.playback-speed{color:#b5c9e0;border:1px solid var(--line);font:inherit;cursor:pointer;background:#10233c;border-radius:6px;min-height:44px;padding:6px 4px;font-size:14px}.has-route .route-view{margin-top:16px}@media (width>=1100px){.route-view{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start;display:grid}.route-heading{grid-column:1/-1}.map-canvas{grid-column:1;max-width:min(100%,max(320px,105.263svh - 326.316px))}.playback{grid-area:3/1;padding-bottom:16px}.route-instructions{grid-area:2/2/4;margin:0 24px 24px 16px}}@media (width>=2200px){.map-canvas{max-width:840px}.route-instructions{font-size:18px}.route-heading h2{font-size:24px}}@media (width<=600px){.route-heading{padding:20px 16px}.route-instructions{margin:8px 16px 20px;padding-left:24px}.playback{grid-template-columns:auto 1fr auto auto;padding:8px 12px}.playback input{grid-area:1/1/auto/-1}.playback>.icon-button:first-of-type{justify-self:start}}h1{text-align:center;letter-spacing:-1px;margin:18px 0 32px;font-size:clamp(28px,4vw,38px);font-weight:400}.primary{background:var(--accent);color:#06172b;border-radius:28px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:15px 25px;font-size:16px;font-weight:700;display:flex}.swap{border:1px solid var(--line);color:#9db3cf;z-index:3;background:#122b48;border-radius:50%;grid-row:2;place-self:center end;place-items:center;width:44px;height:44px;margin-right:24px;display:grid;position:relative;transform:none}.room-fields{background:0 0;border:0;border-radius:0;grid-template-rows:auto 24px auto;gap:0;padding:0;display:grid;position:relative}.search-field{border:1px solid var(--line);background:#112540;border-radius:16px;margin:0;padding:16px 21px;position:relative}.search-field:focus-within{border-color:#5b9bd5;box-shadow:0 0 0 3px #5b9bd512}.search-field>label{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.input-line{align-items:center;gap:12px;display:flex}.clear-input{width:44px;height:44px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.clear-input:hover{color:#f6f9fc;background:#ffffff0a}.input-line input{color:#f6f9fc;font:inherit;background:0 0;border:0;outline:none;width:100%;min-width:0;height:30px;padding:0;font-size:21px}.input-line input::placeholder{color:#71859e;font-size:18px}.input-line>svg{color:#8398b2}.planner>.primary{min-width:156px;margin:22px auto 0}.search-results{scrollbar-width:thin;overscroll-behavior:contain;background:#10233c;border:1px solid #304966;border-radius:12px;max-height:min(280px,35svh);padding:8px;overflow-y:auto;box-shadow:0 16px 35px #0006}.search-result{cursor:pointer;text-align:left;color:#dce8f6;border-radius:7px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:11px 13px;font-size:16px;display:flex}.search-result[data-hovered],.search-result[data-focused]{background:#1d3858}@media (width>=2200px){h1{margin-bottom:44px;font-size:48px}.search-field{padding:22px 28px}.input-line input{font-size:26px}}@media (width<=600px){h1{margin:12px 0 28px;font-size:clamp(26px,6.5vw,34px)}.search-field{padding:14px 16px}.input-line{gap:4px}.input-line input{font-size:20px}.input-line input::placeholder{font-size:16px}.swap{margin-right:16px}}@media (height<=600px){h1{margin:8px 0 20px}}