:root{--purple:#534ab7;--purple-dark:#26215c;--bg:#ffffff;--card:#f7f8fa;--border:#e5e7eb;--text:#1f2937;--muted:#6b7280}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:17px;line-height:1.5}a{color:var(--purple)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:10px;width:100%}.btn{background:var(--purple);color:#fff;border:0;border-radius:12px;padding:12px 20px;font-weight:600}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 16px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.muted{color:var(--muted)}.topbar{align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border)}.stepper,.topbar{display:flex;flex-wrap:wrap}.stepper{gap:8px}.step-pill{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 14px}.step-pill.now{background:var(--purple);color:#fff}.step-pill.now,.step-pill:hover{border-color:var(--purple)}.step-pill:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.layout{display:flex;min-height:100vh}.sidebar{width:260px;border-right:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.sidebar.rail{width:64px;padding:16px 10px}.sidebar.hidden,.sidebar.rail .label{display:none}.navbtn{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:8px}.navbtn.active{background:var(--purple);color:#fff;border-color:var(--purple)}.main{flex:1 1;padding:24px;max-width:960px}.qcard{border:1px solid var(--border);border-radius:16px;padding:20px;margin:16px 0}.optbtn,.qcard{background:#fff}.optbtn{display:block;width:100%;text-align:left;border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:8px 0}.optbtn.picked{border-color:var(--purple);background:#efedfb}.optbtn.correct{border-color:#1d9e75;background:#e6f7f1}.optbtn.wrong{border-color:#c2410c;background:#fff1e6}.banner{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:12px 16px;margin:16px 0}.pet-happy{animation:pet-bounce .6s ease}@keyframes pet-bounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-14px) scale(1.06)}60%{transform:translateY(0) scale(.97)}to{transform:translateY(0) scale(1)}}.pet-progress{background:#e5e7eb;border-radius:999px;height:12px;overflow:hidden}.pet-progress>div{background:var(--purple);height:100%}table{border-collapse:collapse;width:100%}td,th{border:1px solid var(--border);padding:8px 10px;text-align:left}.drawer{display:none}@media (max-width:900px){.sidebar{display:none}.sidebar.open{display:flex;position:fixed;left:0;top:0;bottom:0;background:#fff;z-index:20}.main{padding:16px}.drawer{display:inline-block}}