:root{--text:#b9b2a6;--text-h:#f3efe7;--bg:#14110d;--panel:#1d1913;--panel-2:#241f17;--border:#3a322668;--accent:#ce422b;--accent-2:#e8a13a;--shadow:#00000073 0 12px 30px -8px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/150% var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -200px, #2a2117 0%, transparent 60%), var(--bg);min-height:100svh;margin:0}#app{width:620px;max-width:100%;margin:0 auto;padding:0 20px 60px}.topbar{text-align:center;padding:24px 0 20px}.topbar h1{letter-spacing:-1px;color:var(--text-h);background:linear-gradient(180deg, var(--accent-2), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:44px;line-height:1.2}main{flex-direction:column;gap:24px;display:flex}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:24px}.card.primary{border-color:#4a3a2680}.how-it-works{opacity:.8}.how-it-works h2{color:var(--text-h);margin:0 0 10px;font-size:15px;font-weight:600}.how-it-works p{margin:0 0 8px;font-size:14px;line-height:1.6}.how-it-works p:last-child{margin-bottom:0}.attribution{opacity:.6;margin-top:2px;font-size:13px}.attribution a{color:var(--accent-2)}.grid{gap:14px;display:grid}.config-row{align-items:center;gap:10px;margin-bottom:22px;display:flex}.config-label,.slider-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text);opacity:.7;margin-bottom:4px;font-size:12px}.slider-label{justify-content:space-between;align-items:baseline;gap:0;margin-bottom:6px;display:flex}.config-label{display:block}.config-row .select-icon-wrap{flex:0 200px;min-width:140px}.config-row .select-icon-wrap select{width:100%;height:42px}.upkeep-input{flex-shrink:0;width:92px;height:42px}.sliders{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.slider-val{font-family:var(--mono);color:var(--accent-2);flex-shrink:0;align-items:center;gap:4px;font-size:16px;font-weight:600;display:inline-flex}.slider-val span{text-align:right;font-variant-numeric:tabular-nums;min-width:2ch;display:inline-block}.slider-val .icon{flex-shrink:0}input[type=range]{appearance:none;background:var(--panel-2);cursor:pointer;border:none;border-radius:999px;width:100%;height:10px;padding:0}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #e8a13a66}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #e8a13a66}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-2);border:2px solid var(--bg);width:24px;height:24px;box-shadow:0 0 0 1px var(--accent-2);border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--accent-2);border:2px solid var(--bg);border-radius:50%;width:22px;height:22px}input[type=range]:focus{box-shadow:none}label{color:var(--text-h);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.select-icon-wrap{display:flex;position:relative}.select-icon-wrap select{padding-left:42px}.select-icon{pointer-events:none;z-index:0;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.icon{image-rendering:pixelated;opacity:.85;flex-shrink:0}input,select{font:inherit;font-family:var(--mono);color:var(--text-h);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #e8a13a26}.results{grid-template-columns:1fr}.result{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:16px;display:flex;position:relative}.card-icon{opacity:.35;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.hero-result{background:linear-gradient(160deg, #2a2117, var(--panel-2));border-color:#5a44288c}.result .label{text-transform:uppercase;letter-spacing:.6px;color:var(--text);opacity:.8;font-size:12px}.result .value{font-family:var(--mono);color:var(--text-h);font-size:26px;font-weight:600;line-height:1.1}.hero-result .value{color:var(--accent-2);font-size:30px}.result .meta{color:var(--text);opacity:.5;font-size:11px}@media (width<=720px){.sliders,.results{grid-template-columns:1fr}.topbar h1{font-size:34px}}