:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f1d1a;--muted:#5b564e;--paper:#f6f4ef;--line:#d8d2c6;--accent:#1f5f5b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.page{max-width:38rem;margin:0 auto;padding:clamp(2rem,6vw,4rem) 1.25rem 4rem}h1{letter-spacing:-.01em;margin:0 0 .5rem;font-size:clamp(1.9rem,7vw,2.75rem);line-height:1.15}.lede{color:var(--muted);margin:0 0 2.5rem;font-size:1.125rem}.inputs{gap:1.25rem;display:grid}.field label{margin-bottom:.4rem;font-weight:600;display:block}.field__control{border:1px solid var(--line);background:#fff;border-radius:.5rem;align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.field__control:focus-within{outline:2px solid var(--accent);outline-offset:2px}.field__control span{color:var(--muted);font-weight:600}.field input{min-width:0;font:inherit;background:0 0;border:0;flex:1;padding:.75rem 0;font-size:1.125rem}.field input:focus{outline:none}.answer{border-left:4px solid var(--accent);background:#fff;border-radius:0 .5rem .5rem 0;margin:2.5rem 0 1rem;padding:1.25rem;font-size:clamp(1.35rem,4.5vw,1.75rem);font-weight:600;line-height:1.3}.note{color:var(--muted);font-size:.95rem}