:root{--bg: #f4f7fb;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef3fa;--sidebar-bg: #0f172a;--sidebar-bg-2: #111c33;--text: #0b1c30;--text-2: #475569;--text-3: #8a93a3;--text-inv: #eaf1ff;--text-sidebar: #9aa6bd;--text-sidebar-dim: #64748b;--primary: #0f172a;--primary-hover: #1e2a44;--on-primary: #ffffff;--accent: #2563eb;--accent-soft: #eff4ff;--success: #10b981;--success-hover: #059669;--warning: #f59e0b;--error: #ef4444;--chip-success-bg: #e7f8f0;--chip-success-fg: #047857;--chip-warning-bg: #fef5e6;--chip-warning-fg: #b45309;--chip-error-bg: #fdecec;--chip-error-fg: #b91c1c;--chip-info-bg: #eaf1ff;--chip-info-fg: #1d4ed8;--chip-neutral-bg: #eef2f7;--chip-neutral-fg: #475569;--border: #e6ecf3;--border-strong: #d6deea;--border-input: #cdd6e3;--r-card: 16px;--r-md: 11px;--r-sm: 8px;--r-pill: 999px;--sh-xs: 0 1px 2px rgba(15,23,42,.05);--sh-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--sh-md: 0 6px 18px rgba(15,23,42,.08);--sh-lg: 0 18px 44px rgba(15,23,42,.14);--sh-ring: 0 0 0 4px rgba(37,99,235,.12);--sidebar-w: 264px;--rail-w: 80px;--header-h: 76px;--content-max: 1560px;--pad-page: 32px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#2563eb2e}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#c9d3e0;border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#aab8cc;background-clip:content-box}.dark-scroll::-webkit-scrollbar-thumb{background:#2a3650;background-clip:content-box}.t-display{font-size:34px;font-weight:800;line-height:1.15;letter-spacing:-.02em}.t-h1{font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.02em}.t-h2{font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.t-h3{font-size:18px;font-weight:700;line-height:1.3}.t-body{font-size:15px;font-weight:400;line-height:1.6}.t-sm{font-size:13.5px;font-weight:400;line-height:1.5}.t-xs{font-size:12px;font-weight:500;line-height:1.4}.t-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.mono{font-family:var(--mono)}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-size:14px;font-weight:600;border-radius:var(--r-sm);padding:0 18px;height:42px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,box-shadow .15s,border-color .15s,transform .05s}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px;flex:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--sh-md)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-hover)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-input)}.btn-soft{background:var(--accent-soft);color:var(--accent)}.btn-soft:hover{background:#e2ebff}.btn-danger{background:var(--chip-error-bg);color:var(--chip-error-fg)}.btn-danger:hover{background:#fbdcdc}.btn-sm{height:36px;padding:0 14px;font-size:13px}.btn-lg{height:48px;padding:0 24px;font-size:15px}.btn-icon{width:42px;height:42px;padding:0}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-sm)}.card-pad{padding:22px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:var(--r-pill);white-space:nowrap;line-height:1}.chip svg{width:13px;height:13px}.chip .dot{width:7px;height:7px;border-radius:50%}.chip-success{background:var(--chip-success-bg);color:var(--chip-success-fg)}.chip-warning{background:var(--chip-warning-bg);color:var(--chip-warning-fg)}.chip-error{background:var(--chip-error-bg);color:var(--chip-error-fg)}.chip-info{background:var(--chip-info-bg);color:var(--chip-info-fg)}.chip-neutral{background:var(--chip-neutral-bg);color:var(--chip-neutral-fg)}.chip-new{background:#ef4444;color:#fff;animation:blink-red 1.1s ease-in-out infinite}.input,.select{width:100%;height:44px;padding:0 14px;font-family:var(--font);font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border-input);border-radius:var(--r-sm);outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-3)}.input:focus,.select:focus{border-color:var(--accent);box-shadow:var(--sh-ring)}.input-error{border-color:#e53e3e!important}.input-error:focus{box-shadow:0 0 0 3px #e53e3e26!important}.field-err{color:#e53e3e;font-size:12px;margin-top:4px}.field-icon{position:relative}.field-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-3);pointer-events:none}.field-icon .input{padding-left:42px}.field-icon .input.has-right-action{padding-right:44px}.field-action{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-3);display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}.field-action:hover{background:var(--surface-2);color:var(--text)}.field-action:disabled{opacity:.45;cursor:not-allowed}.field-icon .field-action svg{position:static;transform:none;width:18px;height:18px;color:currentColor;pointer-events:none}.bar{height:8px;border-radius:999px;background:#e6ecf4;overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;background:var(--primary);transition:width .4s ease}.bar.is-done>span{background:var(--success)}.avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex:none;background:var(--accent);overflow:hidden;background-size:cover;background-position:center}.tbl{width:100%;border-collapse:collapse}.tbl thead th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);padding:14px 18px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl tbody td{padding:15px 18px;font-size:14px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--surface-2)}.row{display:flex;align-items:center}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fade-in{animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.frame-mode .fade-in{animation:none!important;opacity:1!important;transform:none!important}.frame-mode .overlay{animation:none!important;opacity:1!important}.frame-mode .modal{animation:none!important;opacity:1!important;transform:none!important}.toggle{width:44px;height:25px;border-radius:999px;background:var(--border-strong);position:relative;flex:none;transition:background .2s;cursor:pointer}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:var(--sh-xs);transition:left .2s}.toggle[data-on=true]{background:var(--success)}.toggle[data-on=true]:after{left:22px}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}@keyframes blink-red{0%,to{background:#ef4444;opacity:1}50%{background:#dc2626;opacity:.55}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);flex:none;background:var(--sidebar-bg);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:40;transition:width .2s ease}.sb-brand{display:flex;align-items:center;gap:13px;padding:22px 22px 20px}.sb-logo{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;background:linear-gradient(150deg,#1f6feb,#10b981);box-shadow:0 6px 16px #10b9814d}.sb-logo svg{width:24px;height:24px;color:#fff}.sb-brand-txt{min-width:0}.sb-brand-txt .nm{color:#fff;font-weight:800;font-size:17px;letter-spacing:-.01em;line-height:1.1}.sb-brand-txt .sub{color:var(--text-sidebar-dim);font-size:11.5px;margin-top:3px}.sb-section{padding:6px 14px}.sb-section-label{color:#46536e;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:14px 12px 7px}.sb-nav{display:flex;flex-direction:column;gap:3px;padding:4px 14px;overflow-y:auto;flex:1}.sb-item{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:10px;color:var(--text-sidebar);font-size:14.5px;font-weight:500;cursor:pointer;border-left:3px solid transparent;transition:background .14s,color .14s;position:relative;-webkit-user-select:none;user-select:none}.sb-item svg{width:20px;height:20px;flex:none}.sb-item .lbl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-item .cnt{font-size:11px;font-weight:700;background:#ffffff14;color:#c5cfe2;padding:2px 8px;border-radius:999px}.sb-item:hover{background:#ffffff0d;color:#dbe3f1}.sb-item.active{background:#10b98121;color:#6ff5c0;border-left-color:var(--success);font-weight:600}.sb-item.active svg{color:#34e3a4}.sb-foot{padding:14px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:3px}.sb-role{margin:6px 14px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:5px;display:flex;gap:4px}.sb-role button{flex:1;border:none;background:transparent;color:#8a97b0;font-family:var(--font);font-size:12px;font-weight:600;padding:8px 4px;border-radius:8px;cursor:pointer;transition:.15s}.sb-role button.on{background:#fff;color:#0f172a;box-shadow:var(--sh-sm)}.main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden}.topbar{height:var(--header-h);flex:none;background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:18px;padding:0 var(--pad-page)}.topbar .search{flex:1;max-width:560px}.icon-btn{width:44px;height:44px;border-radius:11px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--text-2);position:relative;transition:.15s;flex:none}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:20px;height:20px}.icon-btn[data-size] svg{width:unset;height:unset}.icon-btn .badge-dot{position:absolute;top:9px;right:10px;width:9px;height:9px;background:var(--error);border-radius:50%;border:2px solid #fff}.icon-btn .badge-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--error);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;border-radius:999px;border:2px solid #fff}.user-pill{display:flex;align-items:center;gap:11px;padding:6px 12px 6px 8px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);cursor:pointer;transition:.15s}.user-pill:hover{background:var(--surface-2)}.user-pill .nm{font-size:13.5px;font-weight:700;line-height:1.1}.user-pill .rl{font-size:11.5px;color:var(--text-3)}.hamburger{display:none}.page{padding:var(--pad-page);width:100%;margin:0}.page-head{margin-bottom:26px}.page-head h1{margin:0 0 6px}.page-head p{margin:0;color:var(--text-2);font-size:15px}.grid{display:grid;gap:22px}.grid-stats{grid-template-columns:repeat(4,1fr)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(288px,1fr))}.grid-cards-fixed{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3-2{grid-template-columns:2fr 1fr}.stat{padding:22px;display:flex;flex-direction:column;gap:14px}.stat-top{display:flex;align-items:flex-start;justify-content:space-between}.stat-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center}.stat-ic svg{width:23px;height:23px}.stat-val{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1}.stat-lbl{font-size:14px;color:var(--text-2);font-weight:500}.stat-sub{font-size:12.5px;color:var(--text-3)}.course-card{overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}.course-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}.quiz-card{display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}.quiz-card:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}.course-thumb{height:150px;position:relative;background:#0f172a;background-size:cover;background-position:center}.course-thumb .tl{position:absolute;left:12px;top:12px}.course-thumb .tr{position:absolute;right:12px;top:12px}.course-body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.course-body h3{margin:0;font-size:15.5px;font-weight:700;line-height:1.3}.meta-row{display:flex;align-items:center;gap:7px;color:var(--text-2);font-size:13px}.meta-row svg{width:15px;height:15px;color:var(--text-3)}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}.tabs{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px;gap:2px}.tabs button{border:none;background:transparent;font-family:var(--font);font-size:13.5px;font-weight:600;color:var(--text-2);padding:8px 16px;border-radius:7px;cursor:pointer;transition:.15s;white-space:nowrap}.tabs button.on{background:var(--primary);color:#fff}.section-card{padding:0;overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.section-head h3{margin:0}.link{color:var(--accent);font-size:13.5px;font-weight:600;cursor:pointer}.link:hover{text-decoration:underline}.auth-link-button{border:0;background:transparent;padding:0;font-family:var(--font)}.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:26px}.pagebar{margin-top:22px}.pagebar .pager{margin-top:0}.pager button{min-width:38px;height:38px;border-radius:9px;border:1px solid var(--border);background:var(--surface);font-family:var(--font);font-weight:600;font-size:13.5px;color:var(--text-2);cursor:pointer;transition:.15s}.pager button:hover{background:var(--surface-2)}.pager button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:grid;place-items:center;padding:24px;animation:overlayIn .2s ease}.modal{background:var(--surface);border-radius:18px;box-shadow:var(--sh-lg);width:100%;max-width:560px;max-height:90vh;overflow:auto;animation:popIn .24s cubic-bezier(.2,.8,.3,1)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px 0}.modal-body{padding:18px 24px}.modal-foot{padding:16px 24px 22px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--border);margin-top:6px}.empty{text-align:center;padding:56px 24px;color:var(--text-2)}.empty .ic{width:64px;height:64px;border-radius:18px;background:var(--surface-3);display:grid;place-items:center;margin:0 auto 16px}.empty .ic svg{width:30px;height:30px;color:var(--text-3)}.login-split{display:flex;height:100dvh;min-height:100vh;width:100%;background:var(--surface);font-family:var(--font);overflow:hidden}.login-aside{position:relative;flex:1.05;background:linear-gradient(160deg,#0f172a,#16223c 55%,#0c1830);display:flex;flex-direction:column;padding:40px;overflow:hidden}.login-aside-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 320px at 12% 8%,rgba(37,99,235,.28),transparent 70%),radial-gradient(420px 360px at 96% 96%,rgba(16,185,129,.2),transparent 70%)}.login-brand{position:relative;display:flex;align-items:center;gap:12px}.login-aside-mid{position:relative;margin:auto;max-width:440px;text-align:center;padding:24px 0}.login-photo{width:100%;max-width:380px;aspect-ratio:4/3.4;margin:0 auto 30px;border-radius:20px;background-size:cover;background-position:center;box-shadow:0 24px 60px #0006;border:1px solid rgba(255,255,255,.1)}.login-aside-h{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 14px;line-height:1.2}.login-aside-p{color:#aab6cd;font-size:15px;line-height:1.65;margin:0 auto;max-width:400px}.login-dots{display:flex;gap:8px;justify-content:center;margin-top:26px}.login-dots span{width:9px;height:9px;border-radius:999px;background:#ffffff38;cursor:pointer;transition:.2s}.login-dots span.on{width:26px;background:var(--success)}.login-feats{position:relative;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.login-feat{display:flex;align-items:center;gap:7px;color:#cbd5e1;font-size:12.5px;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.09);padding:8px 14px;border-radius:999px}.login-feat svg{color:var(--success)}.login-form-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto}.login-form{width:100%;max-width:400px}.login-form-logo{width:56px;height:56px;border-radius:16px;background:var(--primary);color:#fff;display:grid;place-items:center;margin:0 auto 24px}@media(max-width:860px){.login-aside{display:none}.login-form-wrap{padding:28px 20px}}.gallery{min-height:100vh;background:var(--bg)}.gallery-head{position:sticky;top:0;z-index:10;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:20px 32px}.gallery-body{max-width:1280px;margin:0 auto;padding:30px 32px 40px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.gallery-card{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--sh-sm);cursor:pointer;font-family:var(--font);transition:box-shadow .16s,transform .16s,border-color .16s}.gallery-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px);border-color:var(--border-strong)}.gallery-card-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none}.gallery-card-t{font-weight:700;font-size:15px;color:var(--text)}.gallery-card-d{font-size:12.5px;color:var(--text-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-back{flex:none}.gallery-float{position:fixed;left:16px;top:16px;z-index:90;background:var(--surface);box-shadow:var(--sh-md)}@media(min-width:768px){.gallery-back{display:none}}@media(max-width:767px){.gallery-head{padding:16px}.gallery-body{padding:20px 16px 32px}.gallery-grid{grid-template-columns:1fr}}.frame-app{display:flex;height:100%;width:100%;background:var(--bg);font-family:var(--font);overflow:hidden;position:relative}.frame-app .sidebar{position:static;height:auto;align-self:stretch;top:auto}.frame-app .topbar{position:static}.frame-app .main{min-width:0;height:100%;overflow:hidden}.frame-app .grid-cards{grid-template-columns:repeat(4,1fr)}.frame-bare{height:100%;width:100%;background:var(--bg);overflow:hidden}.frame-bare .main{min-height:0!important;height:100%;overflow:visible}.frame-bare .topbar{position:static}.frame-bare .lecture-rail,.frame-bare .quiz-rail{position:static!important;max-height:none!important}@media(max-width:1180px){.grid-stats{grid-template-columns:repeat(2,1fr)}:root{--pad-page: 24px}}@media(max-width:1024px)and (min-width:768px){.sidebar{width:var(--rail-w)}.sidebar .sb-brand-txt,.sidebar .sb-brand .sub,.sidebar .sb-item .lbl,.sidebar .sb-item .cnt,.sidebar .sb-section-label,.sidebar .sb-role,.sidebar .sb-foot .lbl{display:none}.sidebar .sb-brand{justify-content:center;padding:22px 0 16px}.sidebar .sb-item{justify-content:center;padding:12px 0;border-left:none;border-radius:12px}.sidebar .sb-nav{padding:4px 12px;align-items:center}.grid-3-2,.grid-2{grid-template-columns:1fr}}@media(max-width:767px){:root{--pad-page: 16px;--header-h: 64px}.chat-shell{grid-template-columns:1fr!important;height:auto!important}.chat-list{display:none!important}.chat-thread{height:560px}.settings-grid{grid-template-columns:1fr!important}.settings-nav{display:flex!important;gap:6px;overflow-x:auto}.settings-nav>div{white-space:nowrap}.toolbar>*{flex:1 1 auto}.toolbar .tabs{width:100%;overflow-x:auto}.toolbar .field-icon,.toolbar .input{width:100%!important;max-width:none!important}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--sh-lg)}.sidebar .sb-brand-txt,.sidebar .sb-item .lbl,.sidebar .sb-item .cnt,.sidebar .sb-section-label,.sidebar .sb-role,.sidebar .sb-foot .lbl{display:revert}.sidebar .sb-brand{justify-content:flex-start;padding:22px}.sidebar .sb-item{justify-content:flex-start;padding:11px 13px;border-left:3px solid transparent;border-radius:10px}.sidebar .sb-nav{padding:4px 14px}.sidebar.open{transform:translate(0)}.lecture-wrap,.quiz-wrap{flex-direction:column!important}.lecture-rail,.quiz-rail{width:100%!important;max-height:none!important;position:static!important}.ai-panel{right:12px!important;left:12px!important;width:auto!important}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:39;animation:overlayIn .2s}.hamburger{display:grid}.grid-stats,.grid-cards{grid-template-columns:1fr}.topbar .search{display:none}.topbar .search.mobile-show{display:block}.user-pill .nm,.user-pill .rl{display:none}.user-pill{padding:5px;border:none}.t-display{font-size:26px}.t-h1{font-size:23px}.page-head p{font-size:14px}.modal-foot{flex-direction:column-reverse}.modal-foot .btn{width:100%}.pagebar{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px!important}.pagebar .pager{flex-wrap:wrap;justify-content:center;gap:4px}.pagebar .pager button{margin:2px 0}}.forum-content{color:var(--text);font-size:15px;line-height:1.7;overflow-wrap:anywhere}.forum-content p{margin:0 0 10px}.forum-content ul,.forum-content ol{margin:8px 0 12px 22px;padding:0}.forum-content blockquote{margin:12px 0;padding:10px 14px;border-left:3px solid #2563eb;border-radius:8px;background:#eff6ff;color:var(--text-2)}.forum-content code{padding:2px 5px;border-radius:6px;background:#eef2f7;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em}.forum-content pre{margin:12px 0;padding:14px;border-radius:12px;background:#0f172a;color:#e2e8f0;overflow-x:auto}.forum-content pre code{padding:0;background:transparent;color:inherit}.forum-content img{display:block;width:320px;height:200px;max-width:100%;object-fit:contain;cursor:zoom-in;border-radius:12px;border:1px solid var(--border);background:var(--surface-2)}.forum-image-preview-modal{position:relative;display:flex;align-items:center;justify-content:center;background:transparent}.forum-image-preview-modal img{display:block;width:auto;max-width:calc(92vw - 48px);max-height:86vh;object-fit:contain;border-radius:18px;background:#fff}.forum-image-lightbox-close{position:absolute;top:12px;right:12px;z-index:1;width:40px;height:40px;border:0;border-radius:999px;background:#ffffff29;color:#fff;font-size:28px;line-height:1;cursor:pointer}.forum-image-lightbox-close:hover{background:#ffffff3d}@media(max-width:768px){.forum-content img{width:100%;height:190px}.forum-image-preview-modal img{max-width:calc(100vw - 48px);max-height:82vh}}.ck-editor__editable_inline{min-height:120px}