:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--surface:#fff;--text:#14161a;--muted:#646b78;--border:#d9dde3;--accent:#2f6fed;--warn:#b45309}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0f1115;--surface:#181b21;--text:#eceef2;--muted:#9aa2b1;--border:#2a2f38;--accent:#6c9bff;--warn:#f0a24a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#181b21;--text:#eceef2;--muted:#9aa2b1;--border:#2a2f38;--accent:#6c9bff;--warn:#f0a24a}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:28rem;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));gap:1.25rem;margin:0 auto;display:grid}header{justify-content:space-between;align-items:center;display:flex}h1{margin:0;font-size:1.1rem}.field{color:var(--muted);gap:.35rem;font-size:.85rem;display:grid}input{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:.8rem .9rem;font-size:1.5rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}.fee input{font-size:1rem}.result{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem 1rem}.total{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:2.5rem;font-weight:650}.sub{color:var(--muted);margin:.25rem 0 0;font-size:.85rem}footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;font-size:.8rem;display:flex}.warn{color:var(--warn)}.ghost{font:inherit;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:999px;padding:.35rem .7rem;font-size:.85rem}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
