.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;padding:68px 24px;color:#e5e2e1;background:#131313}.auth-page:before,.auth-page:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.auth-page:before{background:linear-gradient(180deg,#101010c9,#121212c4 55%,#080808e6),url(/blomoto/assets/login-road.webp) center / cover;filter:grayscale(75%)}.auth-page:after{background-image:radial-gradient(circle at center,#a3a3a330 .8px,transparent 1px),linear-gradient(#8080800d 1px,transparent 1px),linear-gradient(90deg,#8080800d 1px,transparent 1px);background-size:48px 48px}.auth-back{position:absolute;top:21px;left:clamp(16px,3vw,40px);display:inline-flex;align-items:center;gap:8px;color:#dbdbdb;padding:7px 0;font:500 11px/1.4 var(--mono)}.auth-card{display:grid;gap:18px;width:min(100%,540px);padding:24px;border:1px solid #44474966;border-radius:2px;background:#0e0e0ee8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px #0006}.auth-brand{text-align:center}.auth-brand h1{display:flex;align-items:center;justify-content:center;gap:8px;font:600 36px/44px var(--heading);letter-spacing:.06em;color:#fff;text-transform:uppercase}.auth-brand p,.auth-modes,.auth-submit,.auth-field label,.auth-label-row button,.auth-profile,.auth-switch a{text-transform:uppercase}.auth-brand p{margin-top:4px;color:#c4c7c9;font:500 12px/16px var(--mono);letter-spacing:.1em}.auth-modes{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;background:#2a2a2a}.auth-modes a,.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;font:500 20px/28px var(--heading);letter-spacing:.04em}.auth-modes a{min-height:48px;padding:6px;color:#c4c7c9}.auth-modes a[aria-current]{color:#fff;background:#0e0e0e;box-shadow:0 1px 3px #0002}.auth-modes a:hover{color:#fff}.auth-fields{display:grid;gap:12px}.auth-field{display:grid;gap:6px}.auth-field label,.auth-label-row button,.auth-profile legend,.auth-remember,.auth-switch a{color:#c4c7c9;font:500 11px/14px var(--mono);letter-spacing:.08em}.auth-field>label,.auth-label-row{display:flex;justify-content:space-between;align-items:center}.auth-field label span,.auth-label-row button{color:#aaadaf;font-size:10px}.auth-label-row button{padding:0 0 0 12px}.auth-input{position:relative;display:flex;align-items:center}.auth-input>svg,.auth-at{position:absolute;left:12px;color:#a6a9ab;pointer-events:none}.auth-at{font:500 18px/1 var(--mono)}.auth-input input{min-width:0;width:100%;padding:10px 12px 10px 40px;border:0;border-radius:2px;color:#e5e2e1;background:#201f1f;font:400 16px/24px Inter,sans-serif}.auth-input input:focus{background:#2a2a2a}.auth-input input::placeholder{color:#969899}.auth-field>small{font-size:12px;color:#aaadaf}.auth-profile legend{padding:0;margin:2px 0 6px}.auth-profile>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.auth-profile label{position:relative;cursor:pointer}.auth-profile input{position:absolute;opacity:0;width:1px;height:1px}.auth-profile span{display:grid;gap:3px;text-align:center;padding:8px 2px;border:1px solid transparent;background:#201f1f;color:#c4c7c9;font:500 11px/14px var(--mono)}.auth-profile small{color:#a4a6a7;font-size:9px}.auth-profile input:checked+span{color:#fff;background:#2a2a2a;border-color:#a4a6a7}.auth-profile input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}.auth-remember{display:flex;align-items:center;gap:8px;cursor:pointer;width:fit-content;padding:4px 0;letter-spacing:.03em}.auth-remember input[type=checkbox]{width:16px;height:16px}.auth-error{color:#ffb4ab;font-size:13px;line-height:1.5}.auth-submit{margin-top:2px;width:100%;min-height:52px;border-radius:2px;padding:10px 8px;color:#2f3132;background:#fff}.auth-submit:hover{color:#1a1c1d;background:#e2e2e3}.auth-switch{text-align:center;color:#c4c7c9;font-size:14px;line-height:22px;padding:2px 0 6px}.auth-switch a{color:#fff;margin-left:4px}.auth-switch a:hover,.auth-back:hover{text-decoration:underline}.account>.rider-name{max-width:17ch;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media(max-width:760px){.account>.rider-signout{display:inline-flex;align-items:center;padding:6px 3px;font:500 9px/1.3 var(--mono)}}@media(max-width:480px){.auth-page{padding:58px 12px 24px}.auth-card{padding:20px 16px;gap:16px}.auth-back{top:12px}.auth-modes a{font-size:17px}.auth-submit{font-size:18px}}:root{font-family:Inter,Arial,sans-serif;color:#e5e2e1;background:#131313;font-synthesis:none;--panel:#121214;--muted:#a1a1aa;--line:#2b2b2f;--mono:"JetBrains Mono",monospace;--heading:Oswald,"Arial Narrow",sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer;background:transparent;border:0}a{text-decoration:none}button:disabled{cursor:wait;opacity:.55}button:hover,a:hover{color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:2px solid #fff;outline-offset:4px}button svg,a svg{flex-shrink:0}button{transition:background .15s,transform .15s}button:active{transform:none}input{color:#fff;accent-color:#fff}input[type=checkbox]{margin:0;width:14px;height:14px;cursor:pointer;color-scheme:dark}fieldset{border:0;margin:0;padding:0;min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:600}label,.mono,.eyebrow{font-family:var(--mono)}.topbar{height:64px;display:flex;align-items:center;padding:0 24px;gap:20px;border-bottom:1px solid #ffffff1a;background:#131313;position:relative;z-index:60}.brand{display:flex;gap:12px;align-items:center}.brand b{background:#fff;color:#111;display:grid;place-items:center;width:32px;height:32px;font:700 14px var(--heading)}.brand strong{font:700 20px var(--heading);letter-spacing:2px}.tagline{font:10px var(--mono);letter-spacing:1.6px;color:var(--muted);border-left:1px solid #444;padding-left:18px}.topbar nav{display:flex;margin-left:auto;gap:6px;align-items:center}.topbar nav a,.topbar nav button{padding:10px 16px;border:1px solid transparent;font:11px var(--mono);letter-spacing:1px;color:var(--muted);border-radius:5px}.topbar nav .active{color:#fff;background:#282828;border-color:#444}.topbar nav button:hover,.topbar nav a:hover{background:#262626;color:#fff}.account{display:flex;gap:18px;align-items:center;font:11px var(--mono);letter-spacing:1px}.account>span{color:#71717a}.account-icon{display:grid;place-items:center;border-left:1px solid #333;padding-left:18px}.workspace{height:calc(100dvh - 64px);position:relative;overflow:hidden;background:#27272a}.map-host,.design-map{position:absolute;inset:0}.map-host{background:#18181b}.design-map{background-size:cover;background-position:center}.map-tint{position:absolute;inset:0;background:#0e0e0e70;-webkit-backdrop-filter:saturate(.5);backdrop-filter:saturate(.5)}.map-caption{position:absolute;bottom:12px;right:14px;color:#ddd;background:#111d;padding:8px 12px;border:1px solid #555;font:9px var(--mono);letter-spacing:.7px}.planner-panel{position:absolute;left:24px;top:20px;width:384px;border:1px solid #444449;border-radius:7px;background:#121214f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 45px #0009;z-index:20;max-height:calc(100% - 40px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent;transition:transform .25s}.planner-header{padding:22px 16px 17px;margin:0 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.planner-header h1{font-size:16px;letter-spacing:.6px;display:flex;gap:10px;align-items:center}.planner-header button{color:#a1a1aa}.planner-content{padding:16px;display:flex;flex-direction:column;gap:14px}.planner-content fieldset{display:flex;flex-direction:column;gap:14px}.segments{display:flex;background:#18181b;border:1px solid #2b2b2f;padding:4px;gap:4px}.segments button{border:1px solid transparent;min-width:0;box-sizing:border-box;font-weight:600;flex:1;padding:7px 4px;display:flex;align-items:center;justify-content:center;gap:7px;font:11px var(--mono);color:#a1a1aa;border-radius:2px;white-space:nowrap}.segments .selected{background:#fff;color:#111;box-shadow:0 1px 4px #0009}.segments .selected-dark{background:#29292d;color:#fff;border-color:#3f3f46}.place-input{padding:10px;display:flex;align-items:center;gap:11px;background:#18181b;border:1px solid var(--line)}.origin-dot{width:13px;height:13px;background:#111;border:4px solid #fff;border-radius:50%;box-shadow:0 0 10px #ffffff80;flex-shrink:0}.place-input>div{flex:1;min-width:0}.place-input label{display:block;font-size:9px;letter-spacing:1px;color:#a1a1aa;margin-bottom:4px}.place-input input{display:block;width:100%;background:transparent;border:0;padding:0;font-size:12px;height:19px;outline:0}.place-input button{padding:0;color:#c4c7c9}.distance-box{background:#18181b99;padding:11px;border:1px solid var(--line)}.distance-box>div{display:flex;align-items:center;justify-content:space-between}.distance-box label,.setting-group>label,.setting-group .section-heading label{font-size:10px;color:var(--muted);letter-spacing:.65px}.distance-box output{font:700 11px var(--mono);background:#29292d;padding:4px 6px;border:1px solid #444}.distance-box input{margin:14px 0;width:100%;height:4px;appearance:none;background:#29292d;cursor:pointer}.distance-box input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fffc}.range-labels{font:9px var(--mono);color:#71717a}.setting-group{display:flex;flex-direction:column;gap:7px}.setting-group small{font:9px var(--mono);color:#a1a1aa}.setting-group .segments button{padding:5px 4px}.avoidance{border-top:1px solid var(--line);padding-top:12px}.avoidance>div{display:grid;grid-template-columns:1fr 1fr;gap:9px 8px}.avoidance>div label,.inline-options label{font:11px Inter,sans-serif;display:flex;align-items:center;gap:6px;color:#d4d4d8}.inline-options{display:flex;align-items:center;justify-content:space-between}.primary{background:#fff;color:#101010;display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 12px;min-height:44px;font:600 12px var(--heading);letter-spacing:1px;border:1px solid #fff;border-radius:2px}.primary:hover{background:#dedede;color:#000}.generate{font:600 11px var(--mono);margin-top:2px;padding:15px 8px}.sample-button{display:flex;justify-content:space-between;font:10px var(--mono);padding:2px;color:#a1a1aa}.sample-button:hover{text-decoration:underline}.panel-toggle{position:absolute;left:408px;top:80px;width:28px;height:44px;background:#111e;border:1px solid #444;border-left:0;border-radius:0 4px 4px 0;z-index:21;display:grid;place-items:center;transition:left .25s}.planner-panel.collapsed{transform:translate(-430px)}.panel-toggle.is-collapsed{left:0}.panel-toggle.is-collapsed svg{transform:rotate(180deg)}.map-controls{position:absolute;left:24px;bottom:24px;display:flex;flex-direction:column;gap:8px;z-index:12}.map-controls button{width:42px;height:42px;border:1px solid #5559;border-radius:5px;background:#121214e8;display:grid;place-items:center;box-shadow:0 5px 15px #0006}.map-controls button:hover{background:#303035}.direction-dial{position:absolute;left:53%;top:50%;width:440px;height:440px;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}.direction-dial svg{width:100%;height:100%;overflow:visible}.direction-dial circle{fill:#ffffff04;stroke:#fff5;stroke-width:1.4;stroke-dasharray:6 6}.direction-dial path{fill:#ffffff15;stroke:#fffc;stroke-width:1.5;filter:drop-shadow(0 0 5px #fff6)}.direction-dial>span{position:absolute;font:700 11px var(--mono);padding:4px 7px;background:#111e}.north{top:0;left:48%}.south{bottom:0;left:48%}.east{right:0;top:48%}.west{left:0;top:48%}.direction-dial b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#18181b;box-shadow:0 0 12px #fff9;font:700 14px var(--heading)}.direction-dial small{position:absolute;left:50%;top:56%;transform:translate(-50%);font:700 10px var(--mono);padding:4px 9px;background:#111e;white-space:nowrap}.direction-dial em{position:absolute;display:flex;gap:7px;align-items:center;bottom:-10px;left:50%;transform:translate(-50%);background:#18181bf0;padding:8px 12px;border-radius:20px;border:1px solid #555;font:10px var(--mono);white-space:nowrap}.sample-line{position:absolute;inset:0;width:100%;height:100%;padding-left:250px;filter:drop-shadow(0 0 6px #fff8)}.sample-line path{fill:none;stroke:#fff;stroke-width:4}.results-panel{position:absolute;left:0;top:0;bottom:0;width:530px;background:#0e0e0ef5;border-right:1px solid #333;z-index:20;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 transparent;transition:transform .25s}.results-panel.collapsed{transform:translate(-530px)}.result-toggle{left:530px}.results-view .map-controls{left:550px}.back-link{padding:18px 24px;border-bottom:1px solid var(--line);width:100%;display:flex;gap:10px;align-items:center;font:10px var(--mono);letter-spacing:1px;color:#a1a1aa;text-align:left}.results-summary{padding:28px 24px 22px;border-bottom:1px solid var(--line)}.results-summary h1{font-size:48px;line-height:1.1;letter-spacing:-1px;color:#fff}.results-summary>p{font-size:10px;margin-top:8px;line-height:1.6}.results-summary>p span{color:#a1a1aa}.sample-label{font:8px var(--mono);letter-spacing:.6px;color:#b4b4bd;display:block;margin-bottom:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.stat{background:#18181b99;border:1px solid var(--line);padding:12px}.stat label{font-size:8px;letter-spacing:.5px;color:#a1a1aa;text-transform:uppercase;display:flex;justify-content:space-between;align-items:flex-start;min-height:28px;gap:3px}.stat i{font:7px var(--mono);padding:2px 3px;background:#3f3f46;color:#ddd;white-space:nowrap}.stat:nth-child(2) i{background:#450a0a;color:#fca5a5;border:1px solid #7f1d1d}.stat b{font:600 26px var(--heading);color:#fff}.stat small{font:9px var(--mono);color:#a1a1aa;margin-left:3px}.stat-track{height:3px;background:#29292d;margin-top:12px}.stat-track span{display:block;height:100%;background:#fff;border-radius:5px}.result-actions{display:flex;gap:8px;margin-top:20px}.result-actions .primary{flex:1;white-space:nowrap}.secondary{background:#27272a;border:1px solid #3f3f46;border-radius:2px;display:flex;justify-content:center;align-items:center;gap:7px;padding:12px 10px;font:600 10px var(--mono);min-height:44px}.secondary:hover{background:#3f3f46}.result-content{padding:20px 24px}.overview{background:#18181b88;border:1px solid var(--line);padding:16px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-heading h2{display:flex;gap:9px;align-items:center;font:700 13px Inter,sans-serif}.section-heading>button{background:#3f3f46;padding:6px 8px;font:9px var(--mono)}.overview p{font-size:13px;line-height:1.75;color:#d4d4d8;margin-top:13px}.elevation{padding:12px;margin-top:14px;background:#09090999;border:1px solid var(--line)}.elevation h3{font:10px var(--mono);letter-spacing:.3px}.elevation small{font:8px var(--mono);color:#a1a1aa}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:14px 0 7px}.profile-stats span{font:8px var(--mono);color:#a1a1aa}.profile-stats b{display:block;font:600 15px var(--heading);color:#fff;margin-top:4px}.elevation svg{width:100%;height:85px}.timeline{padding-top:24px}.timeline article{position:relative;margin-left:16px;padding:0 0 30px 35px;border-left:1px solid #3f3f46;min-height:90px}.timeline article:last-child{border-left-color:transparent}.timeline-dot{position:absolute;left:-16px;top:0;width:32px;height:32px;border-radius:50%;border:2px solid white;display:grid;place-items:center;background:#151515;font:600 12px var(--heading)}.timeline article:not(:first-child):not(:last-child) .timeline-dot{background:#fff;color:#111}.stop-title{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:3px 0 6px;text-align:left}.stop-title h3{font-size:15px}.stop-title svg{transform:rotate(180deg)}.timeline article>small{font:8px var(--mono);color:#a1a1aa;letter-spacing:1px}.timeline p{font:12px/1.7 Inter,sans-serif;color:#a1a1aa;margin-top:8px}.timeline .leg{font:10px var(--mono);color:#ddd}.stop-photo{width:100%;height:145px;object-fit:cover;border:1px solid #333;margin-top:12px}.text-button{display:flex;align-items:center;gap:8px;font:10px var(--mono);margin-top:12px;text-decoration:underline}.footer-note{border-top:1px solid #333;padding:18px 0;font:9px var(--mono);color:#71717a}.context-menu{position:absolute;background:#151518f5;border:1px solid #555;border-radius:4px;box-shadow:0 12px 30px #0008;padding:8px;z-index:45;min-width:220px}.context-menu label{font-size:9px;color:#71717a;padding:8px;display:block}.context-menu button{padding:12px 8px;display:flex;align-items:center;gap:10px;text-align:left;width:100%;font:11px var(--mono)}.context-menu button:hover{background:#303035}.poi-drawer{position:absolute;right:24px;top:20px;width:430px;max-width:calc(100% - 48px);max-height:calc(100% - 40px);overflow-y:auto;background:#121214f5;z-index:40;border:1px solid #555;border-radius:7px;box-shadow:0 20px 50px #000a;scrollbar-width:thin}.poi-close{position:absolute;right:14px;top:14px;z-index:2;background:#111d;border:1px solid #777;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.poi-hero{height:192px;position:relative}.poi-hero img{width:100%;height:100%;object-fit:cover}.poi-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#121214)}.poi-hero>span{position:absolute;top:14px;left:14px;background:#111d;padding:7px 9px;z-index:1;font:9px var(--mono)}.poi-body{padding:20px 16px}.poi-body h1{font-size:23px;line-height:1.3;max-width:92%}.poi-body>.mono{font-size:10px;color:#a1a1aa;margin-top:8px}.poi-body section{padding:20px 0;border-top:1px solid var(--line)}.poi-body h2{font:600 11px var(--mono);letter-spacing:.5px;margin-bottom:12px}.poi-body section p{font-size:12px;line-height:1.8;color:#d4d4d8}.tags{display:flex;gap:6px;flex-wrap:wrap;padding:16px 0}.tags span{font:10px var(--mono);background:#29292d;border:1px solid #3f3f46;padding:5px 7px}.poi-body>.primary{width:100%}.citation{display:block;border:1px solid var(--line);padding:12px;margin-top:8px}.citation strong{display:flex;justify-content:space-between;font-size:11px}.citation p{margin-top:9px}.form-error{color:#fca5a5;background:#450a0a50;border:1px solid #7f1d1d;padding:12px;font-size:12px;line-height:1.6}.loading-state{padding:14px;background:#252529;border:1px solid #444}.loading-state>div:first-child{display:flex;align-items:center;gap:10px;font-size:11px}.spinner{width:15px;height:15px;border:2px solid #777;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.loading-track{height:2px;background:linear-gradient(90deg,#333,#fff,#333);background-size:200% 100%;animation:flow 2s linear infinite;margin:14px 0}.loading-state>button{font:10px var(--mono);text-decoration:underline}.toast,.map-error{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:80;border:1px solid #555;border-radius:5px;padding:14px 16px;background:#18181bf5;box-shadow:0 8px 30px #0008;max-width:min(560px,calc(100% - 32px));font-size:12px;line-height:1.6;display:flex;align-items:center;gap:20px}.toast button{display:flex}.map-error{position:absolute;bottom:75px}.page-overlay{position:absolute;inset:0;overflow-y:auto;background:#101011f5;z-index:22;padding:56px max(24px,calc((100vw - 1000px)/2))}.page-overlay>h1{font-size:44px;letter-spacing:1px}.page-overlay>p{color:#a1a1aa;font-size:14px;margin-top:12px}.page-overlay>small{display:block;font:10px var(--mono);color:#71717a;margin:20px 0 35px}.saved-card{display:flex;align-items:center;gap:22px;border:1px solid #333;padding:24px;margin-top:12px;background:#18181b}.saved-card>div{flex:1}.saved-card h2{font-size:23px}.saved-card p{font:11px var(--mono);color:#a1a1aa;margin-top:9px}.empty-state{text-align:center;border:1px dashed #3f3f46;padding:65px 24px;display:flex;align-items:center;flex-direction:column;gap:20px}.empty-state h2{font-size:28px}.empty-state p{color:#a1a1aa;font-size:13px}.empty-state .primary{margin-top:12px;padding:14px 30px}.login-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:430px;max-width:calc(100% - 32px);padding:36px;background:#121214f5;border:1px solid #444;box-shadow:0 20px 60px #0008;z-index:30}.eyebrow{font-size:9px;letter-spacing:1px;color:#a1a1aa}.login-panel h1{font-size:38px;margin:16px 0}.login-panel>p{font-size:12px;color:#a1a1aa;line-height:1.6}.login-panel form{display:flex;flex-direction:column;gap:20px;margin:28px 0}.login-panel label{font-size:9px;letter-spacing:1px;color:#a1a1aa}.login-panel input{display:block;margin-top:9px;width:100%;background:#18181b;border:1px solid #3f3f46;padding:12px;font-size:14px}.login-panel>a{font:10px var(--mono);color:#a1a1aa}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flow{to{background-position:-200% 0}}@media(min-width:1600px){.direction-dial{left:50%}}@media(max-height:850px)and (min-width:761px){.planner-header{padding-top:16px;padding-bottom:12px}.planner-content,.planner-content fieldset{gap:11px}.planner-content{padding:13px 16px}.planner-panel{max-height:calc(100% - 30px);top:15px}.map-controls,.results-view .map-controls{left:auto;right:24px}}@media(max-width:1000px){.tagline{display:none}.topbar nav a,.topbar nav button{padding:10px}.account{gap:11px}.poi-drawer{width:380px}.direction-dial{left:68%;width:350px;height:350px}}@media(max-width:760px){.topbar{height:56px;padding:0 14px;gap:10px}.brand{gap:8px}.brand b{width:28px;height:28px}.brand strong{font-size:17px;letter-spacing:1.4px}.topbar nav{gap:2px}.topbar nav a{font-size:9px;padding:9px 7px}.topbar nav button{display:none}.account{margin-left:4px;gap:8px}.account>a:not(.account-icon),.account>span,.account>button{display:none}.account-icon{padding-left:9px}.workspace{height:calc(100dvh - 56px)}.planner-panel{top:auto;bottom:0;left:0;width:100%;max-height:65%;border-radius:12px 12px 0 0;border-color:#555}.planner-header{padding:13px 0 10px}.planner-content{padding-top:10px;gap:10px}.planner-content fieldset{gap:10px}.avoidance{padding-top:9px}.avoidance>div{gap:7px}.place-input{padding:8px}.setting-group{gap:5px}.distance-box{padding:8px 10px}.distance-box input{margin:12px 0}.panel-toggle{left:auto;right:12px;top:12px;width:36px;height:36px;border:1px solid #555;border-radius:5px}.panel-toggle.is-collapsed{left:auto}.planner-panel.collapsed{transform:translateY(110%)}.direction-dial{left:50%;top:24%;width:215px;height:215px}.direction-dial em{display:none}.direction-dial small{font-size:8px;top:61%}.direction-dial>span{font-size:8px}.map-controls,.results-view .map-controls{inset:58px 12px auto auto;gap:5px}.map-controls button{width:34px;height:34px}.map-caption{font-size:7px;inset:10px auto auto 12px;max-width:72%}.results-panel{top:36%;width:100%;border-radius:12px 12px 0 0;border-top:1px solid #555}.results-panel.collapsed{transform:translateY(110%)}.result-toggle{left:auto}.results-summary{padding:22px 18px 18px}.results-summary h1{font-size:42px}.back-link{padding:15px 18px}.result-content{padding:18px}.stats{gap:7px;margin-top:16px}.stat{padding:10px}.result-actions{gap:6px}.result-actions .secondary{font-size:8px;padding:8px}.sample-line{padding-left:0;bottom:55%;height:45%}.poi-drawer{top:auto;bottom:0;right:0;width:100%;max-width:100%;max-height:76%;border-radius:12px 12px 0 0}.poi-hero{height:170px}.page-overlay{padding:30px 18px}.page-overlay>h1{font-size:34px}.saved-card{padding:17px 12px;gap:12px;flex-wrap:wrap}.saved-card h2{font-size:19px}.saved-card>.secondary{font-size:8px}.login-panel{padding:28px}.toast{bottom:16px;width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.design-map.live{background-image:none!important;pointer-events:none}.design-map.live .map-tint,.design-map.live .map-caption,.design-map.live .sample-line{display:none}.design-map.live .direction-dial{pointer-events:auto}.citation-heading{display:flex;align-items:center;gap:9px;min-height:22px}.citation-heading strong{flex:1;min-width:0;overflow-wrap:anywhere}.citation-source-icon{flex:0 0 24px;width:24px;display:flex;align-items:center;justify-content:center}.citation-domain-icon{width:19px;height:19px;display:grid;place-items:center;border:1px solid #71717a;border-radius:2px;background:#27272a;font:700 12px var(--mono)}.segments button{font-weight:600}.segments button:active{transform:none}.poi-photo-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#18181b;color:#a1a1aa;padding:20px;text-align:center}.poi-photo-placeholder p{font-size:12px}.poi-photo-placeholder .text-button{margin-top:0;color:#e5e2e1}.poi-photo-attribution{position:absolute;bottom:8px;left:12px;right:12px;z-index:1;font-size:10px;color:#fff;text-shadow:0 1px 3px #000;background:#111a;padding:4px 6px}.poi-photo-attribution a{text-decoration:underline}.poi-map-anchor{position:absolute;transform:translate(-50%,-100%);pointer-events:none}.poi-map-marker{pointer-events:auto;display:flex;flex-direction:column;align-items:center;padding:0;background:transparent;filter:drop-shadow(0 5px 8px #0008);white-space:nowrap}.poi-map-card{display:flex;align-items:center;gap:10px;background:#18181bf5;border:1px solid #ffffff66;border-radius:3px;padding:5px 10px;min-height:31px;color:#f4f4f5;transition:border-color .15s,background .15s}.poi-map-card strong{font:600 13px var(--heading);letter-spacing:.5px;text-transform:uppercase;max-width:185px;overflow:hidden;text-overflow:ellipsis}.poi-map-marker:hover .poi-map-card,.poi-map-marker:focus-visible .poi-map-card{border-color:#fff;background:#262629}.poi-map-marker:focus-visible{outline:2px solid white;outline-offset:4px}.poi-map-marker:active{transform:none}.poi-map-stem{height:11px;width:1px;background:#b4b4bd}.poi-map-dot{height:5px;width:5px;background:#d4d4d8;transform:rotate(45deg);border:1px solid #151515}.poi-map-glyph{height:22px;width:22px;display:grid;place-items:center;color:#d4d4d8;background:#353534;border:1px solid #ffffff1f;border-radius:2px}.poi-map-glyph svg{height:17px;width:17px}.poi-map-photo .poi-map-card{padding:5px 12px 5px 5px;background:#0e0e0ef5;gap:10px}.poi-map-photo img{width:36px;height:36px;object-fit:cover;border:1px solid #71717a;border-radius:2px;flex:none}.poi-map-photo .poi-map-stem{height:13px;background:#d4d4d8}.poi-map-photo .poi-map-dot{width:7px;height:7px;transform:none;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff8}.poi-map-cluster .poi-map-card{position:relative;justify-content:center;padding:3px;background:#131313f5;border:1.5px solid #d4d4d8;border-radius:13px}.poi-map-cluster .poi-map-card:before{content:"";position:absolute;inset:4px;border:1px dotted #ffffff55;border-radius:9px}.poi-map-cluster .poi-map-card:after{content:"";position:absolute;top:-3px;left:calc(50% - 3px);height:5px;width:5px;border-radius:50%;background:#fff;box-shadow:0 0 5px #fffa}.poi-map-cluster .poi-map-card strong{font-size:18px;letter-spacing:-.2px;position:relative;line-height:1}.poi-map-cluster .poi-map-stem{height:8px;background:#a1a1aa}.poi-map-cluster .poi-map-dot{transform:none;border-radius:50%;width:5px;height:5px}.poi-map-compact .poi-map-card{padding:4px;min-height:0;border-radius:6px}.poi-map-compact .poi-map-glyph{background:none;border:0;width:17px;height:17px}.poi-map-compact .poi-map-stem{height:7px}.poi-map-compact .poi-map-dot{width:4px;height:4px}.poi-map-compact:hover .poi-map-card{border-color:#fff}@media(max-width:760px){.poi-map-card strong{max-width:135px;font-size:12px}.poi-map-photo img{width:30px;height:30px}.poi-map-card{gap:7px}.poi-map-cluster .poi-map-card strong{font-size:17px}}.route-warning{margin:0 0 20px;padding:12px;border:1px solid #555;color:#dededb;font-size:13px;line-height:1.6}