:root{--bg:#f4f7fb;--ink:#0b1729;--muted:#6c788b;--line:#e4eaf2;--card:#fff;--navy:#07111f;--blue:#3467ff;--blue2:#5a7cff;--green:#15936b;--red:#df4d57;--gold:#c58b25;--shadow:0 18px 50px rgba(10,25,50,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.bg-orb{position:fixed;border-radius:50%;filter:blur(50px);opacity:.18;pointer-events:none}.orb1{width:360px;height:360px;background:#6b8cff;top:-140px;right:-100px}.orb2{width:300px;height:300px;background:#5ce0bc;bottom:-160px;left:240px}.app{min-height:100vh;display:grid;grid-template-columns:265px 1fr}.sidebar{background:rgba(7,17,31,.98);color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand-logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#4b73ff,#284bd0);display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 8px 25px rgba(52,103,255,.3)}.brand b{display:block;font-size:17px}.brand span{display:block;color:#8996aa;font-size:11px;margin-top:1px}.nav{border:0;background:transparent;color:#9ca8b9;width:100%;padding:12px 12px;border-radius:11px;text-align:left;display:flex;gap:12px;align-items:center;font:inherit;cursor:pointer;margin:2px 0;transition:.2s}.nav:hover{background:#111f33;color:#fff;transform:translateX(2px)}.nav.active{background:#162b49;color:#fff;box-shadow:inset 3px 0 0 #6382ff}.nav span{font-size:13px}.side-bottom{margin-top:auto}.side-progress{background:#0d1b2d;border:1px solid #1a2b40;border-radius:14px;padding:13px;margin-bottom:12px}.side-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#9aa7b8}.side-progress b{color:#fff}.bar{height:6px;background:#1a2a3e;border-radius:99px;overflow:hidden;margin:9px 0 7px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5278ff,#65c8ff);transition:.5s}.side-progress small{color:#718096;font-size:10px}.reset{width:100%;background:transparent;border:1px solid #24364d;color:#8290a4;border-radius:10px;padding:9px;cursor:pointer}.reset:hover{color:#fff;border-color:#456080}main{min-width:0}header{height:68px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.75);backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:10}.crumb{font-weight:650}.local{margin-left:auto;font-size:11px;color:#778397;display:flex;align-items:center;gap:7px}.local i{width:7px;height:7px;border-radius:50%;background:#27b67d;box-shadow:0 0 0 4px #dff7ee}.hamb{display:none;border:0;background:none;font-size:21px;margin-right:15px}.view{max-width:1250px;margin:0 auto;padding:34px}.hero{background:linear-gradient(135deg,#081424,#142d4c);border-radius:25px;color:#fff;padding:42px;display:flex;justify-content:space-between;gap:30px;align-items:end;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-80px;top:-100px;background:rgba(91,126,255,.18);filter:blur(10px)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#6e85ff;margin-bottom:7px}.hero .eyebrow{color:#9fb2ff}.hero h1{font-size:38px;line-height:1.08;margin:0 0 13px;max-width:720px;letter-spacing:-.03em}.hero p{margin:0;color:#aebbd0;max-width:720px}.hero-actions{position:relative;z-index:2}.btn{border:0;border-radius:12px;padding:11px 17px;font:650 13px inherit;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 24px rgba(52,103,255,.23)}.btn-secondary{background:#fff;color:#233149;border:1px solid var(--line)}.btn-danger{background:#df4d57;color:#fff}.stats{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin:16px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;box-shadow:0 5px 20px rgba(10,25,50,.03)}.stat b{font-size:25px}.stat span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.stat .top{display:flex;align-items:center;gap:14px}.ring{width:62px;height:62px;border-radius:50%;background:conic-gradient(#5278ff var(--deg),#e8edf5 0);display:grid;place-items:center;position:relative}.ring:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.ring b{position:relative;z-index:1;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 2px 13px}.section-head h2{font-size:20px;margin:0}.section-head span{color:var(--muted);font-size:11px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.course{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;cursor:pointer;transition:.25s;box-shadow:0 4px 18px rgba(10,25,50,.025)}.course:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d5deeb}.course.locked{opacity:.55;cursor:default}.course-top{display:flex;gap:14px}.icon{width:44px;height:44px;border-radius:13px;background:#edf2ff;display:grid;place-items:center;font-size:20px;flex:none}.course h3{margin:0;font-size:15px}.course p{margin:5px 0 0;color:var(--muted);font-size:11px}.course-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:#7b8798;font-size:10px}.badge{border-radius:99px;padding:4px 8px;font-weight:700}.passed{background:#e5f8f0;color:#13865f}.open{background:#eaf0ff;color:#315fe7}.locked-b{background:#edf0f4;color:#7b8592}.fail{background:#fff0f1;color:#d34852}.mini{height:5px;background:#edf1f5;border-radius:99px;margin-top:14px;overflow:hidden}.mini i{display:block;height:100%;background:#5278ff;width:0}.detail{max-width:900px;margin:auto}.back{border:0;background:none;color:#66758a;padding:0;cursor:pointer;font:600 12px inherit;margin-bottom:17px}.detail-head{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 5px 22px rgba(10,25,50,.03)}.detail-head h1{margin:0;font-size:30px}.detail-head p{color:var(--muted);margin:7px 0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chip{background:#f2f5f9;border-radius:99px;padding:6px 10px;font-size:10px;color:#617086}.theory{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theory-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.theory-card h3{margin:0 0 7px;font-size:14px}.theory-card p{margin:0;color:#667489;font-size:12px}.learn{background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:12px;padding:18px}.learn .q{font-size:10px;color:#5874d7;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.learn h3{font-size:15px;margin:5px 0 12px}.answer{background:#f5f8fc;border-radius:12px;padding:11px 13px;font-size:12px}.answer strong{display:block;color:#5e6d82;font-size:10px;text-transform:uppercase;margin-bottom:4px}.qimg{display:block;max-width:min(100%,520px);max-height:300px;object-fit:contain;border-radius:12px;border:1px solid var(--line);margin:10px 0;background:#f7f9fb}.detail-actions{display:flex;justify-content:flex-end;margin-top:20px}.quiz{max-width:920px;margin:auto}.quiz-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.quiz-top h1{margin:0;font-size:28px}.counter{font-weight:800;color:#637187}.quizbar{height:7px;background:#e8edf4;border-radius:99px;overflow:hidden;margin-bottom:16px}.quizbar i{height:100%;display:block;background:linear-gradient(90deg,#4f72ff,#62b9ff);transition:.35s}.qcard{background:#fff;border:1px solid var(--line);border-radius:21px;padding:28px;box-shadow:var(--shadow)}.qtag{font-size:10px;color:#5271dc;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.qcard h2{font-size:22px;line-height:1.28;margin:7px 0 17px}.multi-note{font-size:11px;color:#ad7a20;background:#fff7e6;border:1px solid #f5e1b7;padding:7px 10px;border-radius:9px;display:inline-block;margin-bottom:12px}.options{display:grid;gap:9px}.option{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;background:#fff;border:1px solid #dce3ed;border-radius:13px;padding:13px;cursor:pointer;font:inherit;transition:.16s}.option:hover{border-color:#9db2ed;background:#f9fbff}.option.selected{border-color:#5274e8;background:#f0f4ff;box-shadow:0 0 0 2px rgba(82,116,232,.08)}.letter{width:26px;height:26px;border-radius:8px;background:#edf1f6;display:grid;place-items:center;font-size:10px;font-weight:800;flex:none}.selected .letter{background:#5274e8;color:#fff}.otext{font-size:13px;padding-top:3px}.quiz-foot{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.dots{display:flex;gap:5px}.dot{width:8px;height:8px;border-radius:50%;border:0;background:#dfe5ed;padding:0;cursor:pointer}.dot.done{background:#79a0ff}.dot.current{outline:3px solid #dbe4ff;background:#5274e8}.result{max-width:920px;margin:auto}.result-main{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;text-align:center;box-shadow:var(--shadow)}.result-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#e4f8ef;color:#15936b;font-size:28px;font-weight:900}.result-main.bad .result-icon{background:#fff0f1;color:#df4d57}.result-main h1{margin:0;font-size:28px}.score{font-size:52px;font-weight:900;letter-spacing:-.05em;margin:8px 0}.result-stats{display:flex;justify-content:center;gap:45px;margin:15px 0 20px}.result-stats b{display:block;font-size:20px}.result-stats span{display:block;color:var(--muted);font-size:10px}.actions{display:flex;justify-content:center;gap:8px}.review{margin-top:15px}.review h2{font-size:19px}.mistake{background:#fff;border:1px solid #f0d6d9;border-left:4px solid #df4d57;border-radius:14px;padding:17px;margin:9px 0}.mistake h3{font-size:14px;margin:0 0 10px}.ans{padding:9px 11px;border-radius:10px;margin-top:7px;font-size:12px}.ans b{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.ans.wrong{background:#fff3f4;color:#9c3c45}.ans.right{background:#edf9f4;color:#137451}.exam{max-width:920px;margin:auto}.exam-hero{background:linear-gradient(135deg,#091322,#243c65);color:#fff;border-radius:23px;padding:34px;box-shadow:var(--shadow)}.exam-hero h1{font-size:34px;margin:0 0 8px}.exam-hero p{color:#b4c1d5;max-width:690px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.rule{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:14px}.rule b{font-size:21px;display:block}.rule span{font-size:10px;color:#afbdd0}.exam-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;margin-top:14px}.exam-box h2{margin:0}.locked-box{background:#fff5f5;border:1px solid #f2d9dc;color:#8d3c44;border-radius:15px;padding:18px;margin-top:14px}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lab-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px;cursor:pointer;transition:.2s}.lab-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.lab-card img{width:100%;height:155px;object-fit:contain;background:#f5f7fa;border-radius:12px}.lab-card b{display:block;margin-top:9px;font-size:12px}.lab-card span{font-size:10px;color:var(--muted)}.mistake-empty{background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px;text-align:center;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(4,10,18,.55);display:grid;place-items:center;z-index:50}.hidden{display:none}.modal-box{background:#fff;border-radius:17px;padding:23px;max-width:400px;margin:20px}.modal-box h3{margin:0}.modal-box p{color:var(--muted);font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:24px;bottom:24px;background:#0b1729;color:#fff;padding:11px 15px;border-radius:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:60;font-size:12px}.toast.show{opacity:1;transform:none}.animate{animation:up .4s ease both}@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;transition:.25s;width:265px}.sidebar.open{left:0}.hamb{display:block}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.hero{padding:28px;flex-direction:column;align-items:flex-start}.theory{grid-template-columns:1fr}.lab-grid{grid-template-columns:repeat(2,1fr)}header{padding:0 18px}.view{padding:20px}.rules{grid-template-columns:1fr}.result-stats{gap:22px}}@media(max-width:560px){.hero h1{font-size:30px}.detail-head h1,.quiz-top h1{font-size:25px}.qcard{padding:20px}.qcard h2{font-size:19px}.lab-grid{grid-template-columns:1fr}.qimg{max-height:240px}.actions{flex-direction:column}.actions .btn{width:100%}}


.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:36px;height:36px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;cursor:pointer;font-size:16px;transition:.2s}.theme-toggle:hover{transform:translateY(-1px);border-color:#8ea4e8}
:root{--panel:#fff;--input:#fff;--soft:#f5f8fc;--soft2:#edf1f6;--text:#202b3b;--muted:#728095;--line:#e1e7ef}
html[data-theme="dark"]{color-scheme:dark}html[data-theme="dark"] body{background:#07111f;color:#e7edf7}html[data-theme="dark"] .sidebar{background:#0a1525;border-color:#18263a}html[data-theme="dark"] header{background:rgba(7,17,31,.82);border-color:#18263a}html[data-theme="dark"] .brand span,html[data-theme="dark"] .nav,html[data-theme="dark"] .side-progress,html[data-theme="dark"] .crumb,html[data-theme="dark"] .local,html[data-theme="dark"] .course p,html[data-theme="dark"] .course-foot,html[data-theme="dark"] .section-head span,html[data-theme="dark"] .hero p,html[data-theme="dark"] .stat span,html[data-theme="dark"] .theory-card p,html[data-theme="dark"] .detail-head p,html[data-theme="dark"] .back,html[data-theme="dark"] .learn .q,html[data-theme="dark"] .result-stats span,html[data-theme="dark"] .mistake-empty,html[data-theme="dark"] .lab-card span{color:#91a0b6}html[data-theme="dark"] .nav:hover{background:#111f33;color:#fff}html[data-theme="dark"] .nav.active{background:#172849;color:#fff}html[data-theme="dark"] .course,html[data-theme="dark"] .stat,html[data-theme="dark"] .detail-head,html[data-theme="dark"] .theory-card,html[data-theme="dark"] .learn,html[data-theme="dark"] .qcard,html[data-theme="dark"] .result-main,html[data-theme="dark"] .exam-box,html[data-theme="dark"] .lab-card,html[data-theme="dark"] .mistake,html[data-theme="dark"] .modal-box{background:#0d1a2b;border-color:#1c2b40;box-shadow:0 10px 30px rgba(0,0,0,.18)}html[data-theme="dark"] .course:hover,html[data-theme="dark"] .lab-card:hover{border-color:#334b72}html[data-theme="dark"] .icon{background:#152544}html[data-theme="dark"] .mini{background:#182638}html[data-theme="dark"] .answer{background:#111f32;color:#c4d0df}html[data-theme="dark"] .chip{background:#172538;color:#aebbd0}html[data-theme="dark"] .option{background:#0d1a2b;border-color:#2a3b52;color:#e7edf7}html[data-theme="dark"] .option:hover{background:#122239;border-color:#5570ad}html[data-theme="dark"] .option.selected{background:#15294a;border-color:#5878d8}html[data-theme="dark"] .letter{background:#1a2a3d;color:#bdc9d9}html[data-theme="dark"] .selected .letter{background:#5274e8;color:#fff}html[data-theme="dark"] .btn-secondary{background:#122035;color:#dbe5f2;border-color:#293c56}html[data-theme="dark"] .btn-secondary:hover{background:#182a43}html[data-theme="dark"] .qimg,html[data-theme="dark"] .lab-card img{background:#081321;border-color:#26374c}html[data-theme="dark"] .ring{background:conic-gradient(#6f8cff var(--deg),#1b2a3e 0)}html[data-theme="dark"] .ring:after{background:#0d1a2b}html[data-theme="dark"] .bar{background:#182638}html[data-theme="dark"] .reset{color:#aebbd0;border-color:#293b53;background:#101e30}html[data-theme="dark"] .reset:hover{background:#17283e}html[data-theme="dark"] .multi-note{background:#302a18;border-color:#58491e;color:#e0bc62}html[data-theme="dark"] .mistake{border-color:#4b2930;border-left-color:#df4d57}html[data-theme="dark"] .ans.wrong{background:#301c22;color:#efabb2}html[data-theme="dark"] .ans.right{background:#123026;color:#8dd4b7}html[data-theme="dark"] .locked-box{background:#301b20;border-color:#5a2b34;color:#efabb2}html[data-theme="dark"] .toast{background:#eef4ff;color:#172238}html[data-theme="dark"] .modal{background:rgba(0,0,0,.72)}html[data-theme="dark"] .back:hover{color:#dce6f5}
.auth-open{overflow:hidden}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(82,116,232,.16),transparent 32%),radial-gradient(circle at 80% 90%,rgba(64,180,150,.12),transparent 28%),var(--bg)}.auth-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 24px 80px rgba(20,40,80,.12)}.auth-logo{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#5274e8,#62b9ff);color:#fff;font-size:26px;margin-bottom:18px}.auth-card h1{font-size:30px;margin:4px 0 7px}.auth-sub{color:var(--muted);font-size:13px;margin:0 0 20px}.auth-card form{display:grid;gap:13px}.auth-card label{font-size:11px;font-weight:800;color:var(--muted);display:grid;gap:6px}.auth-card input{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:12px;padding:13px 14px;outline:none;font:inherit}.auth-card input:focus{border-color:#6684e8;box-shadow:0 0 0 3px rgba(82,116,232,.12)}.wide{width:100%;justify-content:center}.auth-divider{text-align:center;color:var(--muted);font-size:11px;margin:13px 0}.auth-note{font-size:10px;line-height:1.5;color:var(--muted);text-align:center;margin:16px 0 0}.auth-error{background:#fff0f1;border:1px solid #f1cbd0;color:#a33d47;border-radius:11px;padding:10px 12px;font-size:11px;margin-bottom:13px}html[data-theme=dark] .auth-error{background:#301c22;border-color:#5b3038;color:#efabb2}.profile-head{display:flex;align-items:center;gap:17px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);margin-bottom:14px}.profile-head h1{margin:2px 0 5px}.profile-head p{margin:0;color:var(--muted);font-size:12px}.profile-head .btn{margin-left:auto}.avatar{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#5274e8,#62b9ff);color:#fff;font-size:25px;font-weight:900}.profile-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.profile-panel h2{margin-top:0}.profile-panel p{color:var(--muted);font-size:13px}
@media(max-width:560px){.auth-card{padding:24px}.profile-head{align-items:flex-start;flex-wrap:wrap}.profile-head .btn{margin-left:0;width:100%}}
.user-pill{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;padding:8px 11px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-pill:hover{border-color:#8ea4e8}html[data-theme=dark] .user-pill{background:#0d1a2b;border-color:#26374c;color:#e7edf7}
.auth-open .sidebar,.auth-open main>header{display:none}.auth-open .app{display:block}.auth-open main{min-height:100vh}

/* v11 mobile polish */
.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;color:var(--muted);font-size:12px}.admin-table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:auto;box-shadow:var(--shadow)}.admin-table{min-width:900px}.admin-row{display:grid;grid-template-columns:1.45fr 1fr .8fr .6fr 1.1fr 1.35fr;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line);font-size:12px}.admin-row:last-child{border-bottom:0}.admin-head{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--soft)}.admin-badge{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:6px;background:#e9efff;color:#4764bd;font-size:8px;font-weight:900}.admin-actions{display:flex;gap:6px}.mini-btn{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:8px;padding:7px 9px;font:inherit;font-size:10px;cursor:pointer}.mini-btn:hover{border-color:#7e96df}.danger-mini{color:#a53e49}.admin-nav{margin-top:4px}
html[data-theme=dark] .admin-head{background:#101e30}html[data-theme=dark] .admin-badge{background:#18294b;color:#aebfff}html[data-theme=dark] .mini-btn{background:#122035;color:#dbe5f2;border-color:#293c56}
@media(max-width:900px){body{overflow-x:hidden}.sidebar{z-index:40;box-shadow:12px 0 35px rgba(0,0,0,.14)}.app main{min-width:0}header{min-height:58px;gap:10px}.header-actions{margin-left:auto;gap:6px}.local{display:none}.user-pill{max-width:125px}.view{padding:16px}.hero{border-radius:18px}.detail-head,.qcard,.exam-box,.profile-panel{border-radius:16px}.qimg{max-width:100%;height:auto;object-fit:contain}.option{min-height:54px;padding:12px}.btn{min-height:44px}.admin-table-wrap{margin-left:-2px;margin-right:-2px}}
@media(max-width:560px){header{padding:0 12px}.crumb{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-toggle{width:40px;height:40px}.user-pill{height:40px;max-width:112px}.hamb{width:40px;height:40px}.view{padding:12px}.hero{padding:22px}.hero h1{font-size:26px;line-height:1.08}.hero p{font-size:12px}.section-head{align-items:flex-start;gap:6px}.section-head h2{font-size:19px}.grid{gap:9px}.course{padding:14px}.course-top{gap:10px}.course h3{font-size:13px}.course p{font-size:10px}.detail-head{padding:20px}.detail-head h1{font-size:24px}.theory-card{padding:15px}.learn{padding:15px}.quiz-top{gap:8px}.quiz-top h1{font-size:22px}.qcard{padding:16px}.qcard h2{font-size:18px;line-height:1.3}.qtag{font-size:9px}.qimg{max-height:300px;border-radius:10px}.option{font-size:12px;gap:9px}.letter{width:30px;height:30px;flex:0 0 30px}.actions{gap:7px}.actions .btn{min-height:46px}.profile-head{padding:18px}.avatar{width:50px;height:50px}.profile-head h1{font-size:23px}.stats{gap:8px}.stat{padding:15px}.stat b{font-size:21px}.lab-grid{gap:9px}.lab-card{padding:9px}.lab-card img{height:145px}.auth-shell{padding:12px}.auth-card{padding:22px;border-radius:20px}.auth-card h1{font-size:26px}.auth-card input{font-size:16px;min-height:48px}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-table-wrap{border-radius:14px}.admin-row{padding:11px 12px}.toast{left:12px;right:12px;bottom:12px;text-align:center}.modal-box{margin:12px;width:calc(100% - 24px);box-sizing:border-box}.reset{padding:11px}.side-progress{padding:12px}}
@media(hover:none){.course:hover,.lab-card:hover{transform:none;box-shadow:none}.nav,.option,.btn,.mini-btn,.theme-toggle,.user-pill{touch-action:manipulation}.option:hover{transform:none}}