:root{--ground:#e9eae1;--ground-lift:#f4f5ef;--ink:#191d19;--ink-soft:#4c534a;--ink-faint:#737b70;--rule:#c6cbbc;--flame:#d9451c;--flame-ink:#fdf6f2;--display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--body:Newsreader, Georgia, serif;--mono:"DM Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--body);margin:0;font-size:17px;line-height:1.55}.shell{max-width:640px;margin:0 auto;padding:2.5rem 20px 4rem}h1{font-family:var(--display);letter-spacing:-.025em;margin:0 0 .6rem;font-size:clamp(1.9rem,6vw,2.8rem);font-weight:800;line-height:1}.lab{font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--flame);margin-bottom:.8rem;font-size:.68rem;display:block}label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin:1.2rem 0 .4rem;font-size:.66rem;display:block}input,select{width:100%;font:inherit;background:var(--ground-lift);border:1px solid var(--rule);padding:.7rem .8rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--flame);outline-offset:2px}button{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;background:var(--flame);color:var(--flame-ink);cursor:pointer;border:0;margin-top:1.4rem;padding:.85rem 1.4rem;font-size:.72rem}.total{border-top:3px solid var(--ink);margin-top:1.8rem;padding-top:.9rem}.row{font-family:var(--mono);border-bottom:1px dotted var(--rule);justify-content:space-between;gap:1rem;padding:.35rem 0;font-size:.82rem;display:flex}.row--total{border-bottom:0;padding-top:.7rem;font-size:1rem}.row--total dd{font-family:var(--display);font-size:1.5rem;font-weight:800}.row dt,.row dd{margin:0}.note{color:var(--ink-soft);margin-top:.9rem;font-size:.9rem}.out{background:var(--ground-lift);border-left:3px solid var(--flame);margin-top:1rem;padding:.9rem 1rem}