:root{--bg:#0f0f13;--surface:#1a1a24;--border:#2e2e3e;--accent:#7c6af7;--accent-glow:#7c6af74d;--text:#e2e2f0;--text-muted:#7a7a9a;--success:#4ade80;--error:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex}.container{text-align:center;width:100%;max-width:520px}h1{letter-spacing:-.03em;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.4rem;font-weight:700}.subtitle{color:var(--text-muted);margin-bottom:32px;font-size:.95rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px}.input-group{gap:10px;display:flex}input[type=number]{background:var(--bg);border:1px solid var(--border);color:var(--text);-moz-appearance:textfield;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:600;transition:opacity .2s,transform .1s}button:hover{opacity:.88}button:active{transform:scale(.97)}.result{border:1px solid var(--border);border-radius:10px;margin-top:28px;padding:20px}.result.hidden{display:none}.result.success{background:#4ade800f;border-color:#4ade804d}.result.error{color:var(--error);background:#f8717114;border-color:#f871714d;font-size:.95rem}.result-label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem}.result-label .num{color:var(--text);font-weight:600}.result-value{color:var(--success);letter-spacing:-.02em;font-size:2.2rem;font-weight:700}@media (width<=480px){h1{font-size:1.8rem}.card{padding:20px}.input-group{flex-direction:column}.result-value{font-size:1.8rem}}