:root{color:#0a2a21;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom));background:#f7f6f1;margin:0}button,a{font:inherit}.app-shell{width:min(100% - 42px,654px);margin:0 auto;padding:56px 0 48px}.app-header{justify-content:space-between;align-items:center;margin-bottom:46px;display:flex}.brand{color:#092a21;letter-spacing:-.035em;align-items:center;gap:10px;font-size:1rem;font-weight:780;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#0b3027;border-radius:9px;place-items:center;width:31px;height:31px;font-size:.75rem;font-weight:800;display:grid}.progress{color:#52625c;font-size:.8125rem;font-weight:700}.question-card{width:100%}h1{color:#092a21;letter-spacing:-.04em;max-width:680px;margin:0;font-size:1.375rem;font-weight:790;line-height:1.28}.instruction{color:#61706a;margin:14px 0 20px;font-size:.875rem;line-height:1.5}.answers{gap:13px;display:grid}.answer{color:#0a2a21;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8ddd7;border-radius:16px;align-items:center;gap:13px;width:100%;min-height:64px;padding:8px 14px;font-size:.8rem;font-weight:650;line-height:1.35;transition:border-color .15s,background .15s,transform .15s;display:flex;box-shadow:0 2px #0a2a2106}.answer:hover:not(:disabled),.answer:focus-visible{background:#fbfdfb;border-color:#7f938b;outline:none;transform:translateY(-1px)}.answer:disabled{cursor:default;opacity:.62}.answer-letter{color:#0a2a21;background:#f0f2ee;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:.75rem;font-weight:800;display:grid}.answer.correct{opacity:1;background:#f4fbf7;border-color:#2c7b60}.answer.correct .answer-letter{color:#fff;background:#0b503d}.answer.incorrect{opacity:1;background:#fff8f6;border-color:#b9655f}.answer.incorrect .answer-letter{color:#fff;background:#9d4d48}.feedback{border-radius:14px;margin-top:16px;padding:16px}.feedback.success{color:#154c3a;background:#e8f4ed}.feedback.retry{color:#713b37;background:#f8e9e6}.feedback p{margin:8px 0 18px;line-height:1.6}.feedback button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.install-backdrop{z-index:20;background:#03110d8a;animation:.18s ease-out fade-in;position:fixed;inset:0}.install-dock{z-index:30;min-height:78px;padding:12px 21px calc(12px + env(safe-area-inset-bottom));color:#fff;background:#10291f;align-items:center;gap:14px;animation:.22s ease-out slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #03110d29}.install-button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-self:stretch;align-items:center;gap:13px;min-width:0;padding:0;font-size:.875rem;font-weight:600;display:flex}.install-button:hover,.install-button:focus-visible{outline:none}.install-button:hover>span:last-child,.install-button:focus-visible>span:last-child{text-underline-offset:3px;text-decoration:underline}.install-mark{color:#fff;background:#0b3027;border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:.875rem;font-weight:800;display:grid}.install-close{color:#fff;cursor:pointer;background:#ffffff1c;border:0;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;padding:0;font-size:1.3rem;font-weight:500;display:grid}.install-close:hover,.install-close:focus-visible{outline-offset:2px;background:#ffffff2e;outline:2px solid #ffffff8c}.install-help{z-index:31;right:18px;bottom:calc(88px + env(safe-area-inset-bottom));color:#fff;text-align:center;background:#10291f;border-radius:12px;width:min(100% - 36px,520px);margin:0 auto;padding:10px 14px;font-size:.75rem;line-height:1.4;position:fixed;left:18px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.install-backdrop,.install-dock{animation:none}}@media (width<=400px){.app-shell{width:min(100% - 42px,654px)}.answer{padding-right:12px}}@media (width>=700px){.app-shell{padding-top:64px}.brand-mark{border-radius:12px;width:40px;height:40px;font-size:.875rem}.brand{gap:13px;font-size:1.125rem}h1{font-size:2.35rem}.instruction{margin:24px 0 38px;font-size:1rem}.answer{border-radius:22px;min-height:90px;padding:14px 20px;font-size:1rem}.answer-letter{border-radius:15px;flex-basis:52px;width:52px;height:52px}}