:root{--bg:#242424;--fg:#fdfdfd;--accent:#fbf0df;--accent-dark:#f3d5a3;--radius:12px;--spacing:1rem;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Inter,sans-serif}body{display:flex;padding:var(--spacing);justify-content:center;align-items: flex-start;min-height:100vh;margin:0}.app{border-radius:var(--radius);box-sizing:border-box;background:#00000059;width:100%;max-width:900px;margin:0 auto;padding:2rem;box-shadow:0 4px 16px #0009}h1{text-align:center;margin-top:0;padding:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1}.form-grid{display:grid;gap:var(--spacing);grid-template-columns:1fr}@media (min-width:600px){.form-grid{grid-template-columns:1fr 1fr}}@media (min-width:1200px){.form-grid{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1600px){.form-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.field{display:flex;flex-direction:column}.field span{margin-bottom:.3rem;font-size:.9rem}input[type=number]{border-radius:var(--radius);color:var(--fg);box-sizing:border-box;background:#1a1a1a;border:1px solid #555;width:100%;padding:.6rem;font-size:1rem}input[type=number]:focus{outline:2px solid var(--accent);border-color:var(--accent-dark)}.result-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:2rem}@media (min-width:600px){.result-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.result-grid div{border-radius:var(--radius);text-align:center;background:#1a1a1a;padding:1rem;font-size:1rem;box-shadow:0 2px 6px #0006}.result-grid strong{color:var(--accent);display:block;margin-top:.25rem;font-size:1.1rem}input,button,label{font-family:inherit}html,body{-webkit-text-size-adjust:100%}input[type=number]{font-size:16px}