:root { color-scheme:light; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#1f3028; background:#fffefa; }
* { box-sizing:border-box; }
body { margin:0; }
main { max-width:760px; margin:auto; padding:20px; }
header { padding-bottom:12px; border-bottom:3px solid #286b4e; }
h1 { font-size:1.35rem; margin:0 0 5px; letter-spacing:-.02em; }
header p, .privacy, .method { margin:0; font-size:.82rem; line-height:1.5; color:#516359; }
form { display:grid; gap:12px; margin:16px 0; }
label { display:grid; gap:6px; font-size:.88rem; font-weight:650; }
label span { color:#516359; font-weight:400; }
input,select { width:100%; min-height:44px; padding:9px 10px; border:1px solid #9cab9f; border-radius:3px; font:inherit; background:white; color:#1f3028; }
input:focus-visible,select:focus-visible,a:focus-visible { outline:2px solid #286b4e; outline-offset:2px; }
.measurements { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.receipt { border-top:1px solid #9cab9f; border-bottom:1px solid #9cab9f; padding:12px 0; }
h2 { margin:0; font-size:1rem; }
#embed-status { margin:5px 0 10px; font-size:.82rem; }
dl { margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
dt { color:#516359; font-size:.8rem; }
dd { margin:3px 0 0; font-size:1.5rem; font-weight:750; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.method { margin-top:12px; }
a { display:block; padding:12px 0; color:#194d39; font-size:.88rem; text-underline-offset:4px; line-height:1.4; }
.privacy { font-size:.76rem; }
@media(max-width:380px) { main { padding:16px; } .measurements { gap:10px; } dl { gap:8px; } dd { font-size:1.35rem; } }