.group-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 4px}.big-btn{min-height:64px;font-size:1.1rem;margin-bottom:12px}.floatplan{border:2px solid var(--lvl);background:var(--lvl-bg)}.fp-over{color:var(--rojo);font-weight:800}.fp-msg{white-space:pre-wrap;font-family:inherit;font-size:.92rem;background:var(--surface-2);border:1px solid var(--border);padding:10px;border-radius:10px;margin:8px 0}.tag-red{background:var(--rojo-bg);border-color:var(--rojo);color:var(--text)}.share-on{border:2px solid var(--verde)}.share-indicator{position:fixed;z-index:60;bottom:calc(var(--nav-h) + var(--safe-b) + 12px);left:12px;background:var(--verde);color:#fff;font-weight:800;font-size:.85rem;padding:6px 14px;border-radius:999px;text-decoration:none;box-shadow:var(--shadow)}.share-badge{background:var(--verde)!important;cursor:pointer}.share-page{display:flex;flex-direction:column;height:100dvh;background:var(--bg);color:var(--text)}.share-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + var(--safe-t)) 14px 10px;background:var(--surface);border-bottom:1px solid var(--border)}.share-map{flex:1;min-height:240px}.share-foot{padding:10px 14px calc(10px + var(--safe-b));background:var(--surface);border-top:1px solid var(--border)}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:12px}.doc-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.doc-card.lvl-rojo,.doc-card.lvl-amarillo{border-color:var(--lvl)}.doc-thumb{display:block;width:100%;aspect-ratio:4 / 3;border:0;padding:0;background:var(--surface-2);cursor:pointer}.doc-thumb img{width:100%;height:100%;object-fit:cover;display:block}.doc-icon{font-size:2.4rem;line-height:1.1;color:var(--text-2)}.doc-meta{padding:8px 10px 10px}.doc-meta .title{font-weight:800}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000eb;display:flex;flex-direction:column}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(8px + var(--safe-t)) 12px 8px;color:#fff}.viewer img{flex:1;min-height:0;object-fit:contain;width:100%}.viewer iframe{flex:1;border:0;background:#fff}.inv-alert{background:var(--rojo-bg);border-radius:10px}.fuel-result{margin-top:12px;padding:12px;border-radius:12px;border:2px solid var(--lvl);background:var(--lvl-bg)}.fuel-result .headline{font-size:1.15rem;font-weight:800;margin-bottom:4px}.route-extra{display:flex;flex-wrap:wrap;gap:6px 14px;font-weight:700}.radar-bar{display:flex;align-items:center;gap:8px;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:999px;padding:4px 12px 4px 4px;box-shadow:var(--shadow);font-size:.9rem}.radar-bar .btn{min-height:36px;min-width:36px;padding:0 8px}.sos-fab{position:fixed;z-index:45;right:12px;bottom:calc(var(--nav-h) + var(--safe-b) + 12px);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--rojo);color:#fff;font-weight:900;font-size:.95rem;letter-spacing:.04em;text-decoration:none;border:3px solid #fff;box-shadow:0 4px 14px #00000059}.sos-fab.on-map{right:auto;left:10px;bottom:calc(var(--nav-h) + var(--safe-b) + 52px);width:50px;height:50px}.sos-fab:active{transform:scale(.96)}.sos-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.sos-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:96px;padding:10px;border-radius:16px;border:2px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;font:inherit;font-weight:800;font-size:1.02rem;cursor:pointer}.sos-btn .ico{font-size:1.8rem;line-height:1}.sos-btn .sub{font-weight:600;font-size:.82rem;color:var(--text-2)}.sos-btn.full{grid-column:1 / -1}.sos-btn.red{background:var(--rojo);border-color:var(--rojo);color:#fff}.sos-btn.red .sub{color:#fff;opacity:.92}.sos-btn.orange{background:var(--amarillo-bg);border-color:var(--amarillo)}.sos-btn.big{min-height:120px;font-size:1.35rem}.script{background:var(--surface-2);border:2px solid var(--border);border-radius:14px;padding:12px 14px}.script p{margin:0 0 10px;font-size:1.28rem;line-height:1.4;font-weight:700}.script p:last-child{margin-bottom:0}.script .fill{color:var(--primary)}.script.mayday{border-color:var(--rojo)}.script.panpan{border-color:var(--amarillo)}.pos-box{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:900;letter-spacing:.01em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:700;cursor:pointer}.chips button[aria-pressed=true]{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.stepper{display:inline-flex;align-items:center;gap:10px}.stepper button{width:48px;height:48px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:1.4rem;font-weight:900;cursor:pointer}.stepper output{min-width:2.2ch;text-align:center;font-size:1.5rem;font-weight:900}.steps{margin:0;padding-left:0;list-style:none;counter-reset:step}.steps li{position:relative;padding:10px 0 10px 44px;border-top:1px solid var(--border);counter-increment:step}.steps li:first-child{border-top:0}.steps li:before{content:counter(step);position:absolute;left:0;top:9px;width:30px;height:30px;border-radius:50%;background:var(--primary);color:var(--primary-ink);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.95rem}.checklist label{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--border);cursor:pointer;min-height:52px}.checklist label:first-child{border-top:0}.checklist input{width:26px;height:26px;flex:none;accent-color:var(--verde);margin-top:1px}.checklist .done{color:var(--muted);text-decoration:line-through}.mob-start{width:100%;min-height:160px;border-radius:22px;border:0;background:var(--rojo);color:#fff;font:inherit;font-size:1.7rem;font-weight:900;cursor:pointer;box-shadow:0 6px 20px #c0262d59}.mob-panel{text-align:center}.mob-arrow{width:200px;height:200px;margin:6px auto;display:block}.mob-dist{font-size:3rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.mob-meta{font-size:1.15rem;font-weight:700;color:var(--text-2);margin-top:6px}.phon{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.phon div{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:6px 8px;font-weight:700}.phon b{font-size:1.15rem;margin-right:6px;color:var(--primary)}.guide-index{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.guide-card{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;min-height:96px;box-shadow:var(--shadow)}.guide-card .ico{font-size:1.6rem}.guide-card strong{font-size:1rem}.guide-card span.small{color:var(--text-2)}.search{position:relative;margin-bottom:12px}.search input{padding-left:40px}.search:before{content:"🔍";position:absolute;left:12px;top:12px;font-size:1rem;opacity:.6}.term{padding:10px 0;border-top:1px solid var(--border)}.term:first-child{border-top:0}.term dt{font-weight:800;font-size:1.05rem}.term dd{margin:2px 0 0;color:var(--text-2)}.term .ej{font-style:italic;color:var(--muted);font-size:.92rem}.letter-nav{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.letter-nav a{min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);text-decoration:none;color:var(--text);font-weight:700;font-size:.9rem}.marca{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}.marca:first-child{border-top:0}.marca svg{width:88px;height:120px}.lights-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lights-row figure{margin:0;text-align:center}.lights-row figcaption{font-size:.78rem;color:var(--muted);font-weight:700}.lights-row svg{width:100%;height:auto;background:#0a1220;border-radius:10px}.beaufort{width:100%}.beaufort td{white-space:normal;vertical-align:top}.beaufort .f{font-size:1.3rem;font-weight:900;text-align:center}.knot-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.knot-steps figure{margin:0;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:8px}.knot-steps svg{width:100%;height:auto}.knot-steps figcaption{font-size:.88rem;color:var(--text-2);margin-top:4px}.knot-steps figcaption b{color:var(--primary)}.search-hit{display:block;padding:10px 0;border-top:1px solid var(--border);color:var(--text);text-decoration:none}.search-hit:first-child{border-top:0}.search-hit .small{color:var(--muted)}mark{background:var(--amarillo-bg);color:inherit;border-radius:3px;padding:0 2px}.night-toggle.compact{min-height:44px}:root[data-night]{--bg: #000000;--surface: #0d0000;--surface-2: #160000;--text: #ff4d4d;--text-2: #d93a3a;--muted: #a52a2a;--border: #3a0606;--primary: #e03030;--primary-ink: #000000;--brand: #1a0000;--focus: #ff5555;--verde: #ff6a6a;--verde-bg: #1f0000;--amarillo: #ff3b3b;--amarillo-bg: #2a0000;--rojo: #b80000;--rojo-bg: #2a0000;--gris: #9a2a2a;--gris-bg: #140000;--chart-obs: #ff4d4d;--chart-fc: #b02020;--chart-band-outer: rgba(255, 60, 60, .1);--chart-band-inner: rgba(255, 60, 60, .2);--chart-grid: #2a0505;--chart-gust: #ff7070;--chart-wind: #ff4d4d;--shadow: none;color-scheme:dark}:root[data-night] img,:root[data-night] .maplibregl-canvas,:root[data-night] .lights-row svg,:root[data-night] .marca svg{filter:grayscale(1) sepia(1) saturate(6) hue-rotate(-50deg) brightness(.45) contrast(1.1)}:root[data-night] .sos-fab{border-color:#300}:root[data-night] .mob-start,:root[data-night] .sos-btn.red{color:#000}:root{--bg: #eef3f8;--surface: #ffffff;--surface-2: #f5f8fb;--text: #0b1b2e;--text-2: #3b4b5e;--muted: #5d6b7c;--border: #c9d4e0;--primary: #0b4f8a;--primary-ink: #ffffff;--brand: #0b2545;--focus: #1f7ae0;--verde: #157a35;--verde-bg: #dff3e5;--amarillo: #a86b00;--amarillo-bg: #fff0c9;--rojo: #c0262d;--rojo-bg: #fde0e0;--gris: #66727f;--gris-bg: #e6eaef;--chart-obs: #0b4f8a;--chart-fc: #c2410c;--chart-band-outer: rgba(194, 65, 12, .13);--chart-band-inner: rgba(194, 65, 12, .24);--chart-grid: #d5dee8;--chart-gust: #c0262d;--chart-wind: #0b4f8a;--radius: 14px;--shadow: 0 1px 2px rgba(11, 27, 46, .08), 0 2px 8px rgba(11, 27, 46, .06);--nav-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #06101d;--surface: #0e1c2f;--surface-2: #13243a;--text: #f1f5fa;--text-2: #c7d3e0;--muted: #9aabbd;--border: #26405e;--primary: #5fb3ff;--primary-ink: #04121f;--brand: #0b2545;--verde: #4ade80;--verde-bg: #0d3320;--amarillo: #fbbf24;--amarillo-bg: #3a2c05;--rojo: #ff6b6b;--rojo-bg: #3d1214;--gris: #a3b0bd;--gris-bg: #1e2b3a;--chart-obs: #7cc4ff;--chart-fc: #fb923c;--chart-band-outer: rgba(251, 146, 60, .14);--chart-band-inner: rgba(251, 146, 60, .28);--chart-grid: #22374f;--chart-gust: #ff6b6b;--chart-wind: #7cc4ff;--shadow: none;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.45;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}a{color:var(--primary)}h1,h2,h3{line-height:1.2;margin:0 0 8px}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}p{margin:0 0 8px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app{min-height:100%;display:flex;flex-direction:column}.page{flex:1;padding:calc(12px + var(--safe-t)) 16px calc(var(--nav-h) + var(--safe-b) + 24px);max-width:760px;width:100%;margin:0 auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.page-title h1{margin:0}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--surface);border-top:1px solid var(--border)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:600;min-height:48px}.tabbar a svg{width:26px;height:26px}.tabbar a.active{color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow)}.card-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}.card-title h2,.card-title h3{margin:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-2>.card{margin-bottom:0}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--muted)}.small{font-size:.875rem}.big{font-size:2rem;font-weight:800;letter-spacing:-.01em}.mt{margin-top:12px}.mb{margin-bottom:12px}.center{text-align:center}.stat-label{font-size:.85rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:1.6rem;font-weight:800}.stat-sub{font-size:.9rem;color:var(--text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;border:2px solid var(--primary);background:var(--primary);color:var(--primary-ink);font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.btn.secondary{background:transparent;color:var(--primary)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn.danger{background:var(--rojo);border-color:var(--rojo);color:#fff}.btn.block{width:100%}.btn.small{min-height:40px;padding:0 12px;font-size:.9rem}.btn:disabled{opacity:.55;cursor:default}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.icon-btn svg{width:24px;height:24px}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:4px;gap:4px}.segmented button{flex:1;min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--text-2);font:inherit;font-weight:700;cursor:pointer;padding:0 8px}.segmented button[aria-pressed=true]{background:var(--primary);color:var(--primary-ink)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-weight:700;font-size:.95rem}.field .hint{font-size:.85rem;color:var(--muted)}input[type=text],input[type=password],input[type=number],input[type=date],input[type=tel],input[type=url],input[inputmode],select,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1.5px solid var(--border);border-radius:10px;min-height:48px;padding:10px 12px;width:100%}textarea{min-height:88px;resize:vertical}.check{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}.check input{width:24px;height:24px;accent-color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lvl-verde{--lvl: var(--verde);--lvl-bg: var(--verde-bg)}.lvl-amarillo{--lvl: var(--amarillo);--lvl-bg: var(--amarillo-bg)}.lvl-rojo{--lvl: var(--rojo);--lvl-bg: var(--rojo-bg)}.lvl-gris{--lvl: var(--gris);--lvl-bg: var(--gris-bg)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--lvl-bg, var(--gris-bg));color:var(--lvl, var(--gris));font-weight:800;font-size:.85rem}.dot{width:12px;height:12px;border-radius:50%;background:var(--lvl);flex:none}.semaforo{display:flex;align-items:center;gap:16px;padding:18px 16px;border-radius:18px;background:var(--lvl-bg);border:3px solid var(--lvl);margin-bottom:12px}.semaforo .light{width:84px;height:84px;border-radius:50%;background:var(--lvl);flex:none;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--lvl) 25%,transparent)}.semaforo .light svg{width:46px;height:46px}.semaforo .headline{font-size:1.45rem;font-weight:900;color:var(--text);line-height:1.15}.semaforo .sub{color:var(--text-2);font-size:.95rem;margin-top:4px}.factor{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.factor:first-child{border-top:0}.factor .dot{margin-top:6px;width:14px;height:14px}.factor .label{font-weight:800}.factor .detail{color:var(--text-2);font-size:.95rem}.hourstrip{display:flex;gap:3px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.hourstrip .h{flex:1 0 34px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.78rem;color:var(--muted)}.hourstrip .bar{width:100%;height:36px;border-radius:6px;background:var(--lvl)}.hourstrip .h.best .bar{outline:3px solid var(--text);outline-offset:1px}.hourstrip .h button{all:unset;display:contents;cursor:pointer}.aviso{border-left:6px solid var(--lvl, var(--gris))}.aviso .meta{font-size:.85rem;color:var(--muted)}.aviso pre{white-space:pre-wrap;font-family:inherit;font-size:.92rem;background:var(--surface-2);padding:10px;border-radius:10px;margin:8px 0 0}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag{font-size:.78rem;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px}.tabs button{flex:none;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);font:inherit;font-weight:700;cursor:pointer}.tabs button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.banner{padding:10px 14px;border-radius:12px;margin-bottom:12px;font-weight:600;display:flex;gap:10px;align-items:center;justify-content:space-between}.banner.warn{background:var(--amarillo-bg);color:var(--text);border:1.5px solid var(--amarillo)}.banner.err{background:var(--rojo-bg);color:var(--text);border:1.5px solid var(--rojo)}.banner.info{background:var(--surface-2);border:1.5px solid var(--border)}.update-toast{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-h) + var(--safe-b) + 12px);z-index:60;background:var(--brand);color:#fff;border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between;box-shadow:0 6px 24px #0000004d}.update-toast .btn{border-color:#fff;background:#fff;color:var(--brand)}.disclaimer{font-size:.85rem;color:var(--muted);padding:10px 12px;border:1px dashed var(--border);border-radius:12px;margin-top:12px}.emergency{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--rojo);color:#fff;border-radius:14px;padding:10px 12px 10px 16px;margin-bottom:12px}.emergency a.btn{color:var(--rojo);background:#fff;border-color:#fff}.emergency strong{font-size:1.05rem}.skel{background:linear-gradient(90deg,var(--surface-2),var(--border),var(--surface-2));background-size:200% 100%;animation:sk 1.3s infinite;border-radius:10px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skel{animation:none}}.empty{text-align:center;color:var(--muted);padding:20px 8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted);font-weight:700;font-size:.82rem}details>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:800;list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:after{content:"▾";margin-left:auto;color:var(--muted)}details[open]>summary:after{content:"▴"}.chart{width:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none}.chart text{fill:var(--muted);font-size:11px;font-family:var(--font)}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--text-2);margin-top:6px}.chart-legend i{display:inline-block;width:16px;height:4px;border-radius:2px;vertical-align:middle;margin-right:6px}.chart-readout{font-size:.95rem;font-weight:700;min-height:1.5em}.map-page{position:fixed;top:0;right:0;bottom:0;left:0;bottom:calc(var(--nav-h) + var(--safe-b))}.map-page .map{position:absolute;top:0;right:0;bottom:0;left:0}.map-controls{position:absolute;top:calc(10px + var(--safe-t));right:10px;display:flex;flex-direction:column;gap:8px;z-index:5}.map-controls .icon-btn{box-shadow:var(--shadow)}.map-controls .icon-btn.on{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.map-top{position:absolute;top:calc(10px + var(--safe-t));left:10px;right:70px;z-index:5;display:flex;gap:6px;overflow-x:auto}.map-top .chip{flex:none;min-height:40px;padding:0 12px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:700;font-size:.88rem;cursor:pointer;box-shadow:var(--shadow)}.map-top .chip[aria-pressed=true]{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.map-disclaimer{position:absolute;left:8px;bottom:44px;right:8px;z-index:4;font-size:.72rem;background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--text-2);padding:4px 8px;border-radius:8px;pointer-events:none;text-align:center}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:20;max-height:72%;overflow-y:auto;background:var(--surface);border-top-left-radius:18px;border-top-right-radius:18px;padding:10px 16px 16px;box-shadow:0 -6px 24px #0003;border-top:1px solid var(--border)}.sheet .grab{width:44px;height:5px;border-radius:3px;background:var(--border);margin:0 auto 10px}.route-bar{position:absolute;left:10px;right:10px;bottom:50px;z-index:15;background:var(--surface);border-radius:14px;padding:10px;display:flex;gap:8px;align-items:center;box-shadow:0 4px 18px #00000040;flex-wrap:wrap}.map-status{position:absolute;top:calc(60px + var(--safe-t));left:10px;right:70px;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.map-status>*{pointer-events:auto}.rec-badge{background:var(--rojo);color:#fff;padding:6px 12px;border-radius:999px;font-weight:800;font-size:.9rem}.poi-marker{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#fff;border:2px solid #0b2545;box-shadow:0 1px 4px #00000059;cursor:pointer}.poi-marker.fav{border-color:#e0a100;border-width:3px}.hazard-marker{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#ffd23f;border:2px solid #8a1c1c;border-radius:8px;cursor:pointer}.me-marker{width:18px;height:18px;border-radius:50%;background:#1f7ae0;border:3px solid #fff;box-shadow:0 0 0 6px #1f7ae040}.maplibregl-ctrl-attrib{font-size:10px}.layer-menu{position:absolute;top:calc(10px + var(--safe-t));right:66px;z-index:10;background:var(--surface);border-radius:14px;padding:10px 14px;box-shadow:0 6px 22px #00000040;border:1px solid var(--border);min-width:230px;max-height:70%;overflow-y:auto}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border);min-height:56px}.list-item:first-child{border-top:0}.list-item .grow{flex:1;min-width:0}.list-item .title{font-weight:700}.list-link{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 4px;color:var(--text);text-decoration:none;font-weight:700;border-top:1px solid var(--border)}.list-link:first-child{border-top:0}.progress{height:10px;background:var(--surface-2);border-radius:6px;overflow:hidden;border:1px solid var(--border)}.progress>div{height:100%;background:var(--primary)}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--brand)}.login .card{width:100%;max-width:420px}.login .logo{width:72px;height:72px;margin:0 auto 12px;display:block;border-radius:18px}@media (min-width: 640px){.page{padding-left:24px;padding-right:24px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.home-marker{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#fff;border:2px solid #157a35;box-shadow:0 1px 4px #00000059}.home-chip{background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.92rem;box-shadow:var(--shadow)}