:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf5ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#05070b;--panel:#0c121ceb;--panel-strong:#0f1825f5;--field:#080d14;--border:#97b2d42e;--border-strong:#6cd1ff4d;--text:#edf5ff;--muted:#94a7bf;--soft:#c6d5e9;--accent:#31c8ff;--safe:#20d889;--caution:#f1c94d;--warning:#ff9638;--high:#ff604f;--danger:#ff293d;--neutral:#8fa4bb;background:#05070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:linear-gradient(#0c1b2bf5 0%,#05070b 44%,#030509 100%),#05070b;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{width:min(1440px,100%);padding:calc(22px + env(safe-area-inset-top)) calc(22px + env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) calc(22px + env(safe-area-inset-left));margin:0 auto}.calculator{gap:18px;display:grid}.top-bar{justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:6px 0 2px;display:flex}.eyebrow{color:#68d6ff;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:900}h1,h2,p{margin:0}h1{color:var(--text);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.08}h2{color:var(--text);font-size:1.05rem}.top-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.status-pill,.settings-button,.install-button,.mode-chip,.rule-chip,.status-icon,.icon-button,.reset-button,.bp-toggle span{border:1px solid var(--border);background:#0a1019b8;border-radius:8px}.status-pill{min-height:40px;color:var(--status);white-space:nowrap;align-items:center;gap:9px;padding:0 12px;font-size:.85rem;font-weight:900;display:inline-flex}.status-icon{color:currentColor;border-color:currentColor;place-items:center;min-width:25px;height:25px;padding:0 5px;font-size:.72rem;font-weight:950;display:inline-grid}.settings-button,.install-button,.icon-button,.reset-button{min-height:40px;color:var(--soft);padding:0 13px;font-weight:850;transition:border-color .18s,background .18s,transform .18s}.settings-button:hover,.install-button:hover,.icon-button:hover,.reset-button:hover,.quick-row button:hover,.segmented-control button:hover{border-color:var(--border-strong);background:#31c8ff1a}.layout{grid-template-columns:minmax(320px,.38fr) minmax(0,.62fr);align-items:start;gap:18px;display:grid}.config-card,.result-card,.summary-card,.settings-modal{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0b, #fff0), var(--panel);border-radius:16px;box-shadow:0 22px 60px #00000052}.config-card{gap:14px;padding:18px;display:grid;position:sticky;top:18px}.section-heading,.modal-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.mode-chip,.rule-chip{color:var(--soft);font-size:.78rem;font-weight:900}.mode-chip{padding:7px 10px}.input-field,.segmented-field{gap:7px;display:grid}.input-field>span,.segmented-field>span,.quick-panel-inline>span,.metric span,.stat-block span,.bar-labels,.buying-power-line{color:var(--muted);font-size:.8rem;font-weight:850}.input-field>div{border:1px solid var(--border);background:var(--field);border-radius:14px;align-items:center;min-height:58px;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.input-field>div:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #31c8ff17}.input-field b{color:#74d7ff;place-items:center;min-width:42px;height:100%;font-weight:950;display:grid}.input-field input{color:#fff;letter-spacing:0;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:12px 14px 12px 0;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:900}.input-field.invalid>div{border-color:#ff293dc7}.input-field small{color:#ff9aa3;font-size:.78rem;font-weight:800}.buying-power-line{justify-content:space-between;align-items:center;gap:10px;min-height:34px;display:flex}.bp-toggle{display:inline-grid}.bp-toggle input{opacity:0;pointer-events:none;position:absolute}.bp-toggle span{color:#d6e8f8;place-items:center;min-width:58px;min-height:30px;padding:0 10px;font-size:.78rem;font-weight:950;display:inline-grid}.bp-toggle input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.quick-row{flex-wrap:wrap;gap:8px;display:flex}.quick-row button,.segmented-control button{border:1px solid var(--border);color:#cddbed;background:#080d14db;border-radius:8px;min-height:40px;font-size:.84rem;font-weight:900;transition:border-color .18s,background .18s,color .18s}.quick-row button{flex:68px;padding:0 11px}.quick-row button.active,.segmented-control button.active{color:#fff;background:#31c8ff29;border-color:#31c8ffb8}.quick-row button:disabled{cursor:not-allowed;opacity:.45}.quick-row button:disabled:hover{border-color:var(--border);background:#080d14db}.account-presets button{flex-basis:54px}.segmented-control{border:1px solid var(--border);background:var(--field);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:6px;display:grid}.quick-panel-inline{gap:8px;padding-top:2px;display:grid}.results-column{gap:14px;display:grid}.safe{--status:var(--safe)}.neutral{--status:var(--neutral)}.caution{--status:var(--caution)}.warning{--status:var(--warning)}.high{--status:var(--high)}.danger{--status:var(--danger)}.result-card{color:var(--status);background:linear-gradient(135deg, color-mix(in srgb, var(--status), transparent 88%), transparent 42%), linear-gradient(180deg, #ffffff0d, #fff0), var(--panel-strong);padding:22px}.result-grid{grid-template-columns:minmax(0,1fr) minmax(220px,285px);align-items:center;gap:24px;display:grid}.result-main{min-width:0}.state-label{color:var(--status);text-transform:uppercase;align-items:center;gap:9px;margin-bottom:14px;font-size:.8rem;font-weight:950;display:inline-flex}.result-main p{color:#d9e6f5;font-size:.96rem;font-weight:850}.result-main>strong{color:#fff;overflow-wrap:anywhere;margin-top:14px;font-size:clamp(2.8rem,7vw,5.8rem);font-weight:950;line-height:.95;display:block}.result-main>span{color:var(--muted);margin-top:10px;font-size:.95rem;font-weight:950;display:block}.gauge{aspect-ratio:1;background:radial-gradient(circle at center, #0b111a 0 56%, transparent 57%), conic-gradient(var(--status) var(--gauge-percent), #97b2d424 0);border-radius:50%;justify-self:end;place-items:center;width:min(285px,100%);transition:background .2s;display:grid;box-shadow:inset 0 0 34px #ffffff0a,0 18px 44px #0000004d}.gauge-center{aspect-ratio:1;color:#fff;background:#080d14;border:1px solid #97b2d426;border-radius:50%;place-items:center;width:63%;display:grid}.gauge-center strong{font-size:clamp(1.85rem,3.8vw,2.7rem);line-height:1}.gauge-center span{color:var(--muted);font-size:.78rem;font-weight:900}.bp-summary,.deficit-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.metric{background:#080d14b8;border:1px solid #97b2d421;border-radius:14px;min-width:0;padding:14px}.metric strong{color:#fff;overflow-wrap:anywhere;margin-top:7px;font-size:clamp(1.1rem,2.1vw,1.55rem);line-height:1.05;display:block}.metric.strong strong{font-size:clamp(1.55rem,3vw,2.25rem)}.bp-bar{background:#97b2d426;border-radius:999px;height:14px;margin-top:16px;overflow:hidden}.bp-used{border-radius:inherit;background:var(--status);height:100%;transition:width .19s}.bar-labels{justify-content:space-between;gap:10px;margin-top:8px;display:flex}.deficit-panel{background:#ff293d14;border:1px solid #ff293d73;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.rule-chip{color:#dbeaf8;justify-self:start;padding:9px 12px}.rule-chip.neutral{color:#d7e2ef;background:#8fa4bb17;border-color:#8fa4bb52}.summary-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;display:grid;overflow:hidden}.stat-block{background:#080d1494;min-width:0;min-height:112px;padding:15px}.stat-block>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.stat-block button{border:1px solid var(--border);width:24px;height:24px;color:var(--muted);background:#0b121d;border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:950;display:inline-grid}.stat-block strong{color:#fff;overflow-wrap:anywhere;margin-top:22px;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.05;display:block}.modal-backdrop{z-index:20;background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-modal{width:min(760px,100%);max-height:min(720px,92vh);padding:20px;overflow:auto}.settings-note{color:var(--muted);margin-top:10px;font-size:.9rem;font-weight:750;line-height:1.45}.privacy-note{color:#b7c8dc;margin-top:10px;font-size:.86rem;font-weight:750;line-height:1.45}.install-modal{width:min(560px,100%)}.install-steps{color:#d7e7f5;gap:10px;margin:18px 0 0;padding-left:22px;font-size:.95rem;font-weight:800;line-height:1.45;display:grid}.pwa-toast{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;color:#dff4ff;background:#080d14f5;border:1px solid #31c8ff52;border-radius:12px;align-items:center;gap:12px;max-width:min(420px,100vw - 36px);padding:12px;font-size:.88rem;font-weight:900;display:flex;position:fixed;box-shadow:0 18px 46px #00000061}.pwa-toast button{color:#fff;background:#31c8ff24;border:1px solid #31c8ff8c;border-radius:8px;min-height:36px;font-weight:950}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.reset-button{width:100%;margin-top:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1060px){.layout,.result-grid{grid-template-columns:1fr}.config-card{position:static}.gauge{justify-self:center}}@media (width<=760px){.app-shell{padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.calculator,.layout,.results-column{gap:12px}.top-bar{gap:10px;min-height:0}.top-bar,.top-actions,.buying-power-line,.bar-labels{flex-direction:column;align-items:stretch}.top-actions{width:100%}.status-pill,.settings-button,.install-button{white-space:normal;justify-content:center;width:100%}.pwa-toast{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));left:calc(12px + env(safe-area-inset-left));justify-content:space-between;max-width:none}.config-card,.result-card,.settings-modal{border-radius:14px;padding:14px}.config-card{gap:11px}.input-field,.segmented-field,.quick-panel-inline{gap:6px}.input-field>div{min-height:52px}.segmented-control{padding:5px}.result-main>strong{font-size:clamp(2.35rem,14vw,4rem)}.gauge{width:min(238px,100%)}.bp-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.bp-summary .metric:last-child{grid-column:1/-1}.deficit-panel,.rules-grid{grid-template-columns:1fr}.summary-card{grid-template-columns:repeat(2,minmax(0,1fr))}.account-presets,.quick-panel-inline .quick-row{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.quick-row button{min-width:0;min-height:38px;padding:0 8px}.metric{padding:11px}.bp-bar{margin-top:12px}.stat-block{min-height:86px;padding:12px}.stat-block strong{margin-top:14px;font-size:clamp(1rem,5vw,1.35rem)}}@media (width<=340px){.bp-summary,.deficit-panel,.summary-card,.rules-grid{grid-template-columns:1fr}.bp-summary .metric:last-child{grid-column:auto}.account-presets,.quick-panel-inline .quick-row{grid-template-columns:repeat(2,minmax(0,1fr))}}