*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0f0d;--bg2:#111a15;--bg3:#172014;--border:#1e3024;--text:#e8f0ea;--muted:#6b8a72;--amber:#f5a623;--zh:#3ecfff;--good:#5be49b;--bad:#ff6b6b;--solar:#f5c842;--bat:#5be49b;--radius:12px;--mono:"Space Mono", monospace;--body:"DM Sans", sans-serif}html,body,#app{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);font-size:15px;line-height:1.5}body{background-image:radial-gradient(at 20% 0,#0d2b1a 0%,#0000 50%),radial-gradient(at 80% 100%,#0a1f2e 0%,#0000 50%);min-height:100vh}.app{flex-direction:column;height:100%;display:flex}.tab-content{flex:1;overflow:hidden auto}.screen{max-width:640px;padding:16px 14px calc(88px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0f0ded;justify-content:center;align-items:center;gap:8px;padding:14px 20px;display:flex;position:sticky;top:0}.logo-bolt{filter:drop-shadow(0 0 8px #f5c84288);font-size:22px}.logo-text{font-family:var(--mono);letter-spacing:-.5px;font-size:18px;font-weight:700}.tab-bar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;background:#070b09f7;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-btn{color:var(--muted);cursor:pointer;font-size:10px;font-family:var(--mono);letter-spacing:1px;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;transition:color .2s;display:flex}.tab-btn.active{color:var(--zh)}.tab-icon{font-size:20px;line-height:1}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 60%);position:absolute;inset:0}.card-label{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:10px}.hero{text-align:center;padding:22px 16px 16px}.hero-eyebrow{font-size:11px;font-family:var(--mono);letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.hero-num{font-family:var(--mono);letter-spacing:-2px;font-size:54px;font-weight:700;line-height:1}.hero-num.amber{color:var(--amber);text-shadow:0 0 40px #f5a6234d}.hero-num.zh{color:var(--zh);text-shadow:0 0 40px #3ecfff47}.hero-num.neutral{color:var(--muted)}.hero-sub{color:var(--muted);margin-top:8px;font-size:13px}.hero-slot{background:var(--bg3);border:1px solid var(--border);font-size:11px;font-family:var(--mono);border-radius:20px;margin-top:12px;padding:5px 14px;display:inline-block}.hero-slot.free{border-color:var(--good);color:var(--good)}.hero-slot.peak{border-color:var(--bad);color:var(--bad)}.hero-slot.shoulder{color:var(--solar);border-color:#f5c84255}.ui-tooltip-wrap{cursor:pointer;color:var(--muted);margin-left:6px;display:inline-flex;position:relative}.ui-tooltip-wrap:hover{color:var(--text)}.ui-tooltip-text{visibility:hidden;background-color:var(--bg3);width:220px;color:var(--text);text-align:center;z-index:100;opacity:0;font-family:var(--body);border:1px solid var(--border);pointer-events:none;text-transform:none;letter-spacing:normal;border-radius:8px;margin-left:-110px;padding:10px;font-size:11px;font-weight:400;line-height:1.4;transition:opacity .2s,bottom .2s;position:absolute;bottom:150%;left:50%;box-shadow:0 8px 24px #0009}.ui-tooltip-wrap:hover .ui-tooltip-text,.ui-tooltip-wrap:active .ui-tooltip-text{visibility:visible;opacity:1;bottom:125%}.ui-tooltip-text:after{content:"";border-style:solid;border-width:5px;border-color:var(--border) transparent transparent transparent;margin-left:-5px;position:absolute;top:100%;left:50%}.home-top-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:4px;padding:0;position:relative;overflow:hidden}.home-top-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 60%);position:absolute;inset:0}.home-top-main{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 12px;display:flex}.home-top-col{flex-direction:column;gap:3px;display:flex}.home-top-col.right{text-align:right;align-items:flex-end}.home-top-label{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:10px;line-height:1}.home-top-name{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700;line-height:1.2}.home-top-rate{font-family:var(--mono);color:var(--muted);letter-spacing:.3px;font-size:10px}.home-top-slot{font-family:var(--mono);font-size:12px;font-weight:700;line-height:1.2}.home-top-slot.free{color:var(--good)}.home-top-slot.peak{color:var(--bad)}.home-top-slot.shoulder{color:var(--solar)}.home-top-slot.offpeak{color:var(--muted)}.home-top-wx{border-top:1px solid var(--border);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px 10px;font-size:9px;display:flex}.home-top-wx-sep{color:var(--border);-webkit-user-select:none;user-select:none;font-size:9px}.home-top-wx-temp{color:var(--text);font-size:11px}.home-top-donate{border-top:1px solid var(--border);font-family:var(--mono);color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;padding:7px 16px 9px;font-size:9px;display:flex}.home-top-donate a{color:#ffd84d;font-family:var(--mono);background:#ffd84d1f;border:1px solid #ffd84d4d;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.home-top-donate a:hover{background:#ffd84d38;border-color:#ffd84d80}.cost-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cost-card{background:var(--bg3);border:1px solid var(--border);text-align:center;border-radius:10px;padding:14px 12px;transition:border-color .3s;position:relative}.cost-card.win{border-color:var(--accent)}.cost-card.win:after{content:"";background:linear-gradient(135deg, var(--accent) 0%, transparent 60%);opacity:.07;pointer-events:none;border-radius:11px;position:absolute;inset:-1px}.cost-name{color:var(--muted);font-size:10px;font-family:var(--mono);letter-spacing:.5px;margin-bottom:6px}.cost-val{font-family:var(--mono);font-size:26px;font-weight:700;line-height:1}.cost-sub{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5}.win-chip{background:var(--accent);color:#000;font-family:var(--mono);letter-spacing:1px;white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:8px;font-weight:700;position:absolute;top:-9px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cost-card.win .cost-val{animation:3s ease-in-out infinite pulse}.zh-rows{flex-direction:column;gap:7px;display:flex}.zh-row{background:var(--bg3);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.zh-row.g{border-color:#5be49b44}.zh-row.b{border-color:#ff6b6b44}.zh-lbl{color:var(--muted)}.zh-val{font-family:var(--mono);font-size:12px}.zh-row.g .zh-val{color:var(--good)}.zh-row.b .zh-val{color:var(--bad)}.warn-box{background:#1e1200;border:1px solid #f5a62344;border-radius:10px;margin-bottom:10px;padding:12px 14px;font-size:12px}.warn-box strong{color:var(--amber);font-family:var(--mono);letter-spacing:1px;margin-bottom:4px;font-size:10px;display:block}.warn-box p{color:var(--muted);line-height:1.6}.warn-box a{color:var(--amber)}.err-box{color:var(--bad);background:#1e0000;border:1px solid #ff6b6b44;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:12px}.info-box{color:var(--zh);background:#00151f;border:1px solid #3ecfff33;border-radius:8px;padding:8px 12px;font-size:12px}.hist-leaderboard{background:var(--bg3);border:1px solid var(--border);border-radius:10px;overflow:hidden}.hist-lb-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.hist-lb-row:last-child{border-bottom:none}.hist-lb-name{font-family:var(--mono);letter-spacing:.04em;font-size:12px;font-weight:700}.hist-lb-wins{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:12px}.hist-lb-wins span{color:var(--text);margin-right:3px;font-size:14px;font-weight:700}.hist-lb-savings{font-family:var(--mono);text-align:right;white-space:nowrap;min-width:64px;font-size:13px;font-weight:700}.stat-box{background:var(--bg3);border:1px solid var(--border);text-align:center;border-radius:10px;padding:13px 8px}.stat-val{font-family:var(--mono);font-size:22px;font-weight:700;line-height:1}.stat-lbl{color:var(--muted);font-size:10px;font-family:var(--mono);margin-top:5px}.filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-btn{font-family:var(--mono);letter-spacing:.5px;border:1px solid var(--border);background:var(--bg3);color:var(--muted);cursor:pointer;border-radius:20px;padding:5px 11px;font-size:10px;transition:all .2s}.filter-btn:hover{border-color:var(--muted);color:var(--text)}.filter-btn.fa-days{border-color:var(--zh);color:var(--zh);background:#061a24}.filter-btn.fa-amber{border-color:var(--amber);color:var(--amber);background:#1e0f00}.filter-btn.fa-zh{border-color:var(--zh);color:var(--zh);background:#061a24}.filter-btn.fa-all{border-color:var(--muted);color:var(--text);background:var(--bg2)}.f-sep{background:var(--border);flex-shrink:0;width:1px;height:20px}.chart-outer{margin:0 -2px;padding-bottom:2px;overflow-x:auto}.chart{align-items:flex-end;gap:5px;min-height:106px;padding:4px 4px 0;display:flex}.bar-day{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.bar-pair{align-items:flex-end;gap:2px;height:90px;display:flex}.bar{opacity:.6;border-radius:3px 3px 0 0;width:13px;min-height:2px;transition:height .3s}.bar.win{opacity:1}.bar.ab{background:var(--amber)}.bar.zb{background:var(--zh)}.bar-lbl{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:8px}.day-rows{flex-direction:column;gap:6px;display:flex}.day-row{background:var(--bg3);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px 8px 0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 12px;transition:border-color .2s;display:grid}.day-row:hover{border-color:var(--muted)}.day-row.open{border-color:var(--zh);border-bottom:none;border-radius:8px 8px 0 0}.day-detail{background:var(--bg2);border:1px solid var(--zh);border-top:none;border-radius:0 0 8px 8px;flex-direction:column;gap:8px;padding:14px 14px 12px;display:flex}.detail-heading{font-family:var(--mono);margin-bottom:4px;font-size:11px;font-weight:700}.detail-heading.zh{color:var(--zh)}.detail-heading.amber{color:var(--amber)}.detail-bullet{align-items:baseline;gap:8px;font-size:12px;line-height:1.5;display:flex}.detail-bullet .icon{flex-shrink:0;font-size:11px}.detail-bullet .icon.good{color:var(--good)}.detail-bullet .icon.bad{color:var(--bad)}.detail-bullet .icon.neu{color:var(--muted)}.detail-bullet .txt{color:var(--text)}.detail-bullet .txt em{color:var(--muted);font-style:normal}.detail-costs-row{font-family:var(--mono);gap:8px;margin-top:4px;font-size:10px;display:flex}.detail-cost-box{background:var(--bg3);border:1px solid var(--border);border-radius:6px;flex:1;padding:8px 10px}.detail-cost-box .dcb-label{color:var(--muted);margin-bottom:4px}.detail-cost-box .dcb-row{justify-content:space-between;gap:4px;margin-top:3px;display:flex}.detail-cost-box .dcb-total{border-top:1px solid var(--border);margin-top:6px;padding-top:5px;font-weight:700}.analysis-section{border-top:1px solid var(--border);margin-top:8px;padding-top:12px}.analysis-heading{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:10px}.analysis-step{background:var(--bg3);border:1px solid #f5c84233;border-radius:8px;margin-bottom:6px;padding:10px 12px}.analysis-step.summary-win{background:#061a24;border-color:#3ecfff44}.analysis-step.summary-lose{background:#1e0000;border-color:#ff6b6b33}.analysis-step.summary-neutral{background:#081a0d;border-color:#5be49b33}.as-action{font-family:var(--mono);color:var(--solar);align-items:baseline;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.as-action .as-num{color:var(--muted);font-size:10px}.as-detail{color:var(--muted);margin-bottom:6px;font-size:12px;line-height:1.55}.as-impact{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.as-saving{color:var(--good)}.as-result-win{color:var(--zh)}.as-result-lose{color:var(--bad)}.as-result-close{color:var(--solar)}.as-summary-line{font-family:var(--mono);font-size:12px;line-height:1.6}.as-approx{color:var(--muted);font-size:10px;font-family:var(--mono);margin-top:4px;font-style:italic}.day-date{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:11px}.day-costs{gap:14px;display:flex}.day-ci{flex-direction:column;align-items:center;gap:1px;display:flex}.day-cl{color:var(--muted);font-size:9px;font-family:var(--mono)}.day-cv{font-size:13px;font-family:var(--mono)}.day-delta{font-family:var(--mono);white-space:nowrap;font-size:11px}.day-delta.pos{color:var(--good)}.day-delta.neg{color:var(--bad)}.loading{color:var(--muted);font-family:var(--mono);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:50px 20px;font-size:13px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--zh);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.setup{text-align:center;max-width:340px;margin:70px auto;padding:0 20px}.setup-icon{margin-bottom:16px;font-size:52px}.setup h2{font-family:var(--mono);margin-bottom:12px;font-size:22px}.setup p{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.6}.settings-screen{max-width:560px;margin:0 auto;padding:10px 14px 88px}.settings-screen h2{font-family:var(--mono);margin-bottom:6px;font-size:18px}.s-note{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.6}.s-group{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2);margin-bottom:12px;padding:14px}.s-group legend{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:0 8px;font-size:10px}.s-group label{color:var(--muted);flex-direction:column;gap:5px;margin-top:12px;font-size:13px;display:flex}.s-group input,.s-group select{background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--mono);border-radius:8px;outline:none;width:100%;padding:9px 11px;font-size:12px;transition:border-color .2s}.s-group input:focus,.s-group select:focus{border-color:var(--zh)}.input-row{gap:8px;display:flex}.input-row input{flex:1}.tariff-preview{background:var(--bg3);border:1px solid var(--border);font-family:var(--mono);color:var(--muted);border-radius:8px;flex-direction:column;gap:3px;margin-top:10px;padding:10px;font-size:10px;display:flex}.btn-p{border:1px solid var(--good);width:100%;color:var(--good);font-family:var(--mono);border-radius:var(--radius);cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#1a4a2e,#0f3020);padding:13px;font-size:14px;transition:all .2s}.btn-p:hover{background:linear-gradient(135deg,#1f5a38,#143828)}.btn-s{background:var(--bg3);border:1px solid var(--border);color:var(--muted);font-family:var(--mono);cursor:pointer;white-space:nowrap;border-radius:8px;padding:9px 13px;font-size:11px;transition:all .2s}.btn-s:hover{border-color:var(--muted);color:var(--text)}.btn-s:disabled{opacity:.4;cursor:default}.disclaimer{color:var(--muted);text-align:center;padding:0 8px;font-size:11px;line-height:1.7}.compare-upload{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--bg2);padding:28px 20px;transition:border-color .2s,background .2s}.compare-upload:hover,.compare-upload:focus-visible,.compare-upload.drag{border-color:var(--zh);background:#001318;outline:none}.compare-upload:focus-visible{outline:2px solid var(--zh);outline-offset:2px}.compare-upload-icon{margin-bottom:8px;font-size:32px}.compare-upload-title{font-family:var(--mono);margin-bottom:4px;font-size:13px}.compare-upload-sub{color:var(--muted);font-size:11px}.compare-result-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.compare-winner{text-align:center;padding:20px 16px}.compare-winner-label{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px}.compare-winner-name{font-family:var(--mono);color:var(--good);margin-bottom:4px;font-size:24px;font-weight:700}.compare-winner-saving{color:var(--muted);font-size:13px}.compare-retailer-row{background:var(--bg3);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;display:flex}.compare-retailer-row.winner{border-color:var(--good)}.compare-retailer-row.current{border-color:var(--zh)}.crr-name{font-family:var(--mono);font-size:11px}.crr-cost{font-family:var(--mono);font-size:15px;font-weight:700}.crr-cost.win{color:var(--good)}.crr-cost.high{color:var(--bad)}.crr-badge{font-family:var(--mono);background:var(--good);color:#000;border-radius:8px;padding:2px 7px;font-size:8px;font-weight:700}.compare-day-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;font-size:12px;display:flex}.compare-day-row:last-child{border-bottom:none}.cdr-date{font-family:var(--mono);color:var(--muted);font-size:10px}.cdr-costs{gap:12px;display:flex}.cdr-item{flex-direction:column;align-items:center;gap:1px;display:flex}.cdr-label{color:var(--muted);font-size:8px;font-family:var(--mono)}.cdr-val{font-family:var(--mono);font-size:11px}.onboard{flex-direction:column;justify-content:flex-start;align-items:center;gap:0;height:100vh;padding:32px 20px 48px;display:flex;overflow-y:auto}.onboard-logo{filter:drop-shadow(0 0 16px #f5c84255);margin-bottom:8px;font-size:42px}.onboard-title{font-family:var(--mono);letter-spacing:-1px;margin-bottom:6px;font-size:26px;font-weight:700}.onboard-sub{color:var(--muted);text-align:center;margin-bottom:36px;font-size:13px}.onboard-step{width:100%;max-width:420px}.onboard-q{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px}.onboard-options{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.onboard-opt{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text);font-family:var(--body);align-items:center;gap:12px;padding:14px 16px;font-size:14px;transition:all .18s;display:flex}.onboard-opt:hover{border-color:var(--muted)}.onboard-opt.selected{border-color:var(--zh);background:#001318}.onboard-opt .opt-icon{flex-shrink:0;font-size:20px}.onboard-opt .opt-body{flex:1}.onboard-opt .opt-name{margin-bottom:2px;font-weight:600}.onboard-opt .opt-desc{color:var(--muted);font-size:11px}.onboard-opt .opt-check{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:all .15s;display:flex}.onboard-opt.selected .opt-check{background:var(--zh);border-color:var(--zh);color:#000}.onboard-select{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--mono);outline:none;margin-bottom:20px;padding:11px 13px;font-size:13px;transition:border-color .2s}.onboard-select:focus{border-color:var(--zh)}.onboard-back{color:var(--muted);font-family:var(--mono);cursor:pointer;letter-spacing:.5px;background:0 0;border:none;margin-bottom:20px;padding:0;font-size:11px}.onboard-back:hover{color:var(--text)}.onboard-progress{justify-content:center;gap:6px;margin-bottom:32px;display:flex}.onboard-dot{background:var(--border);border-radius:50%;width:6px;height:6px;transition:background .2s}.onboard-dot.active{background:var(--zh)}.onboard-dot.done{background:var(--good)}.now-card{border-radius:var(--radius);border:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;display:grid;overflow:hidden}.now-col{flex-direction:column;gap:8px;padding:14px 14px 16px;display:flex}.now-col.amber-col{border-right:1px solid var(--border);background:#140e00}.now-col.zh-col{border-right:1px solid var(--border);background:#001318}.now-col-header{align-items:center;gap:7px;margin-bottom:2px;display:flex}.now-col-name{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:700}.amber-col .now-col-name{color:var(--amber)}.zh-col .now-col-name{color:var(--zh)}.now-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.amber-col .now-dot{background:var(--amber)}.zh-col .now-dot{background:var(--zh)}.now-tip{color:var(--muted);align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;display:flex}.now-tip-icon{flex-shrink:0;font-size:13px;line-height:1.4}.now-tip.good .now-tip-icon{color:var(--good)}.now-tip.bad .now-tip-icon{color:var(--bad)}.now-tip.warn .now-tip-icon{color:var(--amber)}.now-tip.info .now-tip-icon{color:var(--zh)}.now-tip strong{color:var(--text);font-weight:600}.fixed-rate-col{border-right:1px solid var(--border);background:#0d1a14;flex-direction:column;gap:8px;padding:14px 14px 16px;display:flex}.fixed-rate-col:last-child{border-right:none}.fixed-rate-col-header{align-items:center;gap:7px;margin-bottom:2px;display:flex}.fixed-rate-col-name{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:700}.flow-col .fixed-rate-col-name{color:#5be49b}.el-col .fixed-rate-col-name{color:#a78bfa}.now-header{border-bottom:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:flex-start;padding:10px 14px;display:flex}.today-meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-top:10px;font-size:10px;display:flex}.today-meta .asof{color:var(--zh)}.price-chart-wrap{margin:0 -4px;overflow-x:auto}.price-chart{align-items:flex-end;gap:2px;min-height:120px;padding:24px 4px 18px;display:flex;position:relative}.price-col{cursor:default;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;width:18px;display:flex;position:relative}.price-col.is-past{opacity:.38}.price-col.is-now{border-radius:2px;outline:1px solid #ffffff40}.price-col-bg{pointer-events:none;position:absolute;inset:-24px 0 -18px}.price-col-bg.free-bg{background:#5be49b12}.price-col-bg.peak-bg{background:#ff6b6b12}.price-bar-import{border-radius:2px 2px 0 0;flex-shrink:0;width:14px;min-height:2px}.price-fi-star{color:var(--solar);font-size:11px;line-height:1;position:absolute;top:-18px}.price-now-label{font-family:var(--mono);color:#ffffff80;white-space:nowrap;font-size:7px;position:absolute;top:-22px}.price-time-lbl{font-size:7px;font-family:var(--mono);color:var(--muted);white-space:nowrap;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.price-legend{color:var(--muted);font-size:10px;font-family:var(--mono);flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.price-windows{font-size:10px;font-family:var(--mono);flex-wrap:wrap;gap:16px;margin-top:6px;display:flex}@media (width<=400px){.hero-num{font-size:42px}.stat-val{font-size:18px}}.changelog{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.changelog h3{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:11px}.cl-entry{gap:12px;margin-bottom:16px;display:flex}.cl-date{font-family:var(--mono);color:var(--muted);letter-spacing:.3px;flex-shrink:0;min-width:52px;padding-top:2px;font-size:9px}.cl-title{color:var(--text);margin-bottom:3px;font-size:13px;font-weight:600}.cl-desc{color:var(--muted);font-size:11px;line-height:1.55}.btn-danger{border-radius:var(--radius);width:100%;color:var(--bad);font-family:var(--mono);letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #ff6b6b55;padding:11px;font-size:12px;transition:all .2s}.btn-danger:hover{border-color:var(--bad);background:#1e0000}.logic-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.logic-modal{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:500px;padding:30px;position:relative;box-shadow:0 20px 50px #00000080}.logic-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:15px;right:15px}.logic-modal h3{font-family:var(--mono);color:var(--zh);margin-bottom:20px;font-size:18px}.logic-modal ul{flex-direction:column;gap:12px;list-style:none;display:flex}.logic-modal li{color:var(--text);padding-left:20px;font-size:14px;line-height:1.5;position:relative}.logic-modal li:before{content:"▸";color:var(--zh);position:absolute;left:0}.logic-btns{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.logic-btn{background:var(--bg3);border:1px solid var(--border);color:var(--fg2);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.logic-btn:hover{background:var(--border);color:var(--fg)}.tour-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0a0f0dcc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tour-prompt{background:var(--bg2);border:1px solid var(--zh);border-radius:var(--radius);text-align:center;max-width:320px;padding:24px 20px;box-shadow:0 8px 32px #00131866}.tour-prompt h3{font-family:var(--mono);color:var(--text);margin-bottom:12px;font-size:18px}.tour-prompt p{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.5}.tour-prompt-btns{flex-direction:column;gap:10px;display:flex}.splash{background-image:radial-gradient(at 20% 0,#0d2b1a 0%,#0000 50%),radial-gradient(at 80% 100%,#0a1f2e 0%,#0000 50%);flex-direction:column;justify-content:flex-start;align-items:center;height:100vh;padding:0 0 40px;display:flex;overflow-y:auto}.splash-hero{text-align:center;width:100%;max-width:480px;padding:56px 24px 32px}.splash-bolt{filter:drop-shadow(0 0 24px #f5c84255);margin-bottom:16px;font-size:52px;display:block}.splash-title{font-family:var(--mono);letter-spacing:-1.5px;margin-bottom:12px;font-size:36px;font-weight:700;line-height:1}.splash-title span{color:var(--zh)}.splash-tagline{color:var(--muted);max-width:300px;margin:0 auto 28px;font-size:15px;line-height:1.6}.splash-retailers{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.splash-pill{font-family:var(--mono);letter-spacing:.5px;border:1px solid var(--border);background:var(--bg3);color:var(--muted);border-radius:20px;padding:5px 12px;font-size:10px}.splash-pill.amber{color:var(--amber);background:#140e00;border-color:#f5a62355}.splash-pill.zh{color:var(--zh);background:#001318;border-color:#3ecfff44}.splash-pill.flow{color:var(--good);background:#001a10;border-color:#5be49b44}.splash-pill.el{color:#a78bfa;background:#0e0a1f;border-color:#a78bfa44}.splash-features{flex-direction:column;gap:8px;width:100%;max-width:480px;margin-bottom:28px;padding:0 16px;display:flex}.splash-feat{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.splash-feat-num{font-family:var(--mono);color:var(--muted);letter-spacing:1px;opacity:.6;margin-bottom:5px;font-size:9px}.splash-feat-title{font-family:var(--body);color:var(--text);margin-bottom:4px;font-size:14px;font-weight:600}.splash-feat-desc{color:var(--muted);font-size:13px;line-height:1.55}.splash-feat-desc strong{color:var(--text);font-weight:600}.splash-cta{background:linear-gradient(to top, var(--bg) 70%, transparent);flex-direction:column;align-items:center;gap:10px;width:100%;max-width:480px;padding:12px 16px 20px;display:flex;position:sticky;bottom:0}.splash-disclaimer{color:var(--muted);text-align:center;opacity:.7;font-size:11px}.hist-summary{padding:16px 18px}.hist-sum-hdr{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.period-pills{gap:4px;display:flex}.period-pill{background:var(--bg3);border:1px solid var(--border);color:var(--muted);font-family:var(--mono);cursor:pointer;border-radius:20px;padding:8px 14px;font-size:11px;transition:all .15s}.period-pill.active{background:var(--zh);border-color:var(--zh);color:#000;font-weight:700}.hist-sum-rows{flex-direction:column;gap:10px;display:flex}.hist-sum-row{align-items:center;gap:10px;display:flex}.hist-sum-name{font-family:var(--mono);letter-spacing:1px;flex-shrink:0;width:38px;font-size:10px}.hist-sum-bar-wrap{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.hist-sum-bar{border-radius:2px;min-width:0;height:100%;transition:width .5s}.hist-sum-wins{font-family:var(--mono);color:var(--muted);text-align:right;flex-shrink:0;width:22px;font-size:10px}.hist-sum-stat{font-family:var(--mono);text-align:right;flex-shrink:0;min-width:86px;font-size:11px}.wt-grid{flex-wrap:wrap;gap:3px;margin-bottom:10px;display:flex}.wt-sq{cursor:pointer;border-radius:4px;flex-shrink:0;width:22px;height:22px;transition:transform .1s}.wt-sq:hover{transform:scale(1.2)}.wt-sq:focus-visible{outline:2px solid var(--zh);outline-offset:2px}.wt-sq.wt-active{outline-offset:1px;outline:2px solid #fffc}.wt-legend{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.day-list{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.day-row2{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 16px;transition:background .15s;display:flex}.day-row2:last-child{border-bottom:none}.day-row2:hover{background:var(--bg3)}.day-row2:focus-visible{outline:2px solid var(--zh);outline-offset:-2px}.day-row2.open{background:var(--bg3)}.dr2-date{flex:1;font-size:13px}.dr2-winner{font-family:var(--mono);letter-spacing:1px;border:1px solid;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:9px}.dr2-saving{font-family:var(--mono);text-align:right;flex-shrink:0;width:58px;font-size:12px}.dr2-chevron{color:var(--muted);flex-shrink:0;font-size:11px}.day-detail2{background:var(--bg3);border-bottom:1px solid var(--border);padding:14px 16px}.detail2-costs{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.detail2-r{background:var(--bg2);border:1px solid #0000;border-radius:8px;padding:10px 12px}.detail2-r.win{background:#5be49b0d;border-color:#5be49b40}.d2r-head{align-items:center;gap:8px;margin-bottom:5px;display:flex}.d2r-name{font-family:var(--mono);letter-spacing:1.5px;flex-shrink:0;width:42px;font-size:10px}.d2r-cost{font-family:var(--mono);flex:1;font-size:20px;font-weight:700}.d2r-badge{font-family:var(--mono);letter-spacing:.5px;color:var(--good);background:#5be49b1a;border:1px solid #5be49b4d;border-radius:10px;padding:2px 7px;font-size:9px}.d2r-lines{flex-wrap:wrap;gap:4px 14px;padding-left:50px;display:flex}.d2r-line{font-family:var(--mono);color:var(--muted);font-size:10px}.d2r-line.good{color:var(--good)}.detail2-section{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.detail2-label{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px}.d2-tip{color:var(--muted);gap:8px;padding:2px 0;font-size:12px;line-height:1.5;display:flex}.d2-tip.good{color:var(--text)}.d2-tip-icon{flex-shrink:0;width:14px}.d2-tip.good .d2-tip-icon{color:var(--good)}.d2-tip.bad .d2-tip-icon{color:var(--bad)}.d2-step{margin-bottom:10px}.d2-step-head{align-items:center;gap:8px;margin-bottom:3px;display:flex}.d2-step-num{font-family:var(--mono);background:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex}.d2-step-action{flex:1;font-size:13px;font-weight:600}.d2-step-save{font-family:var(--mono);color:var(--good);font-size:11px}.d2-step-detail{color:var(--muted);padding-left:26px;font-size:12px;line-height:1.5}.d2-summary{font-size:12px;font-family:var(--mono);background:var(--bg2);border-radius:8px;margin-top:10px;padding:8px 12px}.d2-summary.win{color:var(--good)}.d2-summary.tie,.d2-summary.lose{color:var(--muted)}