:root{color-scheme:light;--ink:#153c3f;--muted:#476269;--accent:#17675c;--paper:#f4f8f7;--line:#c8d9d5;--warm:#f2dfb6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}header,main,footer{max-width:940px;margin:auto;padding:22px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}a{color:var(--accent);text-underline-offset:4px}h1{font-size:clamp(2rem,6vw,3.25rem);line-height:1.1;margin:.4em 0}h2{line-height:1.25}small,.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.875rem;font-weight:750}.notice{padding:12px 16px;background:var(--warm);border-radius:12px;font-size:.9rem}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:clamp(20px,4vw,38px);margin-top:22px;box-shadow:0 6px 18px #173d3510}.stats,.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.stats{border-bottom:1px solid var(--line);padding-bottom:16px;font-size:.9rem}.choices{display:grid;gap:12px;margin:22px 0}button,input{font:inherit}button{border:2px solid var(--accent);border-radius:12px;padding:12px 18px;background:white;color:var(--ink);cursor:pointer;text-align:left;min-height:48px}button:hover:not(:disabled){background:#eaf3ef}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ae682a;outline-offset:4px}button:disabled{cursor:default;opacity:.72}.primary{background:var(--accent);color:white;text-align:center}.primary:hover:not(:disabled){background:#104c43}.correct{border-color:#216a43;background:#edf7f0}.wrong{border-color:#a94a2f;background:#fff2ec}.feedback{padding:18px;border-left:5px solid var(--accent);background:#eef6f2;border-radius:0 10px 10px 0;margin:20px 0}.drink{display:flex;gap:24px;flex-wrap:wrap;align-items:center;font-size:1.2rem;padding:18px;background:#f5f2e9;border-radius:12px}.drink strong{display:block;font-size:2rem}input{width:180px;max-width:100%;padding:12px;border:2px solid var(--line);border-radius:9px}label{display:block;margin:18px 0 8px}progress{width:100%;height:12px;accent-color:var(--accent);margin-top:16px}.menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.menu a{display:block;text-decoration:none;padding:26px;background:white;border:1px solid var(--line);border-radius:20px}.menu a:hover{border-color:var(--accent)}footer{font-size:.875rem;padding-bottom:32px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(max-width:500px){header{display:block}.toolbar button{width:100%}.stats{font-size:.875rem}}