:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#173c36;background:#f4f5ef;font-synthesis:none;line-height:1.55;--green:#174f46;--muted:#536963}*{box-sizing:border-box}body{margin:0}a{color:var(--green)}button,input,select,textarea{font:inherit}button,a,select,input{touch-action:manipulation}button,.button{border:0;border-radius:12px;background:var(--green);color:white;padding:12px 20px;cursor:pointer;display:inline-block;text-decoration:none;font-weight:600}button.secondary,.button.secondary{background:#e6eee8;color:var(--green)}button:disabled{opacity:.55;cursor:default}button:hover:not(:disabled),.button:hover{filter:brightness(1.1)}:focus-visible{outline:3px solid #bb6b22;outline-offset:4px}.top{max-width:1100px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{font-weight:800;font-size:23px;text-decoration:none}.brand span{font-size:14px;font-weight:500;margin-left:8px}#connection{font-size:12px;color:var(--muted)}main{max-width:960px;margin:24px auto;padding:0 24px 120px}h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:12px 0 22px;letter-spacing:-1px}h2{line-height:1.3;font-size:22px}h3{font-size:18px}p{max-width:72ch}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;color:var(--muted)}.lead{color:var(--muted);font-size:18px}.card{background:#fff;border:1px solid #dce4db;border-radius:20px;padding:24px;margin:18px 0;box-shadow:0 4px 16px #143f3605}.hero{background:#e4ece2}.badge{display:inline-block;font-size:12px;padding:4px 10px;border-radius:20px;background:#f6e9cb;color:#6a4a15}.warning{border-left:4px solid #aa772b;background:#fff6e3;padding:14px 18px;border-radius:8px;color:#684c20;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.grid .card{margin:0}.stat{font-size:30px;font-weight:750;display:block}.muted,small{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid #dae3d9;display:flex;justify-content:center;gap:4px;padding:10px max(8px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(8px);z-index:2}nav a{padding:10px 14px;text-decoration:none;border-radius:10px;font-size:14px}nav a[aria-current]{background:var(--green);color:#fff}.option{display:flex;align-items:center;gap:12px;border:1px solid #d5dfd8;border-radius:12px;padding:14px;margin:10px 0;cursor:pointer}.option:has(input:checked){border-color:var(--green);background:#edf3ed}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--green);flex-shrink:0}select,textarea,input[type=number]{background:#fff;border:1px solid #a6b7ae;border-radius:10px;padding:10px;color:#173c36;max-width:100%}textarea{display:block;width:100%;min-height:170px;resize:vertical}fieldset{border:0;margin:0;padding:0}legend{font-size:21px;font-weight:650;padding:0 0 12px}.match{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin:12px 0}.feedback{border-radius:12px;background:#fff0e5;padding:18px;margin:16px 0}.feedback.good{background:#e4f1e6}.timer{font-size:54px;font-variant-numeric:tabular-nums;font-weight:750;margin:12px 0}.notice{position:fixed;left:15px;right:15px;bottom:86px;background:#684c20;color:#fff;padding:12px;border-radius:12px;z-index:3}details{margin:20px 0}summary{cursor:pointer;font-weight:650}progress{width:100%;height:9px;accent-color:var(--green)}@media(max-width:560px){.top{padding:18px 16px;align-items:flex-start}.brand span{display:block;margin:0}.top #connection{max-width:150px;text-align:right}main{padding:0 16px 110px;margin-top:12px}.card{padding:20px}nav{gap:0}nav a{font-size:11px;padding:12px 7px}.match{grid-template-columns:1fr}.actions>*{flex:1;text-align:center}.grid{grid-template-columns:1fr 1fr}.grid .card{padding:16px}.lead{font-size:16px}}

/* iPhone: safe areas, 44px targets, inputs without automatic zoom. */
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:160px}
body{min-height:100vh;min-height:100dvh}
.top{padding-top:calc(18px + env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
main{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:calc(120px + env(safe-area-inset-bottom))}
button,.button,select,summary,nav a{min-height:44px}
input,select,textarea{font-size:16px}select{min-width:0;width:100%}input[type=number]{width:90px}fieldset{min-width:0}
summary{padding-block:10px}.option{min-height:52px}.card,.match>*{min-width:0}h1,h2,h3,p,label{overflow-wrap:break-word}
nav{-webkit-backdrop-filter:blur(8px);padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
nav a{display:flex;align-items:center;justify-content:center}#question,textarea{scroll-margin-top:16px;scroll-margin-bottom:160px}
@media(max-width:560px){
  main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(156px + env(safe-area-inset-bottom))}
  nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
  nav a{font-size:14px;padding:8px 4px;min-height:44px}
  .notice{bottom:calc(120px + env(safe-area-inset-bottom))}
  .actions>*{flex:1 1 160px}.match select{width:100%}
}
@media(pointer:coarse){body:has(textarea:focus) nav{display:none}}