:root{--bg: #0f1115;--panel: #222732;--line: #3a4250;--ink: #e6e8ee;--dim: #bcc2cc;--rain: #3b7dd8;--heat: #d62728;--uv: #8e44ad;--wind: #8a8f98;--slot: #2e3440;--chip: #232936;--accent: #2f6b34;--best: #2dd4bf;--best-bg: rgba(45, 212, 191, .15)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.shell{max-width:1120px;margin:0 auto;padding:0 16px 48px}.shell.png{max-width:840px;padding:16px}.shell.png .layout{display:block}.shell.png .gridscroll{overflow:visible}header{padding:20px 0 6px}h1{font-size:clamp(18px,4.5vw,22px);margin:0}.sub{color:var(--dim);font-size:13px;margin-top:3px}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;align-items:center}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{background:var(--panel);color:var(--ink);border:0;padding:8px 14px;font:inherit;cursor:pointer;min-height:38px}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.muted{color:var(--dim);font-size:13px}.layout{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media(min-width:820px){.layout{grid-template-columns:minmax(0,1fr) 290px}}.layout>div{min-width:0}.gridscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#586278 var(--chip)}.gridscroll::-webkit-scrollbar{height:9px;-webkit-appearance:none}.gridscroll::-webkit-scrollbar-track{background:var(--chip);border-radius:6px}.gridscroll::-webkit-scrollbar-thumb{background:#4a5468;border-radius:6px}table.grid{border-collapse:separate;border-spacing:0}table.grid th,table.grid td{padding:0;text-align:center}table.grid td{border-top:2px solid transparent}.axis,.axis-h{width:6px;padding:0}table.grid thead th{font-size:11px;color:#c7ccd5;font-weight:700;padding:2px;line-height:1.1}table.grid tbody th{font-size:11px;color:#c7ccd5;font-weight:700;padding:0 8px 0 0;white-space:nowrap}.slot{width:40px;height:28px;display:grid;place-items:center;position:relative;border-radius:4px;background:transparent;padding:0;margin:0 2px}button.slot{cursor:pointer;color:inherit;font:inherit;border:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none}button.slot:hover{background:#ffffff12}button.slot:focus-visible{outline:2px solid #4dabf7;outline-offset:1px}button.slot.sel{box-shadow:0 0 0 2px #4dabf7}.slot.nodata{background:repeating-linear-gradient(45deg,#232936,#232936 3px,#323a49 3px,#323a49 6px);margin:0;width:100%;border-radius:0}.fill{border-radius:3px;transition:width .12s,height .12s;pointer-events:none}.gate{font-size:21px;font-weight:700;line-height:1;pointer-events:none}table.grid td.bw{background:var(--best-bg);border-top:0;padding-top:2px;box-shadow:inset 2px 0 0 var(--best),inset -2px 0 0 var(--best)}table.grid td.bw-top{box-shadow:inset 2px 0 0 var(--best),inset -2px 0 0 var(--best),inset 0 2px 0 var(--best);border-top-left-radius:7px;border-top-right-radius:7px}table.grid td.bw-bot{box-shadow:inset 2px 0 0 var(--best),inset -2px 0 0 var(--best),inset 0 -2px 0 var(--best);border-bottom-left-radius:7px;border-bottom-right-radius:7px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.panel+.panel{margin-top:16px}.panel h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);margin:0 0 8px}.kv{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px solid var(--line)}.kv:last-child{border:0}.kv span:first-child{color:var(--dim)}.badge{display:inline-block;background:var(--accent);color:#fff;border-radius:6px;padding:1px 7px;font-size:12px}.summary{font-weight:600;margin:8px 0 2px}.sect{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--dim);margin:13px 0 3px}.headline{display:flex;gap:14px;margin:6px 0 2px}.headline div{flex:1}.headline .n{font-size:20px;font-weight:700}.headline .l{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.03em}.distbar{display:flex;height:16px;border-radius:4px;overflow:hidden;margin:5px 0;background:var(--slot)}.distbar span{display:block;height:100%}.distleg{display:flex;flex-wrap:wrap;gap:5px 11px;font-size:11px;color:var(--dim)}.distleg i{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:-1px;margin-right:3px}.lad{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:12px}.lad>span:first-child{color:var(--dim);width:100px;flex:none}.lad .bar{flex:1;height:7px;background:var(--slot);border-radius:4px;overflow:hidden}.lad .bar b{display:block;height:100%;background:#4dabf7;border-radius:4px}.lad>span:last-child{width:32px;text-align:right}.best{margin-top:16px}.best ol{margin:0;padding:0}.best li{list-style:none;border-bottom:1px solid var(--line)}.best li:last-child{border:0}.bestrow{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;background:none;border:0;color:inherit;font:inherit;padding:8px;cursor:pointer;text-align:left;border-radius:7px}.bestrow:hover{background:#ffffff0f}.bestrow:hover span:first-child{color:var(--ink)}.bestpct{display:inline-flex;align-items:center;gap:8px}.chev{color:var(--dim);font-size:18px;line-height:1}.bestrow:hover .chev{color:var(--ink)}.alerts li{list-style:none;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}.alerts li:last-child{border:0}.legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--dim);font-size:12px;margin-top:12px;align-items:center}.swatch-grad{width:70px;height:12px;border-radius:3px;display:inline-block;vertical-align:-1px;background:linear-gradient(90deg,#a50026,#ffffbf,#006837)}.size-demo i{background:#66bb6a;display:inline-block;vertical-align:-2px;margin:0 1px;border-radius:2px}.howto{margin-top:18px;max-width:760px}.howto h3{font-size:14px;margin:16px 0 6px}.howto p,.howto li{color:#d3d8e0;font-size:13.5px;line-height:1.55}.howto b{color:var(--ink);font-weight:600}.howto ul{margin:6px 0;padding-left:18px}.howto details{border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin-top:10px}.howto summary{cursor:pointer;color:var(--ink);font-weight:600;font-size:14px}.explainer{font-size:15px;color:var(--ink);margin:12px 0 4px;max-width:760px;line-height:1.5}.explainer b{color:#fff}.explainer ul{margin:5px 0 0;padding-left:20px}.explainer li{margin:3px 0}.detail-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.detail-top .when{flex:1;font-size:19px;font-weight:700}.detail-top .nav,.detail-top .close{background:var(--slot);border:1px solid var(--line);color:var(--ink);border-radius:7px;width:32px;height:32px;cursor:pointer;font-size:14px;display:grid;place-items:center;flex:none}.detail-top .nav:disabled{opacity:.35;cursor:default}.detail-top .nav:hover:not(:disabled),.detail-top .close:hover{background:#3a4250}.swatch-day{width:56px;height:12px;border-radius:3px;display:inline-block;vertical-align:-1px;background:linear-gradient(90deg,#2a3152,#e08a40,#ffdb96)}.swatch-best{display:inline-block;width:13px;height:13px;border-radius:3px;vertical-align:-2px;border:2px solid var(--best);background:var(--best-bg)}@media(max-width:819px){.detailwrap:not(.open){display:none}.detailwrap.open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;background:var(--bg);padding:12px}}