.pbody{background:var(--bg);min-height:100vh;padding-bottom:50px}.ptop{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffffe6;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:12px 22px}.ptop-course{font-weight:700;color:var(--ink);font-size:.96rem}.ptop-exit{color:var(--slate);font-weight:600;font-size:.9rem}.papp{max-width:760px;margin:0 auto;padding:30px 22px}.ploading,.pmsg{text-align:center;padding:70px 20px;color:var(--slate)}.pspin{width:38px;height:38px;border:3px solid var(--surface-2);border-top-color:var(--pn-blue);border-radius:50%;margin:0 auto 16px;animation:pspin 1s linear infinite}@keyframes pspin{to{transform:rotate(360deg)}}.pmsg h2{margin-bottom:8px}.pstart{text-align:center}.pstart h1{margin:6px 0 8px}.pstart-sub{color:var(--slate);max-width:46ch;margin:0 auto 28px}.pmodes{display:grid;gap:14px;text-align:left}.pmode{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.pmode:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--pn-blue)}.pmode-ic{grid-row:1 / 3;font-size:1.7rem}.pmode-t{font-family:var(--display);font-weight:800;color:var(--ink);font-size:1.1rem}.pmode-b{grid-column:2;color:var(--slate);font-size:.9rem}.pmode .go{grid-row:1 / 3;grid-column:3;color:var(--pn-blue-700);font-weight:700}.psec{margin-top:32px;text-align:left}.psec-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.psec-h h2{margin:0;font-size:1.3rem}.psec-sub{color:var(--slate);font-size:.9rem}.pmocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pmock{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:16px;cursor:pointer;font-family:var(--font);transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.pmock:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--pn-blue)}.pmock-n{font-family:var(--display);font-weight:800;color:var(--ink);font-size:1.02rem}.pmock-m{color:var(--slate);font-size:.82rem}.pmock .go{margin-top:6px;color:var(--pn-blue-700);font-weight:700;font-size:.85rem}.ptopics{display:flex;flex-wrap:wrap;gap:10px}.ptopic{background:var(--surface);border:1.5px solid var(--border);color:var(--ink-2);font-family:var(--font);font-weight:600;font-size:.92rem;padding:9px 15px;border-radius:30px;cursor:pointer;transition:all .15s ease}.ptopic:hover{border-color:var(--pn-blue);color:var(--pn-blue-700)}.ptopic-c{color:var(--slate-2);font-weight:700;margin-left:4px}.pbar-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pcount{color:var(--slate);font-weight:600;font-size:.9rem}.ptimer{background:var(--surface-2);color:var(--pn-blue-d);font-weight:800;padding:6px 13px;border-radius:30px;font-variant-numeric:tabular-nums}.pmode-tag{color:var(--slate-2);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.pbar{height:8px;background:var(--surface-2);border-radius:6px;overflow:hidden;margin-bottom:20px}.pbar i{display:block;height:100%;background:var(--pn-blue);border-radius:6px;transition:width .25s ease}.qcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow);margin-bottom:16px}.qtop{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.chip{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:20px}.chip.topic{background:#e8efff;color:var(--pn-blue-700)}.chip.easy{background:#dcfce7;color:#15803d}.chip.medium{background:#fef3c7;color:#b45309}.chip.hard{background:#fee2e2;color:#b91c1c}.qtext{font-weight:700;font-size:1.18rem;color:var(--ink);margin:0 0 20px;line-height:1.4}.qopts{display:grid;gap:11px}.qopt{display:flex;align-items:center;gap:12px;text-align:left;border:2px solid var(--border);border-radius:14px;padding:14px 16px;background:#fff;font-weight:600;font-size:1rem;font-family:var(--font);cursor:pointer;transition:border-color .12s ease,background .12s ease;color:var(--ink-2)}.qopt:hover:not([disabled]){border-color:var(--pn-blue);background:#f5f8ff}.qopt .k{flex:none;width:28px;height:28px;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:var(--slate)}.qopt.sel{border-color:var(--pn-blue);background:#f5f8ff}.qopt.sel .k{background:var(--pn-blue);color:#fff}.qopt.correct{border-color:var(--green);background:#f0fdf4}.qopt.correct .k{background:var(--green);color:#fff}.qopt.wrong{border-color:#ef4444;background:#fef2f2}.qopt.wrong .k{background:#ef4444;color:#fff}.qexp{margin-top:16px;background:#f8fafc;border:1px solid var(--border);border-left:3px solid var(--pn-blue);border-radius:10px;padding:14px 16px;font-size:.95rem;color:var(--ink-2)}.qexp b{color:var(--ink)}.pnav{display:flex;justify-content:space-between;align-items:center;gap:10px}.pnav-r{display:flex;gap:10px}.presults{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:36px;text-align:center;box-shadow:var(--shadow)}.score-ring{width:132px;height:132px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.score-ring .in{width:104px;height:104px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring .in b{font-family:var(--display);font-size:1.7rem;line-height:1;color:var(--ink)}.score-ring .in span{font-size:.82rem;color:var(--slate)}.presults h2{margin:0 0 4px}.pres-sub{color:var(--slate);margin:0 0 14px}.pres-saved{color:var(--green);font-weight:700;font-size:.92rem;margin:0 0 18px}.pres-nudge{display:inline-block;margin:0 0 18px;color:var(--pn-blue-700);font-weight:700;font-size:.92rem;text-decoration:none;background:#eff4ff;padding:9px 18px;border-radius:30px}.pres-nudge:hover{background:#e0e9ff}.weak{text-align:left;max-width:460px;margin:0 auto}.weak-h{font-weight:700;color:var(--ink);margin:0 0 12px}.weakrow{display:flex;align-items:center;gap:12px;margin-bottom:9px;font-size:.9rem}.weak-t{width:150px;color:var(--ink-2);flex:none}.weak-bar{flex:1;height:8px;background:var(--surface-2);border-radius:6px;overflow:hidden}.weak-bar i{display:block;height:100%;border-radius:6px}.weak-p{width:42px;text-align:right;color:var(--slate);font-weight:700}.pres-cta{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap}@media(max-width:560px){.weak-t{width:110px}.papp{padding:22px 16px}}