:root{color-scheme:dark;--bg:#081b32;--panel:#102943;--panel2:#173550;--ink:#f4f7fa;--muted:#b9cbdc;--accent:#ffd43b;--line:#36516c;--blue:#8edcec;font:18px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer;transition:background .15s,border-color .15s;min-height:58px;border-radius:14px;border:1px solid var(--line);padding:12px 20px;font-weight:650;background:var(--panel);color:var(--ink)}button:disabled{opacity:.6;cursor:wait}button:hover{filter:brightness(1.12)}:focus-visible{outline:4px solid var(--blue);outline-offset:4px}a{color:var(--blue)}[hidden]{display:none!important}header{height:100px;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:25px;font-weight:750;letter-spacing:-.7px}.brand small{display:block;font-size:13px;letter-spacing:.1px;color:var(--muted);font-weight:400}.header-actions{display:flex;gap:12px;align-items:center}.compact{min-width:58px;padding:10px}.connection{font-size:14px;color:var(--blue);padding:8px 14px;border-radius:24px;background:var(--panel)}.workspace{display:grid;grid-template-columns:210px minmax(400px,1fr) 320px;min-height:calc(100vh - 100px);max-width:1700px;margin:auto}.workspace>nav{border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column;gap:12px}.nav-item{display:flex;gap:14px;align-items:center;text-align:left;border:0;background:transparent;min-height:74px}.nav-item>span:first-child{font-size:32px;width:32px;font-weight:400}.nav-item.active{background:var(--accent);color:var(--bg)}.nav-note{margin-top:auto;padding:80px 14px 24px;font-size:15px;color:var(--muted)}.nav-note>b{letter-spacing:2px;font-size:12px;color:var(--blue)}.prototype{border:1px solid var(--line);border-radius:6px;padding:4px 9px;font-size:12px}.page{padding:42px 36px 32px;max-width:1050px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:18px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:var(--blue);margin:0 0 14px}h1{font-size:clamp(30px,3vw,48px);line-height:1.13;letter-spacing:-1.6px;margin:0 0 28px}h2{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin:0 0 12px}p{margin:0 0 18px}.intro{font-size:21px;color:var(--muted);max-width:650px;margin-bottom:30px}label{display:block;font-size:16px;margin-bottom:10px;font-weight:650}.search-row{display:flex;gap:12px}input:not([type=checkbox]),select{background:#061528;color:var(--ink);border:1px solid #63829c;border-radius:14px;min-width:0;min-height:68px;padding:16px;width:100%}input::placeholder{color:#a7bace;font-size:16px}.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.secondary{background:var(--panel);color:var(--ink)}.places{margin-top:16px;display:grid;gap:10px}.places button{display:block;text-align:left;line-height:1.5;padding:20px}.places button small{display:block;color:var(--muted);font-size:15px;margin-top:5px}.empty-route{padding:38px 24px;margin:24px 0;background:var(--panel);border:1px solid var(--line);border-radius:22px}.empty-symbol{font-size:62px;line-height:1;color:var(--accent);margin-bottom:26px}.empty-route p{color:var(--muted);max-width:440px;font-size:18px;margin:0}.notice{font-size:15px;color:var(--muted);padding-left:16px;border-left:3px solid #68839b;margin-top:28px}.attribution{font-size:13px;color:var(--muted)}.attribution a{color:var(--muted)}.speech-panel{padding:40px 26px;background:#0b2039;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:14px;position:sticky;top:0;align-self:start;min-height:calc(100vh - 100px)}.speech-heading{display:flex;justify-content:space-between;align-items:center}.speech-heading .eyebrow{margin:0}.speech-panel #answer{font-size:25px;line-height:1.45;padding-top:28px;overflow-wrap:anywhere;max-height:52vh;overflow:auto;min-height:170px}.speech-panel .stop{background:#391f2e;border:1px solid #e88d9b;color:#ffe8ed}.speech-tip{font-size:14px;color:var(--muted);margin-top:16px}.speech-panel #gps-status{font-size:15px;color:var(--blue)}.spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-button{display:flex;flex-direction:column;text-align:left;align-items:flex-start;justify-content:space-between;min-height:240px;padding:26px;font-size:25px;line-height:1.3}.feature-button small{font-size:16px;font-weight:400;margin-top:14px}.feature-icon{font-size:48px;margin-bottom:20px}.privacy-card{padding:24px;margin-top:24px;border-radius:18px;border:1px solid var(--line)}.privacy-card b{font-size:20px}.privacy-card p{font-size:16px;color:var(--muted);margin:10px 0 0}.listen-button{background:var(--accent);color:var(--bg);border:0;display:flex;align-items:center;gap:22px;padding:22px 30px;min-height:100px;margin:24px 0;width:100%;font-size:26px}.listen-button span{font-size:38px}.listen-button.recording{background:#a4e7d8}.examples{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.examples button{font-size:16px;min-height:48px;padding:10px 14px}.route-summary{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:24px 0}.route-summary h2{font-size:26px}.route-summary .eyebrow{font-size:11px}#route-metrics{white-space:nowrap;color:var(--accent);font-size:22px;font-weight:700}#map{height:320px;border-radius:18px;background:var(--panel2);color:#09213c;z-index:0}.leaflet-container{font:14px/1.5 system-ui}.next-step{padding:22px;background:var(--panel2);border-left:5px solid var(--accent);margin:18px 0;border-radius:8px;font-size:24px}.next-step small{display:block;color:var(--muted);font-size:16px;margin-top:8px}.route-actions{display:flex;gap:12px;flex-wrap:wrap}.route-actions button:first-child{flex:1}details{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:18px}summary{cursor:pointer;font-size:18px;font-weight:650;min-height:42px}li{padding:12px 8px;border-top:1px solid var(--line);font-size:17px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:34px;max-width:560px;width:calc(100% - 32px);max-height:90dvh;overflow:auto}dialog::backdrop{background:rgba(0,8,18,.85)}dialog h2{font-size:30px;line-height:1.2;margin-top:14px}dialog p{color:var(--muted)}dialog button{width:100%;margin-top:16px;min-height:66px}.dialog-actions{display:flex;gap:12px}.welcome-mark{margin-bottom:24px}.check{display:flex;gap:16px;align-items:center;margin:24px 0}.check input{width:26px;height:26px}.skip{position:absolute;left:12px;top:-100px;background:var(--accent);color:var(--bg);z-index:999;padding:16px}.skip:focus{top:10px}.large{font-size:22px}.large .notice,.large label,.large input::placeholder{font-size:19px}
@media(max-width:1150px){.workspace{grid-template-columns:170px minmax(300px,1fr)}.speech-panel{grid-column:2;position:static;min-height:0;border-left:0;border-top:1px solid var(--line);margin:0 24px 24px;border-radius:18px}.workspace>nav{grid-row:1/3}.speech-panel #answer{padding-top:8px;min-height:0;max-height:none}.speech-tip{margin:0}.page{padding:34px 26px}.brand small{font-size:12px}}
@media(max-width:700px){header{height:80px;padding:14px 18px}.brand{font-size:22px}.brand img{width:40px;height:40px}.brand small{display:none}.connection{display:none}.header-actions{gap:8px}.compact{min-height:48px;min-width:48px;padding:8px}.workspace{display:block;padding-bottom:100px}.workspace>nav{position:fixed;z-index:1000;bottom:0;left:0;right:0;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#102943;border:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nav-item{flex-direction:column;gap:0;padding:4px 6px;min-height:70px;font-size:14px;text-align:center;border-radius:12px}.nav-item>span:first-child{font-size:27px}.nav-note{display:none}.page{padding:28px 18px 18px}h1{font-size:35px;letter-spacing:-1px}.page-title{align-items:start;gap:8px}.page-title>.secondary{font-size:15px;padding:10px 14px;white-space:nowrap;min-height:50px}.eyebrow{font-size:10px;letter-spacing:1.5px}.page-title .eyebrow{max-width:200px}.search-row{gap:8px}.search-row>.primary{padding:14px;font-size:17px}input:not([type=checkbox]){padding:14px;font-size:18px}.empty-route{margin-top:22px;padding:28px 22px}.empty-symbol{font-size:48px;margin-bottom:20px}.empty-route h2{font-size:25px}.speech-panel{margin:0 18px 18px;padding:24px 20px}.speech-panel #answer{font-size:23px}.camera-actions{grid-template-columns:1fr}.feature-button{min-height:170px;padding:22px;display:grid;grid-template-columns:50px 1fr;gap:12px;font-size:24px}.feature-icon{grid-row:1/3;font-size:38px;margin:0}.feature-button small{margin:0}.route-summary{display:block}#route-metrics{font-size:20px;margin-top:10px}.intro{font-size:19px}#map{height:280px}.next-step{font-size:23px}.route-actions{display:grid;grid-template-columns:1fr}dialog{padding:26px}.large .search-row{flex-direction:column}.large .page-title{display:block}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}