:root{--paper: #fbf7f0;--ink: #1d1b19;--ink-soft: #7a736b;--line: #e2d9cc;--accent: #0f7a4f;color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--paper: #141312;--ink: #f3efe8;--ink-soft: #9a9289;--line: #34302b;--accent: #4fcf92}}*{box-sizing:border-box}html,body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink)}main{display:flex;flex-direction:column;gap:1.5rem;max-width:32rem;margin:0 auto;padding:max(18vh,3rem) 1.25rem 2rem}.currency{font-size:.8rem;font-weight:600;letter-spacing:.12em;color:var(--ink-soft)}.field{display:flex;flex-direction:column;gap:.35rem;border-bottom:2px solid var(--line);padding-bottom:.5rem}.field:focus-within{border-color:var(--ink)}input{width:100%;border:0;outline:0;padding:0;background:transparent;color:inherit;font-family:inherit;font-size:clamp(2.5rem,12vw,3.5rem);font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}input::placeholder{color:var(--line)}.result{display:flex;flex-direction:column;gap:.35rem}.amount{font-size:clamp(2rem,10vw,2.75rem);font-weight:600;line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.meta{margin:0;font-size:.85rem;color:var(--ink-soft)}