:root{--bg:#0b1220;--panel:#111a2e;--panel-2:#0e1526;--line:#ffffff1a;--line-strong:#ffffff2e;--txt:#f4f7ff;--muted:#93a1c0;--muted-2:#6d7c9c;--zone:#16a34a;--zone-soft:#16a34a29;--zone-line:#16a34a80;--radius:20px;--shadow:0 18px 44px -18px #000000b3;--deck-a:#0b1220db;--deck-b:#0b1220f5;--meter-track:#ffffff14;--body-glow:#5078ff1a;font-synthesis-weight:none}:root[data-theme=light]{--bg:#eef1f7;--panel:#fff;--panel-2:#f4f7fc;--line:#0f172a1a;--line-strong:#0f172a2b;--txt:#101728;--muted:#55617a;--muted-2:#7c889f;--shadow:0 18px 44px -20px #0f172a4d;--deck-a:#ffffffd1;--deck-b:#fffffff0;--meter-track:#0f172a1a;--body-glow:#5078ff1f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%, var(--body-glow), transparent 60%), var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;padding-bottom:56px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45;transition:background-color .3s,color .3s}.wrap{max-width:520px;margin:0 auto;padding:0 16px}header{padding:20px 0 6px}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--line-strong);background:var(--panel);width:38px;height:38px;color:var(--txt);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:17px;line-height:1;transition:background .2s,border-color .2s,transform 50ms;display:flex}.theme-toggle:active{background:var(--panel-2);transform:scale(.92)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-block}h1{letter-spacing:-.02em;margin:12px 0 4px;font-size:23px;line-height:1.15}.sub{color:var(--muted);margin:0;font-size:13.5px}.deck{background:linear-gradient(180deg, var(--deck-a), var(--deck-b));-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:16px;padding:16px 15px 18px;position:relative}.readout{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.readout .temp{align-items:baseline;gap:2px;line-height:1;display:flex}.readout .val{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:800}.readout .deg{color:var(--muted);margin-left:2px;font-size:22px;font-weight:700}.readout .whichtemp{color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px}.zone-chip{background:var(--zone-soft);border:1px solid var(--zone-line);color:var(--txt);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:700;transition:background .25s,border-color .25s;display:inline-flex}.zone-dot{background:var(--zone);width:9px;height:9px;box-shadow:0 0 10px var(--zone);border-radius:50%}.slider-row{align-items:center;gap:12px;margin-top:16px;display:flex}.step{border:1px solid var(--line-strong);background:var(--panel);width:44px;height:44px;color:var(--txt);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:600;transition:transform 50ms,background .2s;display:flex}.step:active{background:var(--panel-2);transform:scale(.92)}.slider-shell{flex:auto;padding:2px 0;position:relative}.track{pointer-events:none;background:linear-gradient(90deg,#1e40af 0%,#2563eb 17%,#0ea5e9 33%,#16a34a 50% 62%,#f59e0b 78%,#ea580c 90%,#dc2626 100%);border-radius:999px;height:12px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff1f}input[type=range]{appearance:none;z-index:2;cursor:pointer;background:0 0;width:100%;height:34px;margin:0;position:relative}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--zone);background:#fff;border-radius:50%;width:30px;height:30px;transition:border-color .2s;box-shadow:0 3px 10px #0000008c}input[type=range]::-moz-range-thumb{border:3px solid var(--zone);background:#fff;border-radius:50%;width:28px;height:28px;box-shadow:0 3px 10px #0000008c}.scaleticks{justify-content:space-between;margin-top:6px;padding:0 2px;display:flex}.scaleticks span{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:10.5px}.mods{gap:9px;margin-top:15px;display:flex}.mod{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:13px;flex:1;align-items:center;gap:9px;padding:10px 11px;transition:border-color .2s,background .2s;display:flex}.mod .ic{font-size:17px;line-height:1}.mod .mlabel{font-size:12px;font-weight:600}.mod .msub{color:var(--muted-2);font-size:10.5px}.mod[aria-pressed=true]{border-color:var(--zone);background:var(--zone-soft)}.mod .txtcol{flex-direction:column;line-height:1.25;display:flex}.eff-note{color:var(--muted);text-align:center;min-height:15px;margin-top:11px;font-size:11.5px;transition:opacity .2s}.eff-note b{color:var(--txt)}.live{justify-content:flex-start;min-height:18px;margin-top:12px;display:flex}.live-btn,.live-status{color:var(--muted);font-size:12px;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:7px;margin:0;padding:0;line-height:1.3;display:inline-flex}.live-btn{cursor:pointer;font-weight:500}.live-btn:hover{color:var(--txt)}.licon{flex:none;width:14px;height:14px}.live-active{cursor:pointer;color:var(--muted)}.live-active:hover{color:var(--txt)}.live-active .place{color:var(--txt);font-weight:700}.live-active .lt{color:var(--muted)}.live-dot{background:var(--zone);width:7px;height:7px;box-shadow:0 0 8px var(--zone);border-radius:50%;flex:none}.live-muted{color:var(--muted-2)}.live-spinner{border:2px solid var(--line-strong);border-top-color:var(--muted);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite live-spin}@keyframes live-spin{to{transform:rotate(360deg)}}.live-hint{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:12px;font-size:12px;display:flex}.live-hint .apply{border:1px solid var(--zone-line);background:var(--zone-soft);color:var(--txt);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700;transition:background .2s,border-color .2s}.live-hint .apply:active{transform:scale(.95)}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--zone-soft),transparent 60%),var(--panel);margin-top:14px;padding:18px 16px;transition:background .3s;position:relative;overflow:hidden}.card .bartop{background:var(--zone);height:4px;transition:background .3s;position:absolute;top:0;left:0;right:0}.band-name{letter-spacing:-.01em;align-items:center;gap:9px;margin:4px 0 2px;font-size:19px;font-weight:800;display:flex}.band-emoji{font-size:20px}.band-state{color:var(--muted);margin:0 0 12px;font-size:13px}.plain{color:var(--txt);background:var(--zone-soft);border-left:3px solid var(--zone);border-radius:10px;margin:0 0 16px;padding:11px 13px;font-size:14px;line-height:1.45;transition:background .3s,border-color .3s}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.stat{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;padding:11px 12px}.stat .k{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-size:10.5px}.stat .v{font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:3px;font-size:19px;font-weight:800}.stat .v small{color:var(--muted);letter-spacing:0;font-size:11px;font-weight:600}.meter-wrap{margin-bottom:16px}.meter-top{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.meter-top .lab{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);font-size:11px}.meter-top .risk{color:var(--zone);font-size:12.5px;font-weight:700}.meter{background:var(--meter-track);border-radius:999px;height:18px;position:relative;overflow:hidden}.meter .fill{background:var(--zone);border-radius:999px;width:50%;height:100%;transition:width .35s cubic-bezier(.2,.7,.2,1),background .3s}.proto-h{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:2px 0 10px;font-size:12px;font-weight:700}ol.steps{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}ol.steps li{align-items:flex-start;gap:11px;font-size:14px;display:flex}ol.steps .n{background:var(--zone-soft);border:1px solid var(--zone-line);width:23px;height:23px;color:var(--txt);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:700;display:flex}ol.steps b{color:#fff}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2);margin:26px 4px 10px;font-size:12px;font-weight:700}details{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-bottom:10px;overflow:hidden}details[open]{border-color:var(--line-strong)}summary{cursor:pointer;align-items:center;gap:11px;padding:15px;font-size:14.5px;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary .chev{color:var(--muted);margin-left:auto;font-size:13px;transition:transform .2s}details[open] summary .chev{transform:rotate(90deg)}summary .ic{font-size:17px}.details-body{padding:0 15px 16px}.grid-scale{flex-direction:column;gap:8px;display:flex}.row{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;border-radius:12px;grid-template-columns:74px 1fr auto;align-items:center;gap:11px;padding:10px 11px;transition:border-color .2s,box-shadow .2s;display:grid}.row.active{border-color:var(--zone);box-shadow:0 0 0 1px var(--zone-line), 0 0 22px -6px var(--zone)}.row .rt{text-align:center;color:#fff;border-radius:9px;padding:8px 4px;font-size:12.5px;font-weight:800;line-height:1.15}.row .rname{font-size:13px;font-weight:700}.row .rdesc{color:var(--muted);margin-top:1px;font-size:11.5px}.row .rtime{text-align:right}.row .rtime b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13.5px}.row .rtime span{color:var(--muted-2);text-transform:uppercase;letter-spacing:.05em;font-size:9.5px;display:block}.why{border:1px solid var(--line);border-radius:13px;margin-bottom:11px;padding:13px 14px}.why.cold{background:linear-gradient(#2563eb1f,#0000);border-color:#2563eb59}.why.hot{background:linear-gradient(#dc26261f,#0000);border-color:#dc262659}.why h4{align-items:center;gap:8px;margin:0 0 9px;font-size:14px;display:flex}.why dl{flex-direction:column;gap:7px;margin:0;display:flex}.why dt{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);font-size:11px;font-weight:700}.why dd{color:var(--txt);margin:0 0 2px;font-size:13px}.why dd em{color:var(--muted);font-style:normal}ul.tips{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}ul.tips li{color:var(--txt);padding-left:16px;font-size:13.5px;position:relative}ul.tips li:before{content:"";background:var(--zone);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}ul.tips b{margin-bottom:1px;display:block}footer{text-align:center;color:var(--muted-2);margin:26px 0 6px;padding:0 8px;font-size:11px;line-height:1.6}@media (max-width:360px){.readout .val{font-size:44px}.stats{grid-template-columns:1fr 1fr}}