:root{--bg0: #060b15;--bg1: #0c1626;--ink: #eaf1fa;--muted: #8ba1bd;--line: rgba(150, 182, 222, .14);--grid: rgba(150, 182, 222, .1);--card: rgba(17, 29, 49, .72);--card-edge: rgba(190, 215, 245, .09);--amber: #f0b35e;--ice: #85c8f2;--teal: #8fd6c3;--rain: #5f9fdd;--green: #93d6a4;--orange: #ee9d59;--red: #e8756b;--display: "Fraunces", Georgia, serif;--mono: "Sono", "SF Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--mono);font-weight:300;background:var(--bg0);color:var(--ink);min-height:100dvh;line-height:1.5}.app{position:relative;max-width:640px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 18px calc(32px + env(safe-area-inset-bottom))}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(120% 55% at 50% -10%,#16263f 0%,transparent 60%),radial-gradient(90% 40% at 50% 108%,rgba(240,179,94,.13) 0%,rgba(52,84,120,.12) 38%,transparent 70%),linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 100%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal{opacity:0;animation:rise .65s cubic-bezier(.22,.9,.3,1) forwards}@media (prefers-reduced-motion: reduce){.reveal{animation:none;opacity:1}}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:8px}.station-name{font-family:var(--display);font-weight:400;font-size:2.1rem;letter-spacing:.01em;line-height:1.1}.station-meta{color:var(--muted);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}.refresh-btn{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:color .2s,border-color .2s}.refresh-btn:active{color:var(--amber);border-color:var(--amber)}@keyframes spin{to{transform:rotate(360deg)}}.refresh-btn.spinning svg{animation:spin .9s linear infinite}.report-pill{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:.74rem;color:var(--muted);animation-delay:40ms}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 #93d6a480;animation:pulse 2.4s ease-out infinite}.report-pill.overdue{color:var(--orange);border-color:#ee9d5966}.report-pill.overdue .pulse-dot{background:var(--orange);animation:none}@keyframes pulse{0%{box-shadow:0 0 #93d6a473}70%{box-shadow:0 0 0 9px #93d6a400}to{box-shadow:0 0 #93d6a400}}.hero{margin-top:26px;text-align:left}.hero-temp-row{display:flex;align-items:flex-start;gap:6px}.hero-temp{font-family:var(--display);font-weight:300;font-size:clamp(5.2rem,26vw,7.5rem);line-height:.95;letter-spacing:-.02em;background:linear-gradient(165deg,var(--ink) 55%,var(--amber) 130%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-unit{font-family:var(--display);font-weight:300;font-size:1.9rem;color:var(--muted);margin-top:14px}.hero-sub{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:10px;font-size:.86rem;color:var(--muted)}.hero-minmax{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}.hero-sep{color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-cold{background:var(--ice)}.dot-warm{background:var(--amber)}.hero-trend{color:var(--teal)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}@media (min-width: 560px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card,.windrose-card,.chart-card{background:var(--card);border:1px solid var(--card-edge);border-top-color:#c8def829;border-radius:16px;padding:14px 15px 13px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stat-label{font-size:.68rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.stat-value{font-size:1.5rem;font-weight:400;margin-top:6px;font-variant-numeric:tabular-nums}.stat-unit{font-size:.8rem;color:var(--muted);font-weight:300}.stat-detail{font-size:.72rem;color:var(--muted);margin-top:3px}.windrose-card{margin-top:10px}.windrose-wrap{display:flex;flex-direction:column;align-items:center}.windrose{width:min(78vw,300px);margin-top:6px}.rose-ring{fill:none;stroke:var(--grid)}.rose-petal{fill:var(--ice)}.rose-label{fill:var(--muted);font-size:12px;letter-spacing:.1em}.rose-needle line,.rose-needle path{stroke:var(--amber);fill:var(--amber);stroke-width:2;stroke-linecap:round}.rose-center{fill:var(--bg1);stroke:var(--line)}.rose-center-value{fill:var(--ink);font-size:16px;font-weight:500}.rose-center-unit{fill:var(--muted);font-size:9px;letter-spacing:.08em}.windrose-caption{font-size:.8rem;color:var(--muted);margin-top:4px}.windrose-caption strong{color:var(--ink);font-weight:500}.charts{margin-top:34px;display:flex;flex-direction:column;gap:12px}.section-title{font-family:var(--display);font-weight:400;font-size:1.35rem;margin-bottom:4px}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.chart-summary{font-size:.72rem;color:var(--muted);white-space:nowrap}.chart-body{margin-left:-4px}.chart-tooltip{background:#0d1830;border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:.76rem;box-shadow:0 8px 24px #00000073}.chart-tooltip-time{color:var(--muted);margin-bottom:3px}.error-card{margin-top:40px;padding:26px 20px;border:1px solid rgba(232,117,107,.35);border-radius:16px;background:#e8756b12;text-align:center}.error-title{font-family:var(--display);font-size:1.2rem}.error-msg{color:var(--muted);font-size:.82rem;margin-top:6px}.retry-btn{margin-top:16px;padding:9px 22px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-family:inherit;font-size:.85rem;cursor:pointer}.skeleton-wrap{margin-top:30px}@keyframes shimmer{0%{opacity:.5}50%{opacity:.9}to{opacity:.5}}.skeleton{border-radius:16px;background:var(--card);border:1px solid var(--card-edge);animation:shimmer 1.6s ease-in-out infinite}.hero-skeleton{height:130px}.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:26px}.card-skeleton{height:92px}.footer{margin-top:36px;text-align:center;font-size:.74rem;color:var(--muted)}.footer a{color:var(--muted);text-decoration-color:var(--line);text-underline-offset:3px}