:root{--sand: #f4f0e8;--paper: #fffdf9;--ink: #1f2a1f;--pine: #215341;--moss: #4f7c5a;--sun: #f2bf5e;--line: #d7d0c2;--shadow: 0 24px 50px rgba(30, 42, 32, .2)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Sora,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 18%,rgba(242,191,94,.35),transparent 38%),radial-gradient(circle at 88% 82%,rgba(79,124,90,.28),transparent 30%),linear-gradient(120deg,#f9f4ea,#edf3e6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-user-marker{0%{transform:scale(.82);opacity:.9}to{transform:scale(1.35);opacity:0}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:none;opacity:1}}.boot-warning{margin:1rem auto 0;width:min(1140px,94vw);padding:.75rem .9rem;border-radius:12px;background:#ffe4b8;color:#3b2a0d;border:1px solid #efca8a;font-size:.88rem;line-height:1.4}.boot-warning.hidden{display:none}.layout{width:min(1140px,94vw);margin:3rem auto;display:grid;gap:1.4rem;grid-template-columns:320px 1fr;align-items:start}.hero{background:linear-gradient(160deg,#fffdf9f2,#f4f0e8f2);border:1px solid var(--line);border-radius:20px;padding:1.25rem 1.15rem;box-shadow:var(--shadow);animation:rise-in .55s ease-out both}.eyebrow{margin:0;letter-spacing:.2em;text-transform:uppercase;font-size:.74rem;color:var(--pine);font-weight:600}h1{margin:.35rem 0 0;font-family:Space Grotesk,Trebuchet MS,sans-serif;line-height:1.1;font-size:clamp(1.8rem,2.4vw,2.4rem)}.subtitle{margin:.7rem 0 0;line-height:1.5;font-size:.94rem;opacity:.9}.location-tools{margin-top:.9rem}#location-btn{display:block;margin-left:auto;margin-right:auto}.location-btn{width:auto;display:inline-block;border:0;border-radius:12px;padding:.65rem .8rem;background:#1f4a9f;color:#fff;cursor:pointer;font-family:Sora,Segoe UI,sans-serif;font-size:.9rem;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.location-btn+.location-btn{margin-top:.45rem}.location-btn.secondary{background:#2d6d48}.location-btn.secondary:hover:not(:disabled){box-shadow:0 8px 20px #185e3e42}.location-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #15326b40}.location-btn:disabled{opacity:.55;cursor:not-allowed}.popup-navigate-top-btn{margin:0;display:inline-flex;align-items:center;justify-content:center;gap:.32rem;min-height:31px;padding:.36rem .66rem;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,#2a56af,#1f4a9f);box-shadow:0 6px 14px #15326b47;font-size:.78rem;font-weight:700;letter-spacing:.01em;line-height:1.05;white-space:nowrap}.popup-navigate-top-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 18px #15326b57}.popup-navigate-top-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 10px #15326b4d}.popup-navigate-top-btn:focus-visible{outline:2px solid rgba(42,86,175,.35);outline-offset:2px}.location-status{margin:.55rem 0 0;font-size:.85rem;line-height:1.35;color:#2f3a2f}.location-status.error{color:#8f2a1d}.location-status.success{color:#165e35}.chip-row{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;max-height:220px;overflow:auto}.faq-link{display:block;margin-top:1rem;font-size:.8rem;color:var(--pine);text-decoration:none;opacity:.6;text-align:center;transition:opacity .15s}.faq-link:hover{opacity:1;text-decoration:underline}.chip-title{margin:.9rem 0 .1rem;font-family:Space Grotesk,Trebuchet MS,sans-serif;font-size:.95rem;line-height:1.2;color:#2e3f2f}.parking-chip{border:0;cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.45rem .75rem;font-size:.83rem;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.parking-chip:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1f2a1f1f}.parking-chip.active{background:var(--sun);border-color:#dbab51}.map-shell{border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);min-height:74vh;animation:rise-in .65s 80ms ease-out both;position:relative}#map{width:100%;height:74vh}#map,#map .maplibregl-canvas-container,#map .maplibregl-canvas{touch-action:none}.bearing-control{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .52rem;background:#fffffff0;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 14px #1f2a1f29}.bearing-control__label{font-size:.76rem;font-weight:700;color:#2f3f2f;white-space:nowrap}.bearing-control__slider{width:96px}.bearing-control__value{min-width:2.6rem;text-align:right;font-size:.75rem;font-weight:700;color:#355e48}.bearing-control__reset{border:0;border-radius:8px;background:#2a56af;color:#fff;padding:.18rem .44rem;font-size:.72rem;font-weight:700;cursor:pointer}.bearing-control__reset:hover{filter:brightness(1.05)}.parking-marker{width:22px;height:22px;border-radius:5px;background:#1f4a9f;color:#fff;border:2px solid rgba(255,255,255,.94);box-shadow:0 6px 14px #0c235242;cursor:pointer;display:grid;place-items:center;font-family:Space Grotesk,Trebuchet MS,sans-serif;font-size:12px;font-weight:700}.maplibregl-popup-content{border-radius:14px;border:1px solid var(--line);font-family:Sora,Segoe UI,sans-serif;color:var(--ink);font-size:.84rem;line-height:1.28;padding:.62rem 2.05rem .62rem .68rem;max-width:308px}.maplibregl-popup-close-button{font-size:18px;padding:2px 6px;color:#4e5d4e}.maplibregl-ctrl-attrib{display:none!important}.parking-popup__title{display:block;margin:0 0 .35rem;padding-right:1.3rem;font-family:Space Grotesk,Trebuchet MS,sans-serif;font-size:1.05rem;line-height:1.12}.parking-popup__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.45rem;margin-bottom:.22rem}.parking-popup__header .parking-popup__title{margin:0;padding-right:0;min-width:0;word-break:break-word}.parking-popup__line{margin:.08rem 0;color:#2e3a2e;word-break:break-word}.parking-popup__action-row{margin-top:.42rem}.parking-popup__muted{color:#8c948c;font-style:italic}.parking-popup__key{color:#5f6f5f;font-weight:600}.parking-popup__details{margin-top:.38rem;border-top:1px solid rgba(0,0,0,.08);padding-top:.34rem}.parking-popup__details>summary{cursor:pointer;font-size:.78rem;font-weight:600;color:#3e5548;list-style:none}.parking-popup__details>summary::-webkit-details-marker{display:none}.parking-popup__details>summary:before{content:"+ "}.parking-popup__details[open]>summary:before{content:"- "}.parking-popup__details-body{margin-top:.34rem}.parking-popup__detail-line{margin:.12rem 0;color:#2f3f2f;word-break:break-word}.map-warning{width:100%;padding:.8rem .9rem;border-radius:10px;background:#ffe4b8;border:1px solid #efca8a;color:#3b2a0d;font-size:.86rem;line-height:1.4}.user-marker{width:18px;height:18px;position:relative;border-radius:999px;background:#ff2f7a;border:3px solid #ffffff;box-shadow:0 0 0 9px #ff2f7a38}.user-marker:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:999px;border:2px solid rgba(255,47,122,.45);animation:pulse-user-marker 1.6s ease-out infinite}.nearest-marker{width:20px;height:20px;border-radius:999px;background:#f08b17;border:3px solid #ffffff;box-shadow:0 6px 16px #8a531547}.eyebrow-row{display:flex;align-items:center;justify-content:space-between}.settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--pine);cursor:pointer;transition:background .14s ease,transform .14s ease;-webkit-tap-highlight-color:transparent}.settings-btn:hover{background:var(--sand);transform:rotate(30deg)}.settings-btn[aria-expanded=true]{background:var(--sand);transform:rotate(60deg)}.settings-panel{margin:.6rem 0 .2rem;background:var(--sand);border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;animation:rise-in .2s ease both}.settings-panel[hidden]{display:none}.settings-title{margin:0 0 .7rem;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pine)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem 0;cursor:pointer}.settings-row+.settings-row{border-top:1px solid var(--line)}.settings-label{font-size:.88rem;line-height:1.35;color:var(--ink);flex:1}.settings-toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:44px;height:26px;border-radius:999px;background:#ccc;border:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}.settings-toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .2s ease}.settings-toggle:checked{background:var(--pine)}.settings-toggle:checked:after{transform:translate(18px)}.settings-select{min-width:150px;height:32px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:.82rem;padding:0 .5rem}.navigate-btn{background:#b35a00;display:flex;align-items:center;justify-content:center;gap:.5rem}.navigate-btn:hover:not(:disabled){box-shadow:0 8px 20px #823c0047}.navigate-btn[hidden]{display:none}.nav-hud{position:absolute;top:3.25rem;left:3.45rem;right:3.45rem;z-index:5;background:#fffdf9f5;border:1px solid var(--line);border-radius:13px;padding:.5rem .62rem;box-shadow:0 6px 20px #1e2a202e;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise-in .24s ease both}.nav-hud[hidden]{display:none}.nav-hud-arrow{width:40px;height:40px;min-width:40px;border-radius:10px;background:#1f4a9f;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.nav-hud-info{flex:1;min-width:0}.nav-hud-distance{font-family:Space Grotesk,Trebuchet MS,sans-serif;font-size:1.08rem;font-weight:700;color:var(--ink);line-height:1}.nav-hud-instruction{font-size:.74rem;color:#4a5a4a;margin-top:.12rem;white-space:nowrap;overflow:hidden;text-overflow:clip}.nav-hud-instruction__text{display:inline-block;min-width:100%;white-space:nowrap;will-change:transform}.nav-hud-instruction.is-scrolling .nav-hud-instruction__text{animation:nav-instruction-scroll var(--nav-scroll-duration, 8s) linear infinite}@keyframes nav-instruction-scroll{0%,18%{transform:translate(0)}82%,to{transform:translate(calc(-1 * var(--nav-scroll-distance, 0px)))}}.nav-stop-btn{border:1px solid var(--line);background:var(--sand);border-radius:8px;padding:.3rem .5rem;font-size:.73rem;font-family:Sora,Segoe UI,sans-serif;cursor:pointer;color:var(--ink);white-space:nowrap;flex-shrink:0;min-height:30px}.nav-hud-actions{display:flex;align-items:center;gap:.38rem;flex-shrink:0}.nav-recenter-btn{border:1px solid rgba(31,74,159,.3);background:#1f4a9f17;color:#1f4a9f;border-radius:8px;padding:.3rem .5rem;font-size:.72rem;font-family:Sora,Segoe UI,sans-serif;font-weight:600;cursor:pointer;white-space:nowrap;min-height:30px}.nav-recenter-btn[hidden]{display:none}.nav-stop-btn:hover{background:#e8e0d4}.nav-recenter-btn:hover{background:#1f4a9f26}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#141e148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:modal-fade-in .18s ease both}.modal-backdrop[hidden]{display:none}.modal-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:2rem 1.75rem 1.5rem;max-width:360px;width:100%;box-shadow:0 32px 64px #141e1447;animation:modal-slide-in .24s cubic-bezier(.34,1.56,.64,1) both}.modal-icon{width:52px;height:52px;border-radius:14px;background:#2153411a;color:var(--pine);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.modal-title{margin:0 0 .6rem;font-family:Space Grotesk,Trebuchet MS,sans-serif;font-size:1.25rem;line-height:1.2;color:var(--ink)}.modal-body{margin:0 0 1.5rem;font-size:.9rem;line-height:1.55;color:#4a5a4a}.modal-actions{display:flex;gap:.65rem}.modal-btn{flex:1;border:0;border-radius:12px;padding:.75rem 1rem;font-family:Sora,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;min-height:48px;transition:transform .14s ease,box-shadow .14s ease}.modal-btn:hover{transform:translateY(-1px)}.modal-btn--cancel{background:var(--sand);border:1px solid var(--line);color:var(--ink)}.modal-btn--cancel:hover{box-shadow:0 4px 12px #00000014}.modal-btn--confirm{background:#1f4a9f;color:#fff}.modal-btn--confirm:hover{box-shadow:0 8px 20px #15326b47}.sheet-toggle{display:none}.sheet-handle-bar{display:block;width:44px;height:4px;border-radius:999px;background:var(--line);flex-shrink:0;transition:background .16s}@media (max-width: 920px){.layout{margin:1.25rem auto;grid-template-columns:1fr}.map-shell,#map{min-height:62vh;height:62vh}}@media (max-width: 767px){body{height:100dvh;overflow:hidden}.layout{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;width:100%;display:block}.map-shell{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;border:0;min-height:100dvh;height:100dvh;animation:none;z-index:0}#map{height:100dvh}.hero{position:fixed;left:0;right:0;bottom:0;width:100%;border-radius:18px 18px 0 0;border:1px solid var(--line);border-bottom:0;max-height:82dvh;overflow-y:auto;overflow-x:hidden;z-index:10;background:#fffdf9;padding:0 .9rem max(1.05rem,env(safe-area-inset-bottom));transition:transform .32s cubic-bezier(.4,0,.2,1);animation:none;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.hero.sheet-collapsed{transform:translate3d(0,calc(100% - 248px),0)}.hero.sheet-hidden{transform:translateY(100%)!important;pointer-events:none!important;visibility:hidden!important}.sheet-swipe-zone{position:fixed;left:0;right:0;bottom:0;height:calc(28px + env(safe-area-inset-bottom));z-index:9;display:flex;align-items:flex-start;justify-content:center;padding-top:7px;padding-bottom:env(safe-area-inset-bottom);pointer-events:none;opacity:0;transition:opacity .18s ease}.sheet-swipe-zone.active{pointer-events:auto;opacity:1}.sheet-swipe-zone__handle{width:52px;height:5px;border-radius:999px;background:#3b4a4273}.sheet-toggle{display:flex;align-items:center;justify-content:center;width:calc(100% + 1.8rem);margin:0 -.9rem;background:transparent;border:0;padding:.55rem 1rem .65rem;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sheet-toggle:active .sheet-handle-bar{background:#999}.location-btn{padding:.62rem .8rem;font-size:.85rem;border-radius:12px;min-height:42px}.parking-chip{padding:.42rem .7rem;font-size:.76rem;min-height:32px}.location-status{margin-top:.38rem;font-size:.74rem;line-height:1.22}.settings-label{font-size:.76rem;line-height:1.22}.chip-row{margin-top:.55rem;gap:.38rem;max-height:152px}.chip-title{font-size:.8rem;margin-top:.5rem;margin-bottom:.08rem}h1{font-size:clamp(1.18rem,5.4vw,1.5rem);margin-top:.14rem;line-height:1.06}.eyebrow{font-size:.66rem;letter-spacing:.18em}.settings-panel{margin-top:.4rem;padding:.62rem .72rem;border-radius:12px}.settings-title{font-size:.72rem;margin-bottom:.45rem}.settings-row{padding:.34rem 0;gap:.55rem}.settings-toggle{width:38px;height:23px}.settings-toggle:after{top:2px;left:2px;width:19px;height:19px}.settings-toggle:checked:after{transform:translate(15px)}.maplibregl-popup-content{font-size:.79rem;line-height:1.24;max-width:235px;padding:.54rem .58rem}.bearing-control{transform:scale(.9);transform-origin:top left;margin-top:max(4px,env(safe-area-inset-top))}.bearing-control__label{display:none}.bearing-control__slider{width:82px}.nav-hud{top:calc(max(6px,env(safe-area-inset-top)) + 2.85rem);left:3.15rem;right:3.15rem;padding:.42rem .5rem;border-radius:11px;gap:.44rem}.nav-hud-arrow{width:34px;height:34px;min-width:34px;border-radius:9px}.nav-hud-distance{font-size:.95rem}.nav-hud-instruction{font-size:.68rem;margin-top:.08rem}.nav-stop-btn{min-height:26px;padding:.24rem .42rem;font-size:.66rem}.nav-hud-actions{gap:.28rem}.nav-recenter-btn{min-height:26px;padding:.24rem .42rem;font-size:.64rem}.parking-popup__title{font-size:.94rem;margin-bottom:.28rem}.parking-popup__line,.parking-popup__detail-line{font-size:.76rem}.parking-popup__details>summary{font-size:.73rem}}