:root{--bg-base: #0e1014;--bg-surface: #16181d;--bg-elev: #1e2127;--border: #2a2e36;--text-primary: #ffffff;--text-secondary: #9aa0aa;--text-tertiary: #6b7079;--accent: #c6f432;--accent-pressed: #b2de22;--on-accent: #0e1014;--positive: #7bc62f;--danger: #e24b4a;--rank-tint: rgba(198, 244, 50, .1);--font-display: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme: light){:root{--bg-base: #fbfbf9;--bg-surface: #ffffff;--bg-elev: #ffffff;--border: #e6e6e0;--text-primary: #14161a;--text-secondary: #5f636b;--text-tertiary: #9aa0aa;--rank-tint: rgba(198, 244, 50, .18)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{min-height:100vh}#app{max-width:1100px;margin:0 auto;padding:32px 24px 64px}header h1{font-family:var(--font-display);font-weight:500;font-size:32px;letter-spacing:-.5px;margin:0 0 6px}header .lede{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0 0 32px;max-width:640px}code{background:var(--bg-surface);border:1px solid var(--border);padding:1px 6px;border-radius:6px;font-size:.9em}h2{font-family:var(--font-display);font-weight:500;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin:0 0 12px}.presets{margin-bottom:24px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.preset{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:10px 14px;font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--text-primary);cursor:pointer;text-align:left;transition:background 80ms,border-color 80ms}.preset:hover{background:var(--bg-elev)}.preset.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.preset small{display:block;color:var(--text-tertiary);font-weight:400;margin-top:2px}.preset.active small{color:var(--on-accent);opacity:.7}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.grid{grid-template-columns:1fr}}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:20px}.field{margin-bottom:16px}.field label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.field label span[data-bind]{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:500}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=number],select{width:100%;background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:var(--font-body);font-size:15px}input[type=number]:focus,select:focus{outline:none;border-color:var(--accent)}.zones{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.zones span{display:flex;flex-direction:column;font-size:12px;color:var(--text-tertiary)}.zones input{margin-top:4px;padding:6px 8px;font-size:14px}.zones small{grid-column:1 / -1;color:var(--text-tertiary);font-size:12px;margin-top:4px}.result .hero{text-align:center;padding:20px 0 12px}.fp{font-family:var(--font-display);font-weight:500;font-size:80px;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-2px;transition:color .12s}.fp.capped{color:var(--accent)}.fp-label{color:var(--text-secondary);font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-top:4px}.breakdown{width:100%;border-collapse:collapse;margin-top:16px}.breakdown th,.breakdown td{padding:8px 0;border-bottom:1px solid var(--border);text-align:left;font-weight:400;font-size:14px}.breakdown th{color:var(--text-secondary)}.breakdown td{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-primary)}.breakdown tr.sep th{color:var(--text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.breakdown tr.total th{font-weight:500;color:var(--text-primary)}.breakdown tr.total td{font-weight:500}.breakdown tr:last-child th,.breakdown tr:last-child td{border-bottom:none}.meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.chip{background:var(--bg-base);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--text-secondary);font-weight:500}.chip.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip.positive{color:var(--positive);border-color:var(--positive)}.chip.danger{color:var(--danger);border-color:var(--danger)}.note{margin:16px 0 0;color:var(--text-tertiary);font-size:13px;line-height:1.5}footer{margin-top:40px;color:var(--text-tertiary);font-size:12px;text-align:center}