*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.5;color:var(--color-text-primary, #1a1a1a);background:#f5f5f3}@media (prefers-color-scheme: dark){body{background:#141414}}a{color:#2563eb;text-decoration:none}.app{max-width:920px;margin:0 auto;padding:0 1rem 3rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 0 .75rem;margin-bottom:12px}.topbar h1{font-size:15px;font-weight:500;margin-bottom:3px}.topbar p{font-size:11px;color:#888}.live{display:flex;align-items:center;gap:5px;font-size:11px;color:#888;white-space:nowrap}.live-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.grid-label{font-size:10px;font-weight:500;letter-spacing:.06em;color:#888;margin-bottom:5px;text-transform:uppercase}.stn-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:14px}.stn{background:#fff;border:.5px solid rgba(0,0,0,.12);border-radius:8px;padding:7px 8px;cursor:pointer;transition:border-color .1s}.stn:hover{border-color:#00000040}.stn.on{border:1.5px solid #1a1a1a}.stn-icao{font-size:9px;color:#888;font-family:monospace;margin-bottom:1px}.stn-city{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stn-val{font-size:15px;font-weight:500;margin-top:2px}.stn-unit{font-size:9px;color:#888;font-weight:400}@media (prefers-color-scheme: dark){.stn{background:#1e1e1e;border-color:#ffffff1a}.stn.on{border-color:#e8e8e8}}.hot{color:#dc2626}.warm{color:#d97706}.cool{color:#2563eb}.muted{color:#888}.hero{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}.hc{background:#fff;border:.5px solid rgba(0,0,0,.12);border-radius:10px;padding:14px 16px}.hc-lbl{font-size:10px;color:#888;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.hc-val{font-size:30px;font-weight:500;line-height:1;margin-bottom:4px}.hc-val.res{color:#d97706}.hc-val.dew{color:#2563eb}.hc-sub{font-size:10px;color:#888}.res-badge{display:inline-block;font-size:9px;padding:2px 6px;border-radius:4px;font-weight:500;margin-top:5px;background:#fef3c7;color:#92400e}@media (prefers-color-scheme: dark){.hc{background:#1e1e1e;border-color:#ffffff1a}}.card{background:#fff;border:.5px solid rgba(0,0,0,.12);border-radius:10px;padding:14px 16px;margin-bottom:8px}.card-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-title{font-size:12px;font-weight:500;display:flex;align-items:center;gap:7px}.blob{width:7px;height:7px;border-radius:50%;display:inline-block}.blob.blue{background:#3b82f6}.blob.amber{background:#f59e0b}.card-meta{font-size:10px;color:#888}@media (prefers-color-scheme: dark){.card{background:#1e1e1e;border-color:#ffffff1a}}.mt{width:100%;border-collapse:collapse;font-size:12px}.mt tr{border-bottom:.5px solid rgba(0,0,0,.1)}.mt tr:last-child{border-bottom:none}.mt td{padding:6.5px 0;vertical-align:middle}.mt td:first-child{color:#888;width:185px}.cat-vfr{color:#16a34a;font-weight:500}.cat-mvfr{color:#2563eb;font-weight:500}.cat-ifr{color:#dc2626;font-weight:500}@media (prefers-color-scheme: dark){.mt tr{border-color:#ffffff14}}.raw-mono{background:#f5f5f3;border-radius:6px;padding:8px 10px;margin-top:8px;font-family:monospace;font-size:10px;color:#2563eb;word-break:break-all;line-height:1.6}.api-link{font-size:10px;color:#888;margin-top:5px}@media (prefers-color-scheme: dark){.raw-mono{background:#262626}}.about-trigger{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:500;letter-spacing:.04em;color:#888;text-transform:uppercase;padding:8px 0 0;border-top:.5px solid rgba(0,0,0,.1);margin-top:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.chevron{font-size:13px;transition:transform .2s;display:inline-block}.about-body{padding-top:10px}.about-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.ac{background:#f7f7f5;border-radius:8px;padding:10px 12px}.ac h4{font-size:11px;font-weight:500;margin-bottom:5px}.ac p{font-size:11px;color:#666;line-height:1.65}.ac strong{color:#1a1a1a;font-weight:500}@media (prefers-color-scheme: dark){.about-trigger{border-color:#ffffff14}.ac{background:#262626}.ac p{color:#aaa}.ac strong{color:#e8e8e8}}.day-tabs{display:flex;gap:4px;margin-bottom:10px}.day-tab{font-size:11px;padding:4px 14px;border:.5px solid rgba(0,0,0,.15);border-radius:20px;background:none;cursor:pointer;color:#888}.day-tab.on{background:#1a1a1a;color:#fff;border-color:#1a1a1a}@media (prefers-color-scheme: dark){.day-tab{border-color:#ffffff26;color:#aaa}.day-tab.on{background:#e8e8e8;color:#1a1a1a;border-color:#e8e8e8}}.r-hdr{display:grid;grid-template-columns:90px 1fr 68px 68px 72px;gap:4px;font-size:10px;color:#888;padding:4px 0 6px;border-bottom:.5px solid rgba(0,0,0,.1)}.r-hdr>*{text-align:right}.r-hdr>*:first-child,.r-hdr>*:nth-child(2){text-align:left}.reading-block{border-bottom:.5px solid rgba(0,0,0,.08)}.reading-block:last-child{border-bottom:none}.r-summary{display:grid;grid-template-columns:90px 1fr 68px 68px 72px;gap:4px;padding:6px 0;cursor:pointer;align-items:center;font-size:12px;-webkit-user-select:none;user-select:none}.r-summary:hover .rtime,.r-summary.open .rtime{color:#2563eb}.rtime{font-family:monospace;font-size:11px;color:#888}.rbar{height:4px;background:#00000014;border-radius:2px;overflow:hidden}.rbar-fill{height:100%;border-radius:2px;background:#93c5fd;transition:width .3s}.rbar-fill.peak{background:#dc2626}.rtemp{font-weight:500;text-align:right}.rtemp.peak{color:#dc2626}.rdew{color:#888;text-align:right}.rdep{text-align:center}.dep{font-size:10px;padding:2px 5px;border-radius:3px;font-weight:500}.dep.w{background:#fef3c7;color:#92400e}.dep.h{background:#fee2e2;color:#991b1b}.dep-high{font-size:9px;padding:1px 4px;border-radius:3px;background:#fee2e2;color:#991b1b;font-weight:600;margin-left:2px}.dep-red{color:#dc2626;font-weight:500}.empty-msg{font-size:12px;color:#888;padding:8px 0}@media (prefers-color-scheme: dark){.reading-block{border-color:#ffffff0f}.rbar{background:#ffffff14}.dep.w{background:#451a03;color:#fde68a}.dep.h,.dep-high{background:#450a0a;color:#fca5a5}}.r-detail{margin:0 0 8px;border-radius:6px;overflow:hidden}.r-raw{background:#f0f0ee;padding:7px 10px;font-family:monospace;font-size:10px;color:#2563eb;word-break:break-all;line-height:1.6}.r-det-grid{display:grid;grid-template-columns:1fr 1fr;background:#f7f7f5}.r-det-col{padding:0 10px}.r-det-item{display:flex;justify-content:space-between;align-items:center;padding:5.5px 0;border-bottom:.5px solid rgba(0,0,0,.08);font-size:12px}.r-det-item:last-child{border-bottom:none}.r-det-key{color:#888}@media (prefers-color-scheme: dark){.r-raw{background:#1a1a1a}.r-det-grid{background:#262626}.r-det-item{border-color:#ffffff0f}}.taf-sec-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.taf-sec-hdr>span:first-child{font-size:12px;font-weight:500}.taf-cnt{font-size:10px;color:#888}.p-hdr{display:grid;grid-template-columns:140px 70px 1fr 80px;gap:6px;font-size:10px;color:#888;padding:4px 0 6px;border-bottom:.5px solid rgba(0,0,0,.1)}.pblock{border-bottom:.5px solid rgba(0,0,0,.08)}.pblock:last-child{border-bottom:none}.p-summary{display:grid;grid-template-columns:140px 70px 1fr 80px;gap:6px;padding:7px 0;cursor:pointer;align-items:center;font-size:11px;-webkit-user-select:none;user-select:none}.p-summary:hover .ptime,.p-summary.open .ptime{color:#2563eb}.ptime{font-size:11px;font-weight:500}.ptype{font-size:9px;padding:2px 7px;border-radius:3px;font-weight:500;display:inline-block}.ptype.base{background:#dbeafe;color:#1e40af}.ptype.tempo{background:#fef3c7;color:#92400e}.ptype.becmg{background:#f3f4f6;color:#6b7280}.rad-wrap{height:5px;background:#00000014;border-radius:3px;overflow:hidden;margin-bottom:2px}.rad-fill{height:100%;border-radius:3px}.rad-fill.good{background:#22c55e}.rad-fill.partial{background:#f59e0b}.rad-fill.poor{background:#d1d5db}.rad-lbl{font-size:10px}.rad-lbl.good{color:#16a34a}.rad-lbl.partial{color:#d97706}.rad-lbl.poor{color:#888}.p-detail{margin:0 0 8px;background:#f7f7f5;border-radius:6px;overflow:hidden}.p-det-grid{display:grid;grid-template-columns:1fr 1fr}.p-det-col{padding:0 10px}.p-det-item{display:flex;justify-content:space-between;align-items:center;padding:5.5px 0;border-bottom:.5px solid rgba(0,0,0,.08);font-size:12px}.p-det-item:last-child{border-bottom:none}.p-det-key{color:#888}.p-det-val.good{color:#16a34a;font-weight:500}.p-det-val.partial{color:#d97706;font-weight:500}@media (prefers-color-scheme: dark){.pblock{border-color:#ffffff0f}.p-hdr{border-color:#ffffff14}.ptype.base{background:#1e3a8a;color:#93c5fd}.ptype.tempo{background:#451a03;color:#fde68a}.ptype.becmg{background:#374151;color:#9ca3af}.rad-wrap{background:#ffffff14}.rad-fill.poor{background:#4b5563}.p-detail{background:#262626}.p-det-item{border-color:#ffffff0f}}.view-tabs{display:flex;border-bottom:.5px solid rgba(0,0,0,.1);margin-bottom:1rem}.vtab{font-size:13px;padding:7px 16px;border:none;background:none;cursor:pointer;color:#888;border-bottom:2px solid transparent;margin-bottom:-.5px}.vtab.on{color:#1a1a1a;font-weight:500;border-bottom-color:#1a1a1a}.vtab:hover{color:#1a1a1a}.api-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.api-tab{font-size:11px;padding:4px 12px;border:.5px solid rgba(0,0,0,.15);border-radius:20px;background:none;cursor:pointer;color:#888}.api-tab.on{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.code-block{border:.5px solid rgba(0,0,0,.12);border-radius:8px;overflow:hidden;margin-bottom:8px}.cb-hdr{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#f5f5f3;border-bottom:.5px solid rgba(0,0,0,.1)}.cb-label{font-size:11px;color:#888}.cb-copy{font-size:11px;padding:2px 10px;border:.5px solid rgba(0,0,0,.2);border-radius:4px;background:none;cursor:pointer;color:#888}.cb-copy:hover{background:#ebebeb}.cb-code{font-family:monospace;font-size:11px;padding:12px;overflow-x:auto;white-space:pre;line-height:1.7}.footer-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:.5px solid rgba(0,0,0,.1);font-size:10px;color:#888;margin-top:4px}.refresh-btn{font-size:11px;padding:5px 14px;border:.5px solid rgba(0,0,0,.2);border-radius:6px;background:#fff;cursor:pointer}.refresh-btn:hover{background:#f5f5f3}