:root{--ink:#16232b;--slate:#5c7079;--line:#dce6e6;--soft:#f4f8f8;--paper:#fff;--teal:#0e9b93;--teal-deep:#0b7c75;--teal-ink:#0a4f4b;--soft-teal:#e9f6f5;--green:#1e9e5a;--green-bg:#eaf8ef;--green-border:#bce8cc;--red:#d14343;--red-bg:#fdefef;--red-border:#f4c2c2;--amber:#b8860b;--amber-bg:#fff8e6;color:var(--ink);background:var(--soft);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.55 -apple-system,Segoe UI,Roboto,Inter,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{letter-spacing:-.3px;color:var(--ink);margin:0;font-weight:800}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:var(--teal-deep);text-decoration:none}.page{flex:1;width:100%;max-width:880px;margin:0 auto;padding:32px 20px 64px}.topbar{border-bottom:1px solid var(--line);background:var(--paper)}.topbar-inner{justify-content:space-between;align-items:center;max-width:880px;margin:0 auto;padding:16px 20px;display:flex}.brand{color:var(--teal-ink);font-size:18px;font-weight:800}.nav-links{gap:8px;display:flex}.nav-link{color:var(--slate);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.nav-link:hover,.nav-link.active{background:var(--soft-teal);color:var(--teal-ink)}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 1px 2px #1028280a}.btn{border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 4px 14px #0e9b9347}.btn-primary:hover{background:var(--teal-deep)}.btn-secondary{background:var(--soft-teal);color:var(--teal-ink)}.btn-secondary:hover{background:#ddf0ee}.btn-ghost{color:var(--slate)}.btn-ghost:hover{color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.32s both fade-in-up}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}.pop-in{animation:.35s both pop-in}.critters{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.critter{opacity:.16;filter:saturate(.9);font-size:28px;animation:7s ease-in-out infinite critter-float;position:absolute}@keyframes critter-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-18px)rotate(4deg)}}@keyframes check-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.check-draw path{stroke-dasharray:24;stroke-dashoffset:24px;animation:.4s .1s forwards check-draw}.option{text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px 18px;transition:border-color .15s,background .15s,transform .1s;display:flex}.option:hover:not(:disabled){border-color:var(--teal);background:var(--soft-teal);transform:translateY(-1px)}.option.selected{border-color:var(--teal);background:var(--soft-teal)}.option.correct{border-color:var(--green);background:var(--green-bg)}.option.incorrect{border-color:var(--red);background:var(--red-bg)}.option-letter{background:var(--soft);width:28px;height:28px;color:var(--slate);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.option.selected .option-letter,.option.correct .option-letter{background:var(--teal);color:#fff}.option.incorrect .option-letter{background:var(--red);color:#fff}.progress-bar{background:var(--line);border-radius:4px;height:6px;overflow:hidden}.progress-fill{background:var(--teal);border-radius:4px;height:100%;transition:width .3s}.text-slate{color:var(--slate)}.text-center{text-align:center}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;gap:12px;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}