:root{--bg: #090b0e;--surface: #12151c;--card: #161922;--card-hover: #1d222f;--border: #242938;--ink: #e2e8f0;--muted: #848d9f;--gold: #e6a855;--amber: #f59e0b;--sky: #38bdf8;--orange: #f97316;--rose: #fb7185;--emerald: #34d399;--warn: #f0b27a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body{min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2{margin:0;font-weight:800;letter-spacing:-.03em}h1{font-size:clamp(1.05rem,2vw,1.2rem)}h2{font-size:.95rem}button{font:inherit}.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.brand{display:flex;align-items:center;gap:.7rem;min-width:0}.mark{width:2rem;height:2rem;border-radius:.7rem;display:grid;place-items:center;background:color-mix(in srgb,var(--amber) 15%,transparent);border:1px solid color-mix(in srgb,var(--amber) 30%,transparent);color:#fbbf24;font-size:.72rem;font-weight:800;flex:0 0 auto}.sub,.fetched,.trail-metrics,.hint,.ess-kicker,.hero-temp-label,.block-head,.time-axis,.day-nav,.seg-kicker{color:var(--muted)}.sub,.fetched{margin:.15rem 0 0;font-size:.72rem}.toolbar{display:flex;align-items:center;gap:.55rem;flex-shrink:0}.text-btn,.day-nav button,.tab{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--ink)}.text-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:2.4rem;padding:.4rem .8rem;border-radius:.7rem;color:var(--muted);font-size:.75rem;font-weight:600}.text-btn:hover{color:var(--ink)}.text-btn:disabled{opacity:.45}.alerts{margin:.65rem 1rem 0;padding:.5rem .75rem;background:#2a2018;color:#e6c2a0;font-size:.86rem;border-radius:.7rem}.alerts[hidden]{display:none}.segments{padding:.7rem 1rem .15rem}.seg-kicker,.block-head{display:flex;justify-content:space-between;gap:.75rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem}.seg-kicker span:first-child{color:color-mix(in srgb,var(--gold) 90%,white)}.hint{font-weight:500;letter-spacing:0;text-transform:none;font-size:.7rem}.tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.15rem 0 .45rem;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;min-width:8.4rem;text-align:left;padding:.55rem .75rem .6rem;border-radius:1rem;color:var(--muted)}.tab .d{font-size:.64rem;font-weight:800;letter-spacing:.06em}.tab .hi{margin-left:.35rem;font-weight:700;color:color-mix(in srgb,var(--ink) 70%,var(--muted))}.tab .n{display:block;margin-top:.2rem;color:#cbd5e1;font-size:.78rem;font-weight:700;max-width:9.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab .m{margin-top:.15rem;font-size:.64rem}.tab.on{background:var(--card);border-color:color-mix(in srgb,var(--amber) 50%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--amber) 28%,transparent);color:var(--ink)}.tab.on .d{color:var(--gold)}.tab.on .n{color:#fff}.shell{flex:1;min-height:0;display:grid;grid-template-columns:minmax(280px,.92fr) minmax(340px,1.15fr);gap:.85rem;padding:.55rem 1rem .75rem;align-items:stretch}.map-pane,.hero{background:var(--card);border:1px solid var(--border);border-radius:1.35rem;overflow:hidden;min-width:0}.map-pane{display:flex;flex-direction:column;min-height:0}#map{flex:1 1 auto;min-height:240px;background:#111}.profile-wrap{margin:0;padding:.4rem .7rem .6rem;flex:0 0 auto;border-top:1px solid var(--border);background:var(--surface)}.profile-wrap figcaption{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:.1rem}#profile{width:100%;height:150px;display:block}.hero{position:relative;padding:1.05rem 1.1rem 1.15rem;overflow:auto}.glow{position:absolute;top:-6rem;right:18%;width:18rem;height:18rem;border-radius:999px;background:color-mix(in srgb,var(--amber) 16%,transparent);filter:blur(64px);pointer-events:none}.hero-head{position:relative;display:flex;justify-content:space-between;gap:.85rem;padding-bottom:.9rem;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.hero-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .6rem}.day-badge{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.18rem .45rem;border-radius:.4rem;background:color-mix(in srgb,var(--amber) 14%,transparent);color:#fbbf24;border:1px solid color-mix(in srgb,var(--amber) 30%,transparent)}.trail-metrics{margin:.3rem 0 0;font-size:.75rem}.condition-badge{display:flex;align-items:center;gap:.45rem;align-self:flex-start;max-width:22rem;padding:.4rem .7rem;border-radius:1rem;font-size:.75rem;font-weight:600;line-height:1.3}.condition-badge .icon{flex:0 0 auto}.condition-badge.warn{background:color-mix(in srgb,var(--amber) 14%,transparent);color:#fcd34d;border:1px solid color-mix(in srgb,var(--amber) 30%,transparent)}.condition-badge.danger{background:color-mix(in srgb,var(--rose) 14%,transparent);color:#fda4af;border:1px solid color-mix(in srgb,var(--rose) 32%,transparent)}.condition-badge.calm{background:color-mix(in srgb,var(--emerald) 12%,transparent);color:#6ee7b7;border:1px solid color-mix(in srgb,var(--emerald) 28%,transparent)}.condition-badge[hidden],#hero-empty[hidden],#hero-wx[hidden],#trend-block[hidden],#hourly-block[hidden]{display:none}.missing{position:relative;margin:1rem 0 0;color:var(--warn);font-size:.9rem;line-height:1.45}.hero-temps{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.4rem;padding:.85rem 0 .35rem}.hero-primary{flex:0 0 auto}.hero-number{display:flex;align-items:flex-start;line-height:.9}#hero-temp{display:inline-block;min-width:2.15ch;font-size:2.75rem;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-shadow:0 0 40px rgba(251,146,60,.22)}.hero-unit{margin:.2rem 0 0 .15rem;font-size:1.05rem;font-weight:400;color:var(--muted)}.hero-temp-label{margin:.45rem 0 0;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.range{margin-top:.55rem}.range-labels{display:flex;gap:.75rem;font-size:.8rem;font-weight:650}.range-labels .lo{color:var(--sky)}.range-labels .hi{color:var(--gold)}.range-bar{width:8.5rem;height:.4rem;margin-top:.45rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:linear-gradient(90deg,#38bdf8,#fbbf24,#f97316)}.essentials,.telemetry{display:grid;gap:.55rem}.essentials{grid-template-columns:repeat(3,minmax(0,1fr));min-width:16rem;padding:.65rem .75rem;border-radius:1rem;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.essentials strong,.telemetry strong{display:block;margin-top:.15rem;font-size:.92rem;font-weight:800}.ess-kicker{display:block;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.trend,.hourly-block{position:relative;margin-top:.85rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.block-head{margin-bottom:.4rem}.scrub-hint{font-weight:600;letter-spacing:0;text-transform:none;color:color-mix(in srgb,var(--gold) 80%,white)}.graph{position:relative;height:11.5rem;touch-action:none;user-select:none}.graph svg{width:100%;height:100%;overflow:visible;pointer-events:none}.graph-labels{position:absolute;inset:0;pointer-events:none}.graph-labels span{position:absolute;transform:translate(-50%,-120%);font-size:.72rem;font-weight:800;white-space:nowrap;letter-spacing:-.02em}.graph-labels .peak{color:#fb923c}.graph-labels .trough{color:#38bdf8;font-weight:650}.graph-labels .zone{transform:translate(-50%);top:.35rem;font-size:.62rem;letter-spacing:.04em;color:#7dd3fc}.graph-dots{position:absolute;inset:0}.graph-dot{position:absolute;width:8px;height:8px;padding:0;border:2px solid #090b0e;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;background:#38bdf8}.graph-dot.warm{background:#f59e0b}.graph-dot.peak{width:12px;height:12px;background:#ea580c}.scrub-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#f59e0b;border:2.5px solid #fff;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.scrub-dot[hidden]{display:none}.time-axis{display:flex;justify-content:space-between;padding:.4rem .35rem 0;border-top:1px solid color-mix(in srgb,var(--border) 40%,transparent);font-size:.68rem;font-weight:600}.hourly-cards{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.hour-card{flex:0 0 auto;min-width:4.15rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .4rem .55rem;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--muted);cursor:pointer}.hour-card .hh{font-size:.68rem}.hour-card .ht{color:var(--ink);font-weight:800;font-size:.9rem}.hour-card .hp{font-size:.62rem;font-weight:700;min-height:.85em}.hour-card .hp.wet{color:var(--sky)}.hour-card.on{background:color-mix(in srgb,var(--amber) 12%,transparent);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}.telemetry{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.9rem;padding-top:.8rem;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.telemetry>div{padding:.65rem .7rem;border-radius:1rem;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.telemetry em{display:block;margin-top:.15rem;font-style:normal;font-size:.68rem;color:var(--muted)}.telemetry .gain{color:var(--emerald)}.telemetry .loss{color:#fb7185}.telemetry .gold{color:#fcd34d}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.15rem 1rem .9rem;font-size:.72rem}.day-nav button{display:inline-flex;align-items:center;gap:.35rem;min-height:2.4rem;padding:.4rem .85rem;border-radius:.8rem;color:var(--muted)}.day-nav button:hover{color:var(--ink)}.icon svg{display:block}.error{color:var(--warn)}.leaflet-container{font-family:inherit;background:#111}@media(min-width:901px){html,body{height:100%;overflow:hidden}.shell{min-height:0}.map-pane{height:100%}}@media(max-width:900px){html,body{height:auto;overflow:auto}.top,.hero-head{flex-direction:column;align-items:flex-start}.shell{display:flex;flex-direction:column;padding:.45rem .75rem .7rem}#map{flex:none;height:34vw;min-height:170px;max-height:220px}#profile{height:110px}.hero{padding:.9rem .85rem 1rem}.essentials{min-width:0;width:100%}.telemetry{grid-template-columns:repeat(2,minmax(0,1fr))}.hint{display:none}.graph{height:10rem}}@media(max-width:520px){.toolbar .fetched{display:none}#hero-temp{font-size:2.45rem}}