*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,button:focus,button:focus-visible{outline:none}body{color:#1e293b;background:#f1f5f9;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.nav{height:52px;top:var(--dev-stripe-h,0px);z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:0 16px;display:flex;position:sticky}body.is-dev{--dev-stripe-h:18px;--page-pt:32px}.nav-title{color:#1e293b;flex:1;font-size:18px;font-weight:700}.nav-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:8px;font-size:14px;font-weight:500}.nav-btn:hover{color:#1e293b;background:#f1f5f9}.nav-btn.active{color:#3b82f6}.page{max-width:600px;padding:24px;padding-top:var(--page-pt,16px);margin:0 auto;padding-bottom:100px}.card{background:#fff;border-radius:12px;margin-bottom:12px;padding:20px;box-shadow:0 1px 3px #00000012}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:15px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn-primary{color:#fff;background:#3b82f6}.btn-success{color:#fff;background:#22c55e}.btn-danger{color:#fff;background:#ef4444}.btn-ghost{color:#475569;background:#f1f5f9}.btn-secondary{color:#e2e8f0;background:#1e293b;border:1.5px solid #334155}.btn:not(:disabled):hover{opacity:.88}.btn-full{width:100%}.input,textarea{resize:vertical;color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:15px}.input:focus,textarea:focus{border-color:#3b82f6}label{color:#64748b;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group{margin-bottom:14px}.badge{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-red{color:#dc2626;background:#fee2e2}.badge-yellow{color:#ca8a04;background:#fef9c3}.badge-green{color:#16a34a;background:#dcfce7}.progress-bar{background:#e2e8f0;border-radius:999px;height:6px;margin-bottom:4px;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:999px;height:100%;transition:width .3s}.study-question{margin-bottom:16px;font-size:18px;font-weight:600;line-height:1.5}.option-btn{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:8px;padding:12px 14px;font-size:15px;transition:border-color .15s,background .15s;display:block}@media (hover:hover){.option-btn:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6}}.option-btn.correct{background:#f0fdf4;border-color:#22c55e;font-weight:600}.option-btn.wrong{background:#fef2f2;border-color:#ef4444}.option-btn.revealed{cursor:default}.action-row{gap:10px;margin-top:16px;display:flex}.action-row .btn{flex:1}.explanation{color:#475569;background:#f8fafc;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.5}.metrics{flex-wrap:wrap;gap:16px;display:flex}.metric{text-align:center}.metric-val{font-size:22px;font-weight:700}.metric-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.empty{text-align:center;color:#94a3b8;padding:48px 16px}.empty-icon{margin-bottom:12px;font-size:40px}.done{text-align:center;padding:32px 0}.done-icon{margin-bottom:12px;font-size:56px}.done h2{margin-bottom:8px;font-size:24px;font-weight:700}.done p{color:#64748b;margin-bottom:24px}