:root{color:#f6f8ff;background:#080b12;font-family:SF Pro Rounded,SF Pro Display,ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(114,224,255,.16),transparent 34rem),linear-gradient(145deg,#080b12,#101522 48%,#090d16)}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom))}.hero-panel,.layer-panel,.conditions{border:1px solid rgba(255,255,255,.1);background:#0c111cc7;box-shadow:0 24px 70px #00000059;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.hero-panel{border-radius:30px;padding:22px}.topbar,.readout-grid,.section-heading,.hero-wind-label,.metric,.location-pill,.searchbar,.time-custom,.nearby-button{display:flex;align-items:center}.topbar{justify-content:space-between;gap:14px;margin-bottom:20px}.eyebrow{margin:0 0 3px;color:#7d8fab;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(2.4rem,8vw,4.8rem);line-height:.92;letter-spacing:0}h2{font-size:1.15rem;letter-spacing:0}.location-pill{flex:0 0 auto;gap:7px;min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#d9e3f7;background:#ffffff0f}.searchbar{min-height:58px;gap:10px;padding:8px 8px 8px 16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#03060c94}.searchbar input{width:100%;min-width:0;border:0;outline:0;color:#f6f8ff;background:transparent}.searchbar input::placeholder{color:#70819e}.searchbar button,.segment{border:0;color:#f6f8ff;font-weight:800}.searchbar button{min-width:76px;min-height:42px;border-radius:15px;background:linear-gradient(135deg,#ff9f1c,#ff7a3d);box-shadow:0 12px 30px #ff89243d}.searchbar button:disabled{opacity:.6}.nearby-button{width:100%;min-height:46px;justify-content:center;gap:8px;margin-top:10px;border:1px solid rgba(114,224,255,.25);border-radius:17px;color:#dff7ff;background:#72e0ff14;font-weight:900}.nearby-button:disabled{cursor:progress;opacity:.62}.result-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-top:12px}.result-strip button{min-height:56px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#eef4ff;text-align:left;background:#ffffff0f}.result-strip span{display:block;margin-top:3px;color:#8698b6;font-size:.78rem}.time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 22px}.segment,.time-custom{min-height:46px;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#ffffff0f}.segment.active,.time-custom.active{color:#07101c;background:#f6f8ff}.time-custom{gap:6px;padding:0 10px}.time-custom input{width:82px;border:0;color:inherit;outline:0;background:transparent}.notice{margin:-8px 0 14px;color:#ffcf5a}.readout-grid{align-items:stretch;gap:18px}.judgement-block{display:grid;flex:1 1 58%;min-height:250px;place-items:center;padding:18px;border-radius:24px;background:linear-gradient(180deg,#ffffff12,#ffffff08);text-align:center}.ring-wrap{width:min(58vw,230px);aspect-ratio:1 / 1;padding:12px;border-radius:50%;background:conic-gradient(var(--ring-color) var(--ring-percent),rgba(255,255,255,.09) 0);box-shadow:0 0 50px color-mix(in srgb,var(--ring-color),transparent 72%)}.ring{display:grid;width:100%;height:100%;place-items:center;align-content:center;border-radius:50%;background:#0b111d}.ring span{color:#8fa1bd;font-size:.84rem;font-weight:800}.ring strong{margin:5px 0 2px;font-size:2.5rem;letter-spacing:0}.ring small{color:#ccd8eb;font-size:1rem}.timestamp{margin-top:18px;color:#7385a2;font-size:.86rem}.hero-wind{flex:1 1 42%;min-height:250px;padding:24px;border-radius:24px;--hero-color: #8fa1bd;background:linear-gradient(155deg,color-mix(in srgb,var(--hero-color),transparent 76%),color-mix(in srgb,var(--hero-color),transparent 94%)),#ffffff0d;border:1px solid color-mix(in srgb,var(--hero-color),transparent 68%)}.hero-wind-label{gap:9px;color:color-mix(in srgb,var(--hero-color),#f6f8ff 30%);font-weight:900}.hero-wind strong{display:inline-block;margin-top:26px;color:var(--hero-color);font-size:clamp(5rem,15vw,8rem);line-height:.8;letter-spacing:0}.hero-wind>span{margin-left:8px;color:color-mix(in srgb,var(--hero-color),#f6f8ff 30%);font-weight:900}.hero-wind p{display:flex;align-items:center;gap:7px;margin-top:28px;color:color-mix(in srgb,var(--hero-color),#f6f8ff 36%);font-size:1.08rem;font-weight:800}.content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;margin-top:16px}.layer-panel,.conditions{border-radius:24px;padding:18px}.section-heading{justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading span{color:#7d8fab;font-size:.84rem;font-weight:800}.layer-list{display:grid;gap:9px}.layer-row{display:grid;grid-template-columns:86px minmax(100px,1fr) 86px 104px;gap:12px;align-items:center;min-height:64px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0b;--layer-color: #8fa1bd;--layer-bar: linear-gradient(90deg, #536178, #7c8aa3)}.layer-row.is-risk{border-color:color-mix(in srgb,var(--layer-color),transparent 48%);background:color-mix(in srgb,var(--layer-color),transparent 92%)}.layer-row strong{display:block}.layer-row div span{display:inline-block;margin-top:3px;padding:2px 7px;border-radius:999px;color:#9eb0cd;background:#ffffff12;font-size:.72rem}.wind-bar{height:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.wind-bar i{display:block;height:100%;border-radius:inherit;background:var(--layer-bar)}.layer-row p{color:#f6f8ff;font-size:1.2rem;font-weight:900;text-align:right}.layer-row p span,.layer-row small{color:#8fa1bd;font-size:.82rem;font-weight:800}.layer-row small{text-align:right}.conditions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:126px;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0b}.metric div{display:grid;width:36px;height:36px;place-items:center;border-radius:13px;color:#72e0ff;background:#72e0ff1c}.metric svg{width:19px;height:19px}.metric span{color:#8fa1bd;font-size:.82rem;font-weight:800}.metric strong{color:#f6f8ff;font-size:1.3rem;letter-spacing:0}@media(max-width:840px){.readout-grid,.content-grid{grid-template-columns:1fr;flex-direction:column}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-row{grid-template-columns:74px minmax(68px,1fr) 78px}.layer-row small{grid-column:2 / -1;text-align:left}}@media(max-width:520px){.app-shell{padding-left:12px;padding-right:12px}.hero-panel,.layer-panel,.conditions{border-radius:22px}.topbar{align-items:flex-start}.location-pill{max-width:42%}.location-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-panel{padding:16px}.ring strong{font-size:2rem}.conditions{grid-template-columns:1fr}}