*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fcfcfb;--bg-grain:#fcfcfb;--surface:#fff;--surface-2:#f7f7f6;--surface-3:#efefee;--border:#e9e9e7;--border-2:#dadad7;--ink:#1b1b1a;--ink-2:#44443f;--ink-3:#717168;--ink-4:#a0a097;--primary:#2563a8;--primary-deep:#1e4f87;--primary-mid:#3b7ac0;--primary-soft:#eaf1f9;--primary-glow:rgba(37,99,168,.14);--accent:#2563a8;--accent-deep:#1e4f87;--accent-soft:#eaf1f9;--green:#1b7a47;--green-soft:#e8f4ed;--blue:#2563a8;--blue-soft:#eaf1f9;--red:#c0392b;--red-soft:#fbeae7;--amber:#b07a0b;--amber-soft:#faf3e2;--topnav-bg:#fff;--topnav-text:#1b1b1a;--sidebar-bg:#fff;--sidebar-bg-2:#f7f7f6;--bottom-bg:#fff;--font-sans:"Noto Sans Tamil","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Plus Jakarta Sans","Noto Sans Tamil",-apple-system,sans-serif;--font-serif:"Fraunces","Noto Serif Tamil",Georgia,serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--r-sm:8px;--r:12px;--r-lg:16px;--r-xl:22px;--sh-xs:0 1px 2px hsla(0,0%,8%,.03);--sh-sm:0 1px 3px hsla(0,0%,8%,.05),0 1px 2px hsla(0,0%,8%,.03);--sh:0 1px 3px hsla(0,0%,8%,.05),0 1px 2px hsla(0,0%,8%,.04);--sh-md:0 4px 14px hsla(0,0%,8%,.06),0 2px 5px hsla(0,0%,8%,.04);--sh-lg:0 12px 32px hsla(0,0%,8%,.09),0 4px 10px hsla(0,0%,8%,.05);--sh-primary:0 4px 14px rgba(37,99,168,.18);--ease:cubic-bezier(0.22,1,0.36,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--t-fast:0.15s var(--ease);--t:0.25s var(--ease);--t-slow:0.4s var(--ease-out)}[data-theme=dark]{--bg:#121212;--bg-grain:#121212;--surface:#1a1a1a;--surface-2:#212121;--surface-3:#2a2a2a;--border:#2e2e2e;--border-2:#3d3d3d;--ink:#ececea;--ink-2:#cfcfcb;--ink-3:#9a9a92;--ink-4:#6e6e66;--primary:#5b9bd5;--primary-deep:#3b7ac0;--primary-mid:#7ab0e0;--primary-soft:#16242f;--primary-glow:rgba(91,155,213,.22);--accent:#5b9bd5;--accent-deep:#3b7ac0;--accent-soft:#16242f;--green:#2ea86a;--green-soft:#0e2a1a;--blue:#5b9bd5;--blue-soft:#16242f;--red:#e8604c;--red-soft:#2e1510;--amber:#e0a52a;--amber-soft:#2a2008;--topnav-bg:#1a1a1a;--topnav-text:#ececea;--sidebar-bg:#1a1a1a;--sidebar-bg-2:#212121;--bottom-bg:#1a1a1a;--sh-xs:0 1px 2px rgba(0,0,0,.3);--sh-sm:0 1px 3px rgba(0,0,0,.4);--sh:0 2px 8px rgba(0,0,0,.4);--sh-md:0 6px 20px rgba(0,0,0,.5);--sh-lg:0 16px 40px rgba(0,0,0,.6);--sh-primary:0 6px 20px rgba(91,155,213,.3)}body,html{height:100%;font-family:var(--font-sans);color:var(--ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,html{background:var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.shell{display:flex}.topnav{display:none;position:fixed;top:0;left:0;right:0;z-index:200;height:58px;background:var(--topnav-bg);align-items:center;padding:0 16px;gap:12px;box-shadow:var(--sh-md)}.topnav-logo{gap:9px;flex:1 1;min-width:0}.topnav-logo,.topnav-logo-mark{display:flex;align-items:center}.topnav-logo-mark{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-mid));justify-content:center;font-weight:800;font-size:15px;color:#fff;box-shadow:var(--sh-primary)}.topnav-logo-text{font-weight:700;font-size:17px;color:#fff;font-family:var(--font-display)}.topnav-badge{background:hsla(0,0%,100%,.13);color:#fff;font-size:10px;font-weight:700;padding:4px 9px;border-radius:7px;white-space:nowrap}.topnav-streak{font-size:13px;color:hsla(0,0%,100%,.92);white-space:nowrap;font-weight:600}.topnav-btn{background:none;border:none;color:hsla(0,0%,100%,.8);padding:7px;border-radius:8px;display:flex;align-items:center;font-size:18px;transition:var(--t-fast)}.topnav-btn:hover{background:hsla(0,0%,100%,.12);color:#fff}.sidebar-panel{width:248px;flex-shrink:0;padding:22px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(180deg,var(--sidebar-bg),var(--sidebar-bg-2));color:#fff;border-right:1px solid hsla(0,0%,100%,.06)}.sidebar-logo{display:flex;align-items:center;gap:11px;padding:0 8px 20px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:14px}.sidebar-logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--primary-mid));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;box-shadow:var(--sh-primary)}.sidebar-logo-text{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1;letter-spacing:-.01em}.sidebar-logo-sub{font-size:10px;opacity:.5;margin-top:3px;letter-spacing:.08em}.sidebar-exam-badge{margin:0 4px 12px;padding:9px 12px;border-radius:10px;background:linear-gradient(135deg,rgba(192,57,43,.22),rgba(220,84,64,.12));border:1px solid rgba(220,84,64,.25);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:hsla(0,0%,100%,.65)}.sidebar-exam-badge strong{color:#fff;font-size:12px;font-weight:700}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.sidebar-nav-section{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:hsla(0,0%,100%,.32);padding:15px 12px 6px;font-weight:700}.sidebar-link{display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:10px;font-size:13.5px;color:hsla(0,0%,100%,.72);font-weight:500;transition:var(--t-fast);position:relative}.sidebar-link:hover{background:hsla(0,0%,100%,.07);color:#fff;transform:translateX(2px)}.sidebar-link.active{background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;box-shadow:var(--sh-primary)}.sidebar-link.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0}.sidebar-link-icon{font-size:17px;width:20px;text-align:center;flex-shrink:0}.sidebar-footer{padding-top:14px;border-top:1px solid hsla(0,0%,100%,.08)}.sidebar-user{background:hsla(0,0%,100%,.05);border-radius:11px;padding:10px;display:flex;align-items:center;gap:9px;margin-bottom:9px}.sidebar-user-avatar{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-mid));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.sidebar-logout,.sidebar-theme-btn{width:100%;padding:8px 11px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.72);border-radius:9px;font-size:11.5px;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:7px;transition:var(--t-fast);font-weight:500}.sidebar-logout:hover,.sidebar-theme-btn:hover{background:hsla(0,0%,100%,.12);color:#fff}.bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;height:64px;background:var(--bottom-bg);box-shadow:0 -4px 20px rgba(0,0,0,.15)}.bottom-tabs-inner{display:flex;height:100%}.bottom-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:hsla(0,0%,100%,.45);font-size:9.5px;font-weight:600;letter-spacing:.02em;border:none;background:none;transition:var(--t-fast);position:relative}.bottom-tab i{font-size:21px;line-height:1;transition:var(--t-fast)}.bottom-tab.active,.bottom-tab.active i{color:var(--primary-mid)}.bottom-tab.active i{transform:translateY(-2px)}.bottom-tab.active:after{content:"";position:absolute;top:0;width:28px;height:3px;background:var(--primary-mid);border-radius:0 0 3px 3px}.main{flex:1 1;padding:32px 40px;min-width:0;animation:fadeIn .4s var(--ease)}.page-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:16px}.page-h h1{font-family:var(--font-display);font-weight:600;font-size:32px;letter-spacing:-.025em;line-height:1.1}.page-h-sub{font-size:13px;color:var(--ink-3);margin-top:5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--sh-sm);transition:var(--t);animation:fadeUp .4s var(--ease) backwards}.card+.card{margin-top:14px}.card-h{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);font-weight:700;margin-bottom:12px}.card-title{font-family:var(--font-display);font-weight:600;font-size:17px;margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--sh-sm);transition:var(--t);position:relative;overflow:hidden;animation:fadeUp .4s var(--ease) backwards}.stat-tile:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:radial-gradient(circle,var(--primary-glow),transparent 70%);opacity:0;transition:var(--t)}.stat-tile:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--border-2)}.stat-tile:hover:after{opacity:1}.stat-tile-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:8px;font-weight:700}.stat-tile-value{font-family:var(--font-display);font-weight:600;font-size:30px;letter-spacing:-.02em;line-height:1}.stat-tile-meta{font-size:12px;color:var(--ink-3);margin-top:6px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:600;border:1px solid transparent;transition:var(--t-fast);position:relative;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;box-shadow:var(--sh-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px var(--primary-glow)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--border-2);box-shadow:var(--sh-xs)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--ink-4);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-deep));box-shadow:0 4px 14px rgba(224,138,30,.3)}.btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--border-2)}.btn-ghost:hover{background:var(--surface-2)}.btn-lg{padding:13px 26px;font-size:14.5px;border-radius:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{width:100%;padding:11px 14px;border:1.5px solid var(--border-2);border-radius:10px;background:var(--surface);color:var(--ink);transition:var(--t-fast);font-size:14px}.input:hover{border-color:var(--ink-4)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:12px;font-weight:700;color:var(--ink-2);letter-spacing:.01em}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);font-weight:700;padding:11px 14px;border-bottom:2px solid var(--border)}.table td{padding:13px 14px;border-bottom:1px solid var(--border)}.table tr{transition:var(--t-fast)}.table tbody tr:hover td{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.01em}.badge-green{background:var(--green-soft);color:var(--green)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-gray{background:var(--surface-3);color:var(--ink-2)}.q-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;margin-bottom:16px;box-shadow:var(--sh-sm);transition:var(--t);animation:fadeUp .35s var(--ease) backwards}.q-card:hover{box-shadow:var(--sh);border-color:var(--border-2)}.q-meta{display:flex;align-items:center;gap:9px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--border);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.q-text{font-family:var(--font-serif);font-weight:500;font-size:19px;margin-bottom:8px;letter-spacing:-.005em}.q-text,.q-text-tamil{line-height:1.6;white-space:pre-line}.q-text-tamil{font-family:var(--font-sans);font-size:15px;color:var(--ink-3);margin-bottom:16px}.q-options{display:flex;flex-direction:column;gap:11px}.q-option{padding:15px 17px;border:1.5px solid var(--border-2);border-radius:12px;font-size:14.5px;cursor:pointer;transition:var(--t);display:flex;align-items:center;gap:13px;min-height:54px;color:var(--ink);background:var(--surface)}.q-option:hover:not(.correct):not(.wrong){background:var(--surface-2);border-color:var(--primary);transform:translateX(3px)}.q-option.selected{border-color:var(--accent);background:var(--accent-soft)}.q-option.correct{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:600}.q-option.wrong{border-color:var(--red);background:var(--red-soft);color:var(--red)}.q-option-letter{width:30px;height:30px;border-radius:9px;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;border:1.5px solid var(--border-2);transition:var(--t-fast)}.q-option.correct .q-option-letter{background:var(--green);color:#fff;border-color:var(--green);animation:pop .3s var(--ease)}.q-option.wrong .q-option-letter{background:var(--red);color:#fff;border-color:var(--red)}.q-asked-in{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border);display:flex;flex-wrap:wrap;gap:7px;align-items:center}.q-asked-tag{background:var(--primary-soft);color:var(--primary-deep);border:1px solid rgba(192,57,43,.18);padding:4px 11px;border-radius:7px;font-size:11px;font-weight:700}.q-explanation{margin-top:14px;padding:16px 18px;background:var(--surface-2);border-radius:12px;font-size:13.5px;line-height:1.7;border-left:3px solid var(--primary);animation:fadeUp .3s var(--ease)}.ask-ai-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;background:linear-gradient(135deg,var(--accent-soft),var(--surface-2));color:var(--accent-deep);border:1px solid rgba(224,138,30,.25);font-size:12.5px;font-weight:700;margin-top:12px;cursor:pointer;transition:var(--t-fast)}.ask-ai-btn:hover{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;transform:translateY(-1px)}.ask-ai-btn:disabled{opacity:.6;cursor:wait}.ai-response{margin-top:12px;padding:16px 18px;background:var(--surface-2);border-radius:12px;font-size:13.5px;line-height:1.75;border-left:3px solid var(--accent);color:var(--ink-2);animation:fadeUp .3s var(--ease)}.ai-response-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-deep);margin-bottom:7px}.prog-bar{height:9px;background:var(--surface-3);border-radius:5px;overflow:hidden}.prog-bar-fill{height:100%;border-radius:5px;transition:width .6s var(--ease-out)}.prog-bar-fill.primary{background:linear-gradient(90deg,var(--primary),var(--primary-mid))}.prog-bar-fill.accent{background:linear-gradient(90deg,var(--accent),var(--accent-deep))}.prog-bar-fill.green{background:linear-gradient(90deg,var(--green),#27ae60)}.heatmap-grid{display:flex;gap:3px;flex-wrap:wrap}.heatmap-cell{width:13px;height:13px;border-radius:3px;background:var(--surface-3);flex-shrink:0;transition:var(--t-fast)}.heatmap-cell:hover{transform:scale(1.5);box-shadow:var(--sh-sm)}.heatmap-cell.lvl1{background:rgba(192,57,43,.28)}.heatmap-cell.lvl2{background:rgba(192,57,43,.5)}.heatmap-cell.lvl3{background:rgba(192,57,43,.75)}.heatmap-cell.lvl4{background:var(--primary)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at top,var(--primary-soft),var(--bg) 60%)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:40px;width:100%;max-width:420px;box-shadow:var(--sh-lg);animation:scaleIn .4s var(--ease)}.auth-logo{gap:11px;margin-bottom:26px}.auth-logo,.row{display:flex;align-items:center}.col,.row{gap:12px}.col{display:flex;flex-direction:column}.spacer{flex:1 1}.muted{color:var(--ink-3)}.text-sm{font-size:13px}.text-xs{font-size:11px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.card:first-child{animation-delay:.02s}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.1s}.stat-tile:first-child{animation-delay:.02s}.stat-tile:nth-child(2){animation-delay:.06s}.stat-tile:nth-child(3){animation-delay:.1s}.stat-tile:nth-child(4){animation-delay:.14s}@media(max-width:768px){.page-h{flex-direction:column;align-items:flex-start;gap:10px}.page-h h1{font-size:26px}.grid-2{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.q-card{padding:18px}.q-text{font-size:17px}.q-option{padding:13px 15px;font-size:14px;min-height:50px}}@media(min-width:769px) and (max-width:1024px){.sidebar-panel{width:210px}.main{padding:28px 26px}}.input-field{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:14px;font-family:var(--font-sans);transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-field::placeholder{color:var(--ink-4)}.btn-accent{background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);text-decoration:none;font-family:var(--font-sans)}.btn-accent:hover{background:var(--accent-deep);transform:translateY(-1px);box-shadow:0 4px 14px rgba(224,138,30,.3)}@keyframes ti-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ti-spin{animation:ti-spin .8s linear infinite}.exam-badge{display:inline-flex!important}@media (max-width:768px){.exam-badge{display:none!important}}.main,.shell{min-height:100vh}.main{padding:88px 32px 40px;animation:fadeIn .35s var(--ease)}.topbar{position:fixed;top:0;left:0;right:0;z-index:200;height:60px;gap:14px;padding:0 20px;background:var(--topbar-bg,var(--surface));color:var(--ink);border-bottom:1px solid var(--border)}.topbar,.topbar-hamburger{display:flex;align-items:center}.topbar-hamburger{background:var(--surface);border:1px solid var(--border-2);color:var(--ink-2);font-size:20px;line-height:1;padding:7px 12px;border-radius:9px;cursor:pointer;gap:7px;transition:var(--t-fast);font-weight:600}.topbar-hamburger:hover{background:var(--surface-2);color:var(--ink);border-color:var(--primary)}.topbar-hamburger-label{font-size:13px;font-family:var(--font-sans)}.topbar-logo{gap:9px;min-width:0}.topbar-logo,.topbar-logo-mark{display:flex;align-items:center}.topbar-logo-mark{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:var(--primary);justify-content:center;font-weight:800;font-size:15px;color:#fff}.topbar-logo-text{font-weight:700;font-size:18px;color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em}.topbar-exam{font-size:12px;background:var(--primary-soft);color:var(--primary);padding:4px 11px;border-radius:20px}.topbar-exam,.topbar-streak{font-weight:600;white-space:nowrap}.topbar-streak{font-size:13px;color:var(--ink-2)}.topbar-icon-btn{background:none;border:none;color:var(--ink-3);font-size:20px;cursor:pointer;padding:6px;border-radius:8px;transition:var(--t-fast);display:flex;align-items:center}.topbar-icon-btn:hover{background:var(--surface-2);color:var(--ink)}.drawer-backdrop{position:fixed;inset:0;background:hsla(0,0%,8%,.32);z-index:250;opacity:0;visibility:hidden;transition:opacity .2s var(--ease),visibility .2s}.drawer-backdrop.open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;left:0;bottom:0;height:100vh;width:280px;max-width:84vw;z-index:300;display:flex;flex-direction:column;padding:18px 12px;overflow:hidden;background:var(--sidebar-bg);border-right:1px solid var(--border);box-shadow:var(--sh-lg);transform:translateX(-100%);transition:transform .24s var(--ease-out)}.drawer.open{transform:translateX(0)}.drawer-user{padding:12px 14px;margin-bottom:10px;background:var(--surface-2);border-radius:12px}.drawer-user-name{font-weight:700;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-user-exam{font-size:12px;color:var(--ink-3);margin-top:2px}.drawer-user-streak{font-size:12px;color:var(--accent);margin-top:4px;font-weight:600}.drawer-nav{flex:1 1;overflow-y:auto;padding:0 4px}.drawer-section{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--ink-4);padding:16px 12px 6px}.drawer-group{display:flex;flex-direction:column}.drawer-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--ink-4);text-transform:uppercase;padding:16px 12px 6px;transition:color var(--t-fast)}.drawer-section-toggle:hover{color:var(--ink-2)}.drawer-chevron{font-size:15px;transition:transform .2s var(--ease);opacity:.55}.drawer-chevron.open{transform:rotate(180deg)}.drawer-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;margin-bottom:2px;color:var(--ink-2);font-weight:500;font-size:14px;text-decoration:none;transition:var(--t-fast)}.drawer-link:hover{background:var(--surface-2);color:var(--ink)}.drawer-link.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.drawer-badge{background:var(--primary);color:#fff;border-radius:20px;font-size:11px;font-weight:700;padding:1px 7px;min-width:20px;text-align:center}.drawer-footer{padding:12px 4px 4px;border-top:1px solid var(--border)}.drawer-footer-btn{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;color:var(--ink-3);padding:10px 12px;border-radius:10px;font-size:14px;cursor:pointer;transition:var(--t-fast)}.drawer-footer-btn:hover{background:var(--surface-2);color:var(--ink)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;height:62px;background:var(--bottom-bg);border-top:1px solid var(--border)}.bottom-tab-badge{position:absolute;top:-6px;right:-8px;background:var(--primary);color:#fff;border-radius:20px;font-size:9px;font-weight:700;padding:1px 5px}@media(min-width:1025px){.topbar-hamburger{display:none}.drawer{top:60px;height:calc(100vh - 60px);z-index:100;transform:none;box-shadow:none;width:248px;max-width:248px;transition:none}.drawer-backdrop{display:none}.main{margin-left:248px;padding:88px 40px 48px}.main>*{max-width:1040px}.bottom-nav{display:none!important}}@media(max-width:768px){.main{padding:80px 16px}.bottom-nav{display:flex}}