:root{--bg-day: linear-gradient(160deg, #dbeafe 0%, #f0f9ff 55%, #fef9c3 100%);--bg-night: linear-gradient(160deg, #0f172a 0%, #1e293b 60%, #312e81 100%);--card: rgba(255, 255, 255, .78);--card-border: rgba(15, 23, 42, .08);--text: #0f172a;--muted: #64748b;--accent: #f97316;--rain: #3b82f6;--hi: #ef4444;--lo: #3b82f6;--good: #16a34a;--fair: #ca8a04;--bad: #dc2626;--wind-mean: #2a78d6;--wind-gust: #eb6834;--rose-0: #86b6ef;--rose-1: #5598e7;--rose-2: #2a78d6;--rose-3: #1c5cab;--rose-4: #104281;font-family:Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;color:var(--text)}.is-night{--card: rgba(30, 41, 59, .75);--card-border: rgba(255, 255, 255, .08);--text: #f1f5f9;--muted: #94a3b8;--accent: #fb923c;--rain: #60a5fa;--hi: #f87171;--lo: #60a5fa;--good: #4ade80;--fair: #facc15;--bad: #f87171;--wind-mean: #3987e5;--wind-gust: #d95926;--rose-0: #184f95;--rose-1: #256abf;--rose-2: #3987e5;--rose-3: #6da7ec;--rose-4: #9ec5f4}*{box-sizing:border-box}body{margin:0;background:#0f172a}.app{min-height:100vh;padding:24px 16px 40px;color:var(--text);background:var(--bg-day);background-attachment:fixed}.app.is-night{background:var(--bg-night);background-attachment:fixed}.header,.grid,.footer,.error,.loading{max-width:1040px;margin-left:auto;margin-right:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}h1{margin:0;font-size:1.75rem}h2{margin:0 0 14px;font-size:1rem;color:var(--muted);font-weight:600}.subtitle{margin:4px 0 0;color:var(--muted);font-size:.875rem}.refresh{border:1px solid var(--card-border);background:var(--card);color:var(--text);padding:8px 16px;border-radius:999px;font-size:.875rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.refresh:disabled{opacity:.6;cursor:default}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px}.grid>.card:nth-child(n+3){grid-column:1 / -1}@media (max-width: 760px){.grid{grid-template-columns:minmax(0,1fr)}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0f172a14}.current{display:flex;flex-direction:column;justify-content:space-between;gap:20px}.current-main{display:flex;align-items:center;gap:16px}.current-icon{font-size:4.5rem;line-height:1}.current-temp{font-size:3.5rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.current-temp .unit{font-size:1.5rem;font-weight:500;margin-left:2px;color:var(--muted)}.current-label{margin-top:6px;font-size:1.125rem}.current-sub{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.current-sub dt{font-size:.75rem;color:var(--muted)}.current-sub dd{margin:2px 0 0;font-size:1.25rem;font-weight:600}.hi{color:var(--hi)}.lo{color:var(--lo)}.details{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}.detail{padding:12px;border-radius:14px;background:#7f7f7f14}.detail-label{font-size:.75rem;color:var(--muted)}.detail-value{margin-top:4px;font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums}.detail-note{margin-top:2px;font-size:.75rem;color:var(--muted)}.tone-good{color:var(--good)}.tone-fair{color:var(--fair)}.tone-bad{color:var(--bad)}.hourly-scroll{overflow-x:auto;margin:0 -8px;padding:0 8px 4px}.hourly{display:block}.hourly text{text-anchor:middle;fill:var(--text)}.axis-label{font-size:12px;fill:var(--muted)!important}.hour-icon{font-size:20px}.temp-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}.temp-fill-top{stop-color:var(--accent);stop-opacity:.25}.temp-fill-bottom{stop-color:var(--accent);stop-opacity:0}.temp-dot{fill:var(--accent)}.temp-label{font-size:13px;font-weight:600}.pop-bar{fill:var(--rain);opacity:.75}.pop-label{font-size:11px;fill:var(--rain)!important}.legend{display:flex;gap:16px;margin-top:8px;font-size:.75rem;color:var(--muted)}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.swatch-temp{background:var(--accent)}.swatch-pop{background:var(--rain)}.daily{list-style:none;margin:0;padding:0}.daily-row{display:grid;grid-template-columns:5.5em 2.5em 5.5em minmax(0,1fr) 8em;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--card-border);font-variant-numeric:tabular-nums}.daily-row:first-child{border-top:none}.daily-day{font-weight:600}.daily-icon{font-size:1.5rem;text-align:center}.daily-pop,.daily-extra{font-size:.875rem;color:var(--rain);display:flex;flex-direction:column}.daily-extra{color:var(--muted);text-align:right}.daily-pop small,.daily-extra small{color:var(--muted);font-size:.75rem}.daily-temps{display:flex;align-items:center;gap:10px}.daily-temps .lo,.daily-temps .hi{width:2.5em;font-weight:600}.daily-temps .lo{text-align:right}.range{position:relative;flex:1;height:6px;border-radius:999px;background:#7f7f7f2e}.range-fill{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--lo),var(--accent),var(--hi))}@media (max-width: 560px){.daily-row{grid-template-columns:4.5em 2em 4.5em minmax(0,1fr);gap:8px}.daily-extra{display:none}}.error{margin-bottom:16px;padding:12px 16px;border-radius:12px;background:#dc26261f;color:var(--bad)}.loading{padding:60px 0;text-align:center;color:var(--muted)}.tabs{max-width:1040px;margin:-4px auto 16px}.tabs-pill{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tabs a{padding:6px 20px;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:600;font-size:.9375rem}.tabs a[aria-current=page]{background:var(--text);color:var(--card)}.detail-link{display:inline-block;margin-top:4px;font-size:.75rem;color:var(--wind-mean);text-decoration:none;font-weight:600}.muted{color:var(--muted)}.hint{margin:-6px 0 10px;font-size:.75rem;color:var(--muted)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2{margin:0}.wind-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;max-width:1040px;margin:0 auto}.wind-grid>.wind-now,.wind-grid>.card:nth-child(2),.wind-note{grid-column:1 / -1}@media (max-width: 900px){.wind-grid{grid-template-columns:minmax(0,1fr)}}.wind-now{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.compass{flex-shrink:0;margin:0 auto}.compass-ring{fill:#7f7f7f0f;stroke:var(--card-border);stroke-width:2}.compass-tick{stroke:var(--muted);stroke-width:1.5}.compass-label{fill:var(--muted);font-size:13px;font-weight:600;text-anchor:middle;dominant-baseline:central}.compass-needle line{stroke:var(--wind-mean);stroke-width:4;stroke-linecap:round}.compass-needle path,.compass-needle circle{fill:var(--wind-mean)}.compass-hub{fill:var(--card);stroke:var(--card-border)}.compass-speed{fill:var(--text);font-size:22px;font-weight:700;text-anchor:middle}.compass-unit{fill:var(--muted);font-size:11px;text-anchor:middle}.wind-now-body{flex:1;min-width:260px}.wind-now-dir{font-size:1.75rem;font-weight:700}.wind-now-dir .muted{font-size:1rem;font-weight:500}.wind-now-bf{margin-top:4px;color:var(--muted)}.wind-warn{display:inline-block;margin-left:8px;color:var(--bad);font-size:.8125rem;font-weight:600}td .wind-warn{display:block;margin-left:0}.wind-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:16px 0 0}.wind-stats div{padding:10px 12px;border-radius:12px;background:#7f7f7f14}.wind-stats dt{font-size:.75rem;color:var(--muted)}.wind-stats dd{margin:2px 0 0;font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.wind-stats small{font-size:.75rem;color:var(--muted);font-weight:500}.wind-chart-wrap{position:relative}.wind-chart{display:block;touch-action:pan-x}.wind-chart text{fill:var(--text)}.grid-line{stroke:var(--card-border);stroke-width:1}.y-label{font-size:11px;fill:var(--muted)!important;text-anchor:end;dominant-baseline:central}.wind-chart .axis-label{text-anchor:middle}.wind-chart .axis-label.is-active{fill:var(--text)!important;font-weight:700}.series-mean,.series-gust{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.series-mean{stroke:var(--wind-mean)}.series-gust{stroke:var(--wind-gust)}.end-label{font-size:11px;fill:var(--muted)!important;dominant-baseline:central}.dot-mean,.dot-gust{stroke:var(--card);stroke-width:2}.dot-mean{fill:var(--wind-mean)}.dot-gust{fill:var(--wind-gust)}.crosshair{stroke:var(--muted);stroke-width:1}.now-line{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.now-label{font-size:10px;fill:var(--muted)!important;text-anchor:middle}.dir-arrow{fill:var(--muted)}.chart-tooltip{position:absolute;top:8px;transform:translate(14px);min-width:170px;padding:10px 12px;border-radius:12px;background:var(--card);border:1px solid var(--card-border);box-shadow:0 8px 24px #0f172a29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.8125rem;pointer-events:none;white-space:nowrap}.chart-tooltip.flip{transform:translate(calc(-100% - 14px))}.tt-title{font-weight:700;margin-bottom:4px}.tt-row{margin-top:2px}.swatch-mean{background:var(--wind-mean)}.swatch-gust{background:var(--wind-gust)}.swatch-mean-dot{background:var(--card);border:2px solid var(--text);border-radius:50%}.legend{flex-wrap:wrap}.legend-arrow{margin-right:4px;font-weight:700}.table-scroll{overflow-x:auto}.wind-table{width:100%;border-collapse:collapse;font-size:.875rem;font-variant-numeric:tabular-nums}.wind-table th{text-align:left;font-size:.75rem;font-weight:600;color:var(--muted);padding:6px 8px;white-space:nowrap}.wind-table td{padding:9px 8px;border-top:1px solid var(--card-border);white-space:nowrap}.wind-table .num{text-align:right}.wind-table td.num{font-weight:600}.wind-table tbody tr{cursor:pointer}.wind-table tbody tr:hover{background:#7f7f7f0f}.wind-table tbody tr.is-selected{background:#2a78d61f}.wind-table tbody tr.is-selected .day{color:var(--wind-mean)}.wind-table .day{font-weight:700}.dir-cell{display:inline-flex;align-items:center;gap:4px}.wind-arrow path{fill:var(--text)}.bar-col{width:30%;min-width:90px}.wind-bar{position:relative;height:8px;border-radius:999px;background:#7f7f7f24}.wind-bar-max{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--wind-mean)}.wind-bar-mean,.wind-bar-gust{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}.wind-bar-mean{background:var(--card);border:2px solid var(--text)}.wind-bar-gust{width:4px;height:16px;border-radius:2px;background:var(--wind-gust)}@media (max-width: 560px){.bar-col{display:none}}.segmented{display:inline-flex;padding:3px;border-radius:999px;background:#7f7f7f1f}.segmented button{border:none;background:transparent;color:var(--muted);padding:4px 12px;border-radius:999px;font-size:.8125rem;font-weight:600;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0f172a26}.rose-layout{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.rose{flex-shrink:0;max-width:100%;height:auto}.rose-ring{fill:none;stroke:var(--card-border)}.rose-ring-label{font-size:10px;fill:var(--muted);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:var(--card);stroke-width:3px}.rose-hit{fill:transparent}.rose-bin{stroke:var(--card);stroke-width:1}.rose-sector{transition:opacity .15s}.rose-sector.is-dim{opacity:.35}.rose-bin-0,.rose-swatch-0{fill:var(--rose-0);background:var(--rose-0)}.rose-bin-1,.rose-swatch-1{fill:var(--rose-1);background:var(--rose-1)}.rose-bin-2,.rose-swatch-2{fill:var(--rose-2);background:var(--rose-2)}.rose-bin-3,.rose-swatch-3{fill:var(--rose-3);background:var(--rose-3)}.rose-bin-4,.rose-swatch-4{fill:var(--rose-4);background:var(--rose-4)}.rose-side{flex:1;min-width:170px}.rose-detail-title{font-weight:700;font-size:1.0625rem;margin-bottom:8px}.rose-detail-title .muted{font-size:.8125rem;font-weight:500}.rose-table{width:100%;border-collapse:collapse;font-size:.8125rem;font-variant-numeric:tabular-nums}.rose-table td{padding:4px 0;border-top:1px solid var(--card-border)}.rose-table .num{text-align:right;font-weight:600}.rose-side .hint{margin:8px 0 0}.wind-note{margin:0;font-size:.75rem;line-height:1.7;color:var(--muted)}.footer{margin-top:24px;text-align:center;font-size:.75rem;color:var(--muted)}.footer a{color:inherit}