:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f9fc;font-synthesis:none;text-rendering:optimizelegibility;--surface:#141a2be0;--surface-strong:#171e31;--line:#ffffff1f;--muted:#aeb8cc;--accent:#83f2c1;--accent-strong:#45dca0;--danger:#ff9b9b;background:#070a12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#4469c457,#0000 42%),#070a12;min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}#app{width:100%;min-height:100svh;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));padding-top:max(40px, calc(env(safe-area-inset-top) + 16px));place-items:center;display:grid}.calculator{gap:20px;width:min(100%,440px);display:grid}.intro{padding:0 4px}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.15rem,10vw,3.4rem);line-height:.98}form,.result{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 24px 70px #0000004d}form{gap:16px;padding:20px;display:grid}label{gap:8px;font-weight:700;display:grid}label small{color:var(--muted);margin-left:6px;font-weight:500}.input-shell{border:1px solid var(--line);background:var(--surface-strong);min-height:56px;color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:0 16px;transition:border-color .16s,box-shadow .16s;display:flex}.input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #83f2c129}input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:1.15rem;font-weight:700}input::placeholder{color:#808ba1}.error{min-height:1.25rem;color:var(--danger);margin:-2px 0;font-size:.875rem}button{background:var(--accent);color:#07130f;cursor:pointer;border:0;border-radius:14px;min-height:56px;font-weight:850;transition:background .16s,transform .16s}button:hover{background:var(--accent-strong)}button:active{transform:translateY(1px)}button:focus-visible{outline-offset:3px;outline:3px solid #fff}.result{padding:22px}.result>div{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.result>div span{color:var(--muted);font-weight:700}.result strong{min-width:0;max-width:100%;color:var(--accent);letter-spacing:-.05em;overflow-wrap:anywhere;text-align:right;margin-left:auto;font-size:clamp(2rem,10vw,3rem)}.result dl{border-top:1px solid var(--line);gap:10px;margin:20px 0 0;padding-top:18px;display:grid}.result dl div{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.result dt{color:var(--muted)}.result dd{overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums;min-width:0;max-width:100%;margin:0 0 0 auto}.result .savings{color:var(--accent)}@media (width>=720px){#app{padding-block:48px}form,.result{padding:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}