:root{--bg:#eef0e9;--surface:#fff;--surface-2:#f6f7f1;--ink:#1e1d18;--ink-dim:#6b6a5e;--accent:#a9823f;--accent-ink:#fff;--good:#3f7355;--cost:#a4512e;--border:#1e1d181a}:root[data-theme=dark]{--bg:#14161a;--surface:#1c1f24;--surface-2:#21252b;--ink:#eceae2;--ink-dim:#9a9b92;--accent:#c79b52;--accent-ink:#1c1300;--good:#6fae88;--cost:#d98468;--border:#eceae21f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14161a;--surface:#1c1f24;--surface-2:#21252b;--ink:#eceae2;--ink-dim:#9a9b92;--accent:#c79b52;--accent-ink:#1c1300;--good:#6fae88;--cost:#d98468;--border:#eceae21f}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-shell{flex-direction:column;max-width:460px;min-height:100vh;margin:0 auto;display:flex}.appbar{align-items:center;gap:10px;padding:18px 20px 8px;display:flex}.appbar .back{width:30px;height:30px;color:var(--ink-dim);background:var(--surface-2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex}.appbar .title{font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:19px;font-weight:600}.appbar .title em{color:var(--accent);font-style:normal}.appbar .theme-toggle{border:1px solid var(--border);background:var(--surface-2);color:var(--ink-dim);cursor:pointer;border-radius:999px;margin-left:auto;padding:6px 12px;font-size:12px}.body{flex-direction:column;flex:1;gap:16px;padding:10px 20px 28px;display:flex}.field{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:3px;padding:11px 16px;display:flex}.field label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:11px}.field input[type=number]{font-variant-numeric:tabular-nums;color:var(--ink);-moz-appearance:textfield;background:0 0;border:none;width:100%;padding:0;font-family:Consolas,Cascadia Code,SF Mono,Menlo,monospace;font-size:19px}.field input[type=number]:focus{outline:none}.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field .unit{color:var(--ink-dim);font-family:Segoe UI,sans-serif;font-size:12px}.field-row{gap:10px;display:flex}.field-row .field{flex:1}.segmented{background:var(--surface-2);border-radius:13px;gap:3px;padding:3px;display:flex}.segmented .seg{text-align:center;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:9px 6px;font-family:inherit;font-size:13px}.segmented .seg.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.hero-result{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;padding:20px 18px 16px}.hero-result .label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:11.5px}.hero-result .big{font-variant-numeric:tabular-nums;color:var(--accent);margin:4px 0 0;font-family:Consolas,Cascadia Code,SF Mono,Menlo,monospace;font-size:40px;line-height:1.1}.hero-result .sub{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-top:6px;font-family:Consolas,monospace;font-size:12.5px}.stat-row{gap:10px;display:flex}.stat-chip{background:var(--surface-2);border-radius:14px;flex:1;padding:11px 13px}.stat-chip .k{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}.stat-chip .v{font-variant-numeric:tabular-nums;margin-top:2px;font-family:Consolas,monospace;font-size:15.5px}.spark-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px 16px 10px}.spark-card .k{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px}.spark-card svg{width:100%;height:64px;display:block}.summary-strip{background:var(--surface-2);color:var(--ink-dim);border-radius:13px;justify-content:space-between;padding:10px 14px;font-family:Consolas,monospace;font-size:12.5px;display:flex}.summary-strip b{color:var(--ink);font-weight:600}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:999px;padding:7px 13px;font-family:inherit;font-size:12px}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.compare-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.compare-line{justify-content:space-between;align-items:baseline;display:flex}.compare-line .k{color:var(--ink-dim);font-size:13px}.compare-line .v{font-variant-numeric:tabular-nums;font-family:Consolas,monospace;font-size:16px;font-weight:600}.compare-line .v.good{color:var(--good)}.compare-line .before-after{color:var(--ink-dim);font-family:Consolas,monospace;font-size:13px}.compare-line .before-after .arrow{color:var(--accent);margin:0 5px}.compare-line .before-after .new{color:var(--ink);font-weight:600}.cta{background:var(--accent);color:var(--accent-ink);text-align:center;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:auto;padding:15px;font-family:inherit;font-size:15px;font-weight:600}.paywall{text-align:center;align-items:center;padding:24px 20px}.paywall-lock{font-size:26px}.paywall-title{font-family:Georgia,serif;font-size:16px;font-weight:600}.paywall-body{color:var(--ink-dim);margin:0;font-size:12.5px;line-height:1.5}.payoff-banner{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--good);border-radius:18px;padding:22px 18px;font-weight:600}