:root{--radius-sm:10px;--radius:18px;--radius-lg:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:36px;--space-7:56px;--font-display:"Outfit", "Segoe UI", system-ui, sans-serif;--font-body:"DM Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", monospace;--gold:#f2c94c;--green:#4ade80;--blue:#60a5fa;--ember:#fb7185;--bg:#070b16;--bg-2:#0c1220;--bg-3:#111a2e;--card:#131c30b8;--card-2:#1c28448c;--card-solid:#131c30;--border:#7896dc29;--border-strong:#7896dc52;--fg:#e8ecf8;--fg-2:#a6b1d0;--fg-3:#6b7696;--accent:#8f7bff;--accent-2:#22d3ee;--grad-main:linear-gradient(135deg, #6d5cff 0%, #8f7bff 52%, #a78bfa 100%);--grad-gold:linear-gradient(135deg, #fbbf24, #f59e0b);--grad-green:linear-gradient(135deg, #34d399, #10b981);--grad-ember:linear-gradient(135deg, #fb7185, #f43f5e);--glow-blue:0 0 32px #8f7bff4d;--glow-cyan:0 0 28px #22d3ee38;--glow-gold:0 0 32px #f2c94c38;--orbit-bg:radial-gradient(circle at 87% 35%,#3b82f647,transparent 19%),radial-gradient(circle at 68% 102%,#f2c94c21,transparent 25%),linear-gradient(118deg,#091a39 0%,#0e2850 55%,#10193c 100%);--orbit-border:#8cbeff40;--orbit-fg:#f5f8ff;--orbit-sub:#c6d5ee;--orbit-chip-bg:#ffffff18;--orbit-chip-bg-hover:#ffffff29;--orbit-chip-border:#ffffff2b;--orbit-chip-fg:#fff;--orbit-chip-sub:#b7cdf1;--hero-panel-bg:linear-gradient(125deg,#18325bb8,#0e1934c7);--studio-bg:linear-gradient(135deg,#1a2d50ad,#0f172cad);--timer-card-bg:linear-gradient(145deg,#1a3a65cc,#0c1a37db);--timer-card-border:#6eb1ff47;--sorbit-base:#0d1931;--sorbit-mix:#152849;--sorbit-fg:#fff;--sorbit-sub:#ffffffad;--sorbit-track:#ffffff29;--sorbit-inner-hi:#ffffff26;--sorbit-inner-hi-hover:#ffffff40;--star-dot:#fff;--mode-card-end:#14223ccc;--panel-end:#20416a8f;--success:#34d399;--warn:#fbbf24;--danger:#fb7185;--shadow-sm:0 2px 10px #00000040;--shadow:0 12px 40px #00000059;--shadow-lg:0 24px 80px #00000080;--tr:.22s cubic-bezier(.4,0,.2,1);--sidebar-w:280px;--topbar-h:68px}[data-theme=light]{--accent:#6d28d9;--accent-2:#0e7490;--grad-main:linear-gradient(135deg, #5b46e8 0%, #7c3aed 52%, #8b5cf6 100%);--glow-blue:0 0 28px #7c3aed2e;--bg:#f3f5fb;--bg-2:#e9edf7;--bg-3:#e0e6f3;--card:#ffffffd9;--card-2:#f0f4fdb3;--card-solid:#fff;--border:#3c508c24;--border-strong:#3c508c47;--fg:#17203a;--fg-2:#4a5578;--fg-3:#8a93b5;--shadow-sm:0 2px 10px #283c7814;--shadow:0 12px 40px #283c7824;--shadow-lg:0 24px 80px #283c7833;--orbit-bg:radial-gradient(circle at 87% 35%,#3b82f624,transparent 19%),radial-gradient(circle at 68% 102%,#f2c94c29,transparent 25%),linear-gradient(118deg,#e8eefb 0%,#dde7f8 55%,#e6e3f7 100%);--orbit-border:#3c508c2e;--orbit-fg:#17203a;--orbit-sub:#4a5578;--orbit-chip-bg:#ffffffc7;--orbit-chip-bg-hover:#fff;--orbit-chip-border:#3c508c29;--orbit-chip-fg:#17203a;--orbit-chip-sub:#5a6690;--hero-panel-bg:linear-gradient(125deg,#ffffffeb,#e6edfaeb);--studio-bg:linear-gradient(135deg,#ffffffeb,#e8eefbeb);--timer-card-bg:linear-gradient(145deg,#fffffff2,#e6eefcf2);--timer-card-border:#3c508c2e;--sorbit-base:#fff;--sorbit-mix:#eef3fc;--sorbit-fg:#17203a;--sorbit-sub:#17203a9e;--sorbit-track:#17203a1a;--sorbit-inner-hi:#ffffffd9;--sorbit-inner-hi-hover:#fff;--star-dot:#3c508c59;--mode-card-end:#ebf1fce6;--panel-end:#e4edfad9}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;transition:background var(--tr), color var(--tr);background-image:radial-gradient(1px 1px at 12% 20%,#ffffff24 50%,#0000 50%),radial-gradient(1px 1px at 68% 12%,#ffffff1a 50%,#0000 50%),radial-gradient(1.5px 1.5px at 82% 64%,#a0b4ff1f 50%,#0000 50%),radial-gradient(1px 1px at 34% 78%,#ffffff14 50%,#0000 50%),radial-gradient(1px 1px at 92% 34%,#a0b4ff1a 50%,#0000 50%),radial-gradient(1.5px 1.5px at 4% 88%,#ffffff14 50%,#0000 50%);background-attachment:fixed;font-size:15.5px;line-height:1.65}[data-theme=light] body{background-image:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .5em;font-weight:700;line-height:1.2}p{margin:0 0 .9em}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{color:var(--fg);font-family:inherit;font-size:1rem}::selection{background:#8f7bff59}[data-theme=light] ::selection{background:#7c3aed40}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}#particleCanvas{z-index:0;pointer-events:none;opacity:.5;position:fixed;inset:0}[data-theme=light] #particleCanvas{opacity:.25}#app{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--border);z-index:50;padding:var(--space-5) var(--space-4);transition:transform var(--tr);background:linear-gradient(#0a142af5,#050a18fa);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}[data-theme=light] .sidebar{background:linear-gradient(#ffffffeb,#f0f4fdf5)}.main-wrap{margin-left:var(--sidebar-w);z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.view{padding:var(--space-6) var(--space-6) 96px;outline:none;width:100%;max-width:1100px;margin:0 auto;animation:.45s cubic-bezier(.2,.8,.2,1) fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.55)rotate(-4deg)}70%{transform:scale(1.06)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 24px #8f7bff40}50%{box-shadow:0 0 48px #8f7bff80}}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);display:flex}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 0,#7c67ff33,#0000 62%),radial-gradient(circle at 90% 22%,#f2c94c1f,#0000 48%);height:210px;position:absolute;inset:0 0 auto}.sidebar-brand,.nav,.sidebar-foot,.btn-big-pick{z-index:1;position:relative}.brand-mark{background:var(--grad-main);width:46px;height:46px;box-shadow:var(--glow-blue);border-radius:14px;justify-content:center;align-items:center;font-size:1.5rem;animation:3.5s ease-in-out infinite floaty;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.5px;font-size:1.35rem;font-weight:800}.brand-name span{background:var(--grad-main);color:#0000;-webkit-background-clip:text;background-clip:text}.brand-sub{color:var(--fg-3);letter-spacing:.4px;font-size:.74rem}.sidebar-close{display:none}.btn-big-pick{width:100%;margin:0 0 var(--space-4);letter-spacing:.3px;border-radius:var(--radius);background:var(--grad-main);justify-content:center;gap:10px;padding:15px 18px;font-size:1.05rem;font-weight:800}.btn-big-pick .dice{font-size:1.5rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:inline-block}.btn-big-pick:hover .dice{transform:rotate(90deg)scale(1.1)}.nav{flex-direction:column;flex:1;gap:3px;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.nav-group-label{text-transform:uppercase;letter-spacing:.9px;color:var(--fg-3);padding:6px 14px 4px;font-size:.68rem;font-weight:700}.nav-item{color:var(--fg-2);transition:all var(--tr);text-align:left;background:0 0;border:none;border-radius:13px;align-items:center;gap:13px;width:100%;padding:11px 14px;font-size:.94rem;font-weight:600;display:flex;position:relative}.nav-item:hover{color:var(--fg);background:#7896dc1a;transform:translate(2px)}.nav-item.active{color:var(--fg);background:linear-gradient(90deg,#8f7bff38,#8b5cf614);box-shadow:inset 0 1px #ffffff0d}.nav-item.active:before{content:"";background:var(--grad-main);border-radius:3px;width:3px;position:absolute;top:25%;bottom:25%;left:0}.nav-ico{text-align:center;filter:saturate(1.1);width:26px;font-size:1.15rem}.sidebar-foot{border-top:1px solid var(--border);padding-top:var(--space-3)}.streak-pill{color:var(--fg-2);padding:4px 6px;font-size:.85rem}.sidebar-time{color:var(--fg-3);padding:2px 6px;font-size:.74rem}.topbar{z-index:40;height:var(--topbar-h);align-items:center;gap:var(--space-3);padding:0 var(--space-6);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.menu-toggle{display:none}.searchbox{background:var(--card);border:1px solid var(--border);min-width:0;max-width:560px;transition:all var(--tr);border-radius:14px;flex:1;align-items:center;gap:10px;padding:10px 16px;display:flex}.searchbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #8f7bff26}.searchbox input{background:0 0;border:none;outline:none;flex:1}.search-ico{opacity:.5}.btn{border:1px solid var(--border);background:var(--card);color:var(--fg);transition:all var(--tr);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:13px;align-items:center;gap:8px;padding:10px 18px;font-size:.93rem;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--grad-main);color:#fff;border:none;box-shadow:0 4px 18px #8f7bff59}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 28px #8f7bff80}.btn-ghost{background:0 0}.btn-danger{color:var(--danger);background:#fb71851f;border-color:#fb71854d}.btn-sm{border-radius:10px;padding:6px 12px;font-size:.84rem}.seg-group{gap:6px;display:inline-flex}.lang-pill{font:800 .72rem/1 var(--font-display);letter-spacing:.5px;width:auto;min-width:44px;min-height:44px;padding:0 10px}.btn-lg{border-radius:var(--radius);padding:14px 28px;font-size:1.04rem}.icon-btn{border:1px solid var(--border);background:var(--card);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--fg);transition:all var(--tr);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.icon-btn:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.language-toggle{border:1px solid var(--border);background:var(--card);min-width:68px;height:42px;color:var(--fg-2);font:700 .72rem var(--font-body);letter-spacing:.03em;transition:all var(--tr);border-radius:12px;padding:0 10px}.language-toggle:hover,.language-toggle:focus-visible{color:var(--fg);border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f2c94c24}.language-toggle.is-amharic{color:#20190a;background:var(--grad-gold);border-color:#0000}.language-divider{opacity:.48;padding:0 2px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg,#0000,#a0b4ff40,#0000);height:1px;position:absolute;inset:0 0 auto}.card+.card{margin-top:var(--space-4)}.unit-pick{transition:border-color var(--tr), background var(--tr)}.unit-pick:hover{border-color:var(--border-strong)}.unit-pick-on{border-color:var(--blue);background:#8f7bff14}button.card{color:inherit;font:inherit}.intl-card{text-align:left}.area-row{text-align:left;border-radius:var(--radius-sm,10px);cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #0000;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;margin-top:4px;padding:10px 12px;display:grid}.area-row:hover{border-color:var(--border-strong)}.area-on{border-color:var(--blue);background:#8f7bff12}.area-check{font-size:1.2rem}.area-name{font-weight:600}.diag-row{grid-template-columns:minmax(140px,1.4fr) 3fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.diag-bar{background:var(--border);border-radius:999px;height:10px;overflow:hidden}.diag-bar>div{height:100%;transition:width .4s var(--tr);border-radius:999px}.diag-num{font-variant-numeric:tabular-nums;font-weight:700}.card-hover{transition:transform var(--tr), box-shadow var(--tr), border-color var(--tr)}.card-hover:hover{box-shadow:var(--shadow);border-color:var(--border-strong);transform:translateY(-4px)}.view:not(.view-dashboard)>h1,.view:not(.view-dashboard)>.spread:first-child h1{letter-spacing:-.04em;font-size:clamp(2rem,4vw,2.8rem)}.view:not(.view-dashboard)>h1:after,.view:not(.view-dashboard)>.spread:first-child h1:after{content:"";background:var(--grad-main);border-radius:9px;width:48px;height:3px;margin-top:12px;display:block}.page-hero{border:1px solid var(--border-strong);background:var(--hero-panel-bg);box-shadow:var(--shadow);border-radius:26px;padding:clamp(22px,4vw,36px);position:relative;overflow:hidden}.page-hero:after{content:"✦";color:#f2c94c30;font-size:135px;font-family:var(--font-display);position:absolute;bottom:-25px;right:6%}.page-hero h1{z-index:1;margin:0;position:relative}.page-hero p{z-index:1;max-width:530px;color:var(--fg-2);margin:10px 0 0;position:relative}.page-hero .row{z-index:1;position:relative}.curriculum-card{width:100%;color:var(--fg);text-align:left;cursor:pointer;min-height:150px;font:inherit}.curriculum-card h3{font-size:1.06rem}.curriculum-card:after{content:"→";color:var(--accent);font:700 1.2rem var(--font-display);position:absolute;bottom:14px;right:18px}.curriculum-card:hover{transform:translateY(-5px)rotateX(1deg)}.unit-card{min-height:102px}.topic-path-card{min-height:110px}.curriculum-card.subject-mathematics{--accent:var(--gold)}.curriculum-card.subject-physics{--accent:var(--blue)}.curriculum-card.subject-biology{--accent:var(--green)}.curriculum-card.subject-chemistry{--accent:var(--ember)}.curriculum-card.subject-history{--accent:#d97706}.curriculum-card.subject-geography{--accent:#0891b2}.curriculum-card.subject-economics{--accent:#7c3aed}.curriculum-card.subject-civics{--accent:#14b8a6}.lesson-studio-header{border:1px solid var(--border);background:var(--studio-bg);border-radius:24px;margin:-4px 0 24px;padding:25px 28px}.lesson-studio-header .lesson-title{margin:18px 0 11px;font-size:clamp(2rem,4vw,3rem)}.lesson-studio-header .icon-btn{border-color:#f2c94c59}.view-topic #topicContent{max-width:850px}.view-topic #topicContent>.card{border-radius:20px}.view-topic .timer-card{background:var(--timer-card-bg);border-color:var(--timer-card-border)}.view-topic .tabs{top:var(--topbar-h);z-index:10;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-2) 85%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:8px;position:sticky}.view-topic .tab{border:0;border-radius:10px}.view-topic .tab.active{color:#fff;background:linear-gradient(135deg,#8f7bff40,#a78bfa38)}[data-theme=light] .view-topic .tab.active{color:#1e3a8a;background:linear-gradient(135deg,#8f7bff59,#a78bfa52)}.view-practice>h1,.view-exam>h1,.view-progress>h1,.view-bookmarks>h1,.view-notes>h1,.view-settings>h1{padding-top:8px}.mode-card{background:linear-gradient(145deg,var(--card),var(--mode-card-end));border-radius:21px;min-height:185px}.mode-card:nth-child(3n+1) .mode-ico{color:var(--gold)}.mode-card:nth-child(3n+2) .mode-ico{color:var(--green)}.mode-card:nth-child(3n) .mode-ico{color:var(--blue)}.view-practice .grid .card[data-act=open-topic]{border-left:3px solid var(--danger)}.view-exam .filter-box{background:linear-gradient(145deg,#302b1b75,var(--card));border:1px solid #f2c94c3d;border-radius:24px;padding:28px}.view-exam .filter-box:before{content:"Build a practice exam";font:800 1.4rem var(--font-display);color:var(--gold);grid-column:1/-1;display:block}.view-exam .btn-lg{min-width:220px}.view-progress table{border-collapse:separate;border-spacing:0 8px;width:100%}.view-progress tr:not(:first-child){background:var(--card-2)}.view-progress th{color:var(--fg-3);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem}.view-progress td{padding:12px 10px}.view-progress td:first-child{border-radius:11px 0 0 11px;font-weight:700}.view-progress td:last-child{border-radius:0 11px 11px 0}.view-bookmarks .card,.view-notes .card{border-radius:20px}.view-settings .card{border-radius:20px;padding:25px}.view-settings .card h3{color:var(--fg)}.view-settings .card:first-of-type{border-top-color:#8f7bffa6}.view-settings .card:nth-of-type(2){border-top-color:#f2c94ca6}.view-quiz .breadcrumb,.view-examrun .spread:first-child{border:1px solid var(--border);background:var(--card);border-radius:17px;padding:16px 19px}.view-quiz #quizQuestions,.view-examrun #quizQuestions{max-width:850px;margin:0 auto}.quiz-q{border-radius:20px}.quiz-q-head{border-bottom:1px solid var(--border);padding-bottom:10px}.view-quiz>.card:last-child,.view-examrun>.card:last-child{background:linear-gradient(145deg,var(--panel-end),var(--card));border-radius:22px}.search-panel{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:color-mix(in srgb,var(--bg-2) 88%,transparent);box-shadow:var(--shadow-lg);border-radius:17px}.modal{border-color:var(--border-strong);box-shadow:var(--shadow-lg);border-radius:24px}.toast{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px}.empty-state{border:1px dashed var(--border-strong);background:var(--card-2);border-radius:22px}.orbit-hero{border:1px solid var(--orbit-border);isolation:isolate;background:var(--orbit-bg);border-radius:30px;align-items:center;min-height:300px;padding:clamp(25px,4vw,48px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000004d,inset 0 1px #ffffff14}.orbit-hero:before{content:"";opacity:.65;background-image:radial-gradient(1px 1px at 8% 24%,var(--star-dot) 0,transparent 60%),radial-gradient(1px 1px at 52% 12%,var(--star-dot) 0,transparent 60%),radial-gradient(1.5px 1.5px at 88% 71%,var(--star-dot) 0,transparent 60%),radial-gradient(1px 1px at 40% 84%,var(--star-dot) 0,transparent 60%);pointer-events:none;z-index:-1;position:absolute;inset:0}.orbit-copy{z-index:3;max-width:530px;position:relative}.eyebrow{color:var(--orbit-sub);text-transform:uppercase;font:700 .67rem var(--font-body);letter-spacing:.16em}.eyebrow span{background:var(--gold);border-radius:50%;width:4px;height:4px;margin:0 8px 2px;display:inline-block}.orbit-copy h1{color:var(--orbit-fg);letter-spacing:-.045em;margin:11px 0 8px;font-size:clamp(2rem,4vw,3.35rem)}.orbit-copy p{color:var(--orbit-sub);max-width:450px;font-size:1.03rem}.orbit-action{text-align:left;border:1px solid var(--orbit-chip-border);min-width:min(100%,340px);min-height:66px;color:var(--orbit-chip-fg);background:var(--orbit-chip-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--tr),background var(--tr),box-shadow var(--tr);border-radius:17px;grid-template-columns:1fr auto;margin-top:16px;padding:11px 13px 11px 18px;display:grid}.orbit-action span{color:var(--orbit-chip-sub);font-size:.72rem}.orbit-action b{grid-row:2;font-size:.94rem}.orbit-action i{color:#1e1607;background:linear-gradient(135deg,#f5ce5a,#d98e27);border-radius:12px;grid-area:1/2/span 2;align-self:center;place-items:center;width:36px;height:36px;font-size:1.2rem;font-style:normal;display:grid}.orbit-action:hover{background:var(--orbit-chip-bg-hover);transform:translateY(-3px);box-shadow:0 15px 28px #0003}.orbit-scene{aspect-ratio:1.18;perspective:700px;pointer-events:none;width:min(47%,430px);position:absolute;bottom:-8%;right:2%}.orbit-planet{aspect-ratio:1;background:radial-gradient(circle at 31% 24%,#d9f7ff 0 4%,#68bce9 12%,#2d61b8 43%,#0e245c 74%);border-radius:50%;width:36%;animation:6s ease-in-out infinite planetBreathe;position:absolute;top:29%;right:19%;box-shadow:inset -25px -27px 35px #040d37b8,0 27px 40px #0006,0 0 60px #4ca3ff45}.orbit-planet span{aspect-ratio:1;background:#102c6b6b;border-radius:50%;width:17%;position:absolute;top:50%;left:19%}.orbit-ring{border:1px solid #b6e0ff7a;border-radius:50%;position:absolute;transform:rotateX(67deg)rotate(-23deg)}.ring-one{width:84%;height:39%;animation:12s linear infinite orbitalDrift;top:34%;right:0}.ring-two{border-color:#f2c94c8c;width:58%;height:27%;animation:8s linear infinite reverse orbitalDrift;top:40%;right:14%}.orbit-moon{aspect-ratio:1;background:linear-gradient(135deg,#ffdf74,#c47f29);border-radius:50%;width:8%;animation:8s ease-in-out infinite moonOrbit;position:absolute;top:34%;right:1%;box-shadow:0 0 23px #faca55bf}.orbit-star{color:#fff0a4;filter:drop-shadow(0 0 10px #ffdf64);font-size:1.7rem;animation:2.6s ease-in-out infinite starPulse;position:absolute;top:26%;right:75%}.orbit-caption{text-align:center;color:#fff;width:70px;height:70px;font:800 1.05rem var(--font-display);background:#050f2b91;border:1px solid #ffffff38;border-radius:50%;place-content:center;display:grid;position:absolute;bottom:18%;right:12%;box-shadow:0 10px 24px #00000040}.orbit-caption small{color:#adc4eb;font:600 .58rem var(--font-body);text-transform:uppercase;letter-spacing:.1em}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin:35px 0 15px;display:flex}.section-heading h2{margin:5px 0 0;font-size:1.55rem}.text-action{color:var(--blue);white-space:nowrap;background:0 0;border:0;font-weight:700}.text-action span{font-size:1.2em}.subject-groups{flex-direction:column;gap:26px;display:flex}.subject-group-title{letter-spacing:.09em;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:9px;margin:0 0 12px;font-size:.82rem;font-weight:800;display:flex}.subject-group-title:after{content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--fg-2) 40%,transparent),transparent);flex:1;height:1px}.subject-card-grid{perspective:1200px;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:15px;display:grid}.subject-orbit-card{text-align:left;border:1px solid color-mix(in srgb,var(--card-accent) 35%,transparent);min-height:190px;color:var(--sorbit-fg);background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 32%,var(--sorbit-mix)),var(--sorbit-base) 78%);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(0);transform-style:preserve-3d;box-shadow:inset 0 1px var(--sorbit-inner-hi),0 15px 25px #00000040;border-radius:21px;padding:18px;transition:transform .24s,box-shadow .24s,border-color .24s;position:relative;overflow:hidden}.subject-orbit-card:hover,.subject-orbit-card:focus-visible{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px) translateZ(12px);border-color:var(--card-accent);box-shadow:inset 0 1px var(--sorbit-inner-hi-hover),0 25px 34px #0000005e;outline:none}.subject-orbit-card>:not(.card-orbit){z-index:1;position:relative;transform:translateZ(24px)}.subject-mathematics{--card-accent:#f4bd43}.subject-physics{--card-accent:#5fa8ff}.subject-biology{--card-accent:#47cd81}.subject-chemistry{--card-accent:#fb7185}.subject-history{--card-accent:#d97706}.subject-geography{--card-accent:#0891b2}.subject-economics{--card-accent:#7c3aed}.subject-civics{--card-accent:#14b8a6}.subject-reading_writing{--card-accent:#a78bfa}.subject-esl{--card-accent:#f2c94c}.subject-fle{--card-accent:#8b5cf6}.subject-ielts{--card-accent:#22d3ee}.subject-toefl{--card-accent:#f472b6}.subject-alevel{--card-accent:#f59e0b}.card-orbit{border:1px solid color-mix(in srgb,var(--card-accent) 80%,transparent);opacity:.73;border-radius:50%;width:155px;height:56px;position:absolute;top:28px;right:-24px;transform:rotateX(67deg)rotate(-21deg)}.subject-icon{margin-bottom:28px;font-size:2rem;display:block}.subject-card-content{display:block}.subject-card-content b{font:800 1.05rem var(--font-display);display:block}.subject-card-content small{color:var(--sorbit-sub);margin:2px 0 10px;font-size:.68rem;display:block}.subject-progress{background:color-mix(in srgb,var(--card-accent) 15%,transparent);border-radius:20px;height:6px;display:block;overflow:hidden}.subject-progress i{border-radius:inherit;background:var(--card-accent);height:100%;box-shadow:0 0 9px var(--card-accent);display:block}.card-arrow{color:var(--card-accent);font-size:1.35rem;position:absolute;bottom:14px;right:16px}.study-routes{grid-template-columns:1fr 1fr;gap:15px;margin-top:16px;display:grid}.study-route{text-align:left;border:1px solid var(--border);min-height:96px;color:var(--fg);background:var(--card);transition:all var(--tr);border-radius:20px;align-items:center;gap:14px;padding:15px 17px;display:flex}.study-route:hover{border-color:var(--route-accent);box-shadow:var(--shadow);transform:translateY(-3px)}.study-route span:nth-child(2){flex:1}.study-route small{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);font-size:.7rem;display:block}.study-route b{font-family:var(--font-display);font-size:1rem;display:block}.study-route i{color:var(--route-accent);font-size:1.3rem;font-style:normal}.route-icon{aspect-ratio:1;border-radius:15px;place-items:center;width:46px;font-size:1.4rem;display:grid}.route-practice{--route-accent:var(--green)}.route-practice .route-icon{color:var(--green);background:#4ade8024}.route-exam{--route-accent:var(--gold)}.route-exam .route-icon{color:var(--gold);background:#f2c94c21}.dashboard-stats{margin-top:27px}@keyframes planetBreathe{50%{transform:translateY(-7px)scale(1.025)}}@keyframes orbitalDrift{to{transform:rotateX(67deg)rotate(337deg)}}@keyframes moonOrbit{50%{transform:translate(-17px,25px)scale(.82)}}@keyframes starPulse{50%{opacity:.7;transform:scale(1.24)}}.icon-tile{--tile-accent:var(--accent);width:46px;height:46px;color:var(--tile-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--tile-accent) 18%,transparent),color-mix(in srgb,var(--tile-accent) 7%,transparent));border:1px solid color-mix(in srgb,var(--tile-accent) 24%,transparent);border-radius:14px;flex:none;place-items:center;display:grid}.icon-tile svg{display:block}.stat-tile{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 18px;display:flex}.stat-tile .icon-tile{margin-bottom:10px}.stat-tile-num{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:1.65rem;font-weight:800;line-height:1.15}.stat-tile-label{color:var(--fg-2);font-size:.78rem}.subject-icon-tile{color:#fff;background:linear-gradient(135deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 74%,#fff));width:44px;height:44px;box-shadow:inset 0 1px #ffffff47,0 8px 18px color-mix(in srgb,var(--card-accent) 28%,transparent);border-radius:14px;place-items:center;margin-bottom:16px;display:grid}.subject-icon-tile svg{display:block}.subject-orbit-card .card-arrow{position:absolute;bottom:12px;right:16px}.hero-resume-strip{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.resume-chip{border:1px solid var(--border);background:var(--card);color:var(--fg);font:600 .85rem var(--font-body);cursor:pointer;transition:transform var(--tr),border-color var(--tr),box-shadow var(--tr);border-radius:99px;align-items:center;gap:7px;padding:9px 14px;display:inline-flex}.resume-chip:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.resume-chip svg{color:var(--accent)}.resume-continue{border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--card))}.resume-continue span{color:var(--fg-2)}.resume-continue b{text-overflow:ellipsis;white-space:nowrap;max-width:clamp(120px,26vw,320px);font-weight:800;overflow:hidden}.h-cell-ico{align-items:center;gap:5px;display:inline-flex}.h-cell-ico svg{color:var(--accent)}.picker-badge{width:74px;height:74px;margin:0 auto var(--space-4);border-radius:22px}.picker-badge svg{width:30px;height:30px}.picker-btn{align-items:center;gap:10px;display:inline-flex}.picker-btn svg{display:block}.mode-ico-tile{width:56px;height:56px;margin-bottom:var(--space-3);border-radius:18px}.mode-ico-tile svg{width:26px;height:26px}.practice-alert{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.section-title{margin:var(--space-6) 0 var(--space-3);font-size:1.35rem;font-family:var(--font-display);align-items:center;gap:10px;display:flex}.section-title:after{content:"";background:linear-gradient(90deg, var(--border-strong), transparent);flex:1;height:1px}.section-title:first-child{margin-top:0}.muted{color:var(--fg-2)}.tiny{color:var(--fg-3);font-size:.8rem}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mb-3{margin-bottom:var(--space-3)}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between}.spread{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.progress{background:#7896dc1f;border-radius:99px;height:10px;overflow:hidden}.progress>div{background:var(--grad-main);border-radius:99px;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1);position:relative}.progress>div:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000) 0 0/400px 100%;animation:2.2s infinite shimmer;position:absolute;inset:0}.progress.sm{height:6px}.progress.mastery>div{background:var(--grad-green)}.progress.warn>div{background:var(--grad-gold)}.progress.low>div{background:linear-gradient(135deg,#fb7185,#f43f5e)}.stat{text-align:center;padding:var(--space-5) var(--space-4);position:relative;overflow:hidden}.stat:before{display:none}.stat .stat-ico{filter:saturate(1.2);margin-bottom:6px;font-size:1.6rem}.stat .stat-num{font-family:var(--font-display);background:var(--grad-main);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat .stat-label{color:var(--fg-2);letter-spacing:.3px;font-size:.8rem}.chip{background:var(--card-2);border:1px solid var(--border);letter-spacing:.2px;border-radius:99px;align-items:center;gap:6px;padding:4px 13px;font-size:.78rem;font-weight:600;display:inline-flex}.chip-subject{color:var(--blue);background:#8f7bff21;border-color:#8f7bff4d}.chip-diff-easy{color:var(--green);background:#34d39921;border-color:#34d3994d}.chip-diff-medium{color:var(--gold);background:#fbbf2421;border-color:#fbbf244d}.chip-diff-hard{color:var(--danger);background:#fb718521;border-color:#fb71854d}.picker-hero{text-align:center;padding:var(--space-7) var(--space-5);position:relative}.picker-dice{margin-bottom:var(--space-4);filter:drop-shadow(0 0 30px #8f7bff80);font-size:4.6rem;animation:2.8s ease-in-out infinite floaty;display:block}.picker-btn{font-family:var(--font-display);background:var(--grad-main);color:#fff;cursor:pointer;transition:transform var(--tr), box-shadow var(--tr);letter-spacing:.5px;border:none;border-radius:22px;padding:22px 54px;font-size:1.5rem;font-weight:800;box-shadow:0 12px 40px #8f7bff66}.picker-btn:hover{transform:scale(1.05)translateY(-3px);box-shadow:0 18px 60px #8f7bff8c}.picker-btn:active{transform:scale(.96)}.topic-card-result{text-align:center;padding:var(--space-6);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#8f7bff1a,#0000);animation:.6s cubic-bezier(.2,.9,.3,1.4) pop}.topic-card-result .t-big{font-family:var(--font-display);margin:var(--space-2) 0;letter-spacing:-.01em;font-size:2rem;font-weight:800}.filter-box{gap:var(--space-3);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.filter-box label{color:var(--fg-2);letter-spacing:.4px;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.filter-box select{background:var(--bg-2);border:1px solid var(--border);width:100%;transition:border var(--tr);border-radius:11px;outline:none;padding:10px 12px}.filter-box select:focus{border-color:var(--accent)}.timer-card{text-align:center;position:relative;overflow:hidden}.timer-collapsed{padding:var(--space-4) var(--space-5)}.timer-badge{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.timer-badge-ico{font-size:1.3rem}.timer-badge-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:1px;background:var(--grad-main);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.timer-badge-time.paused{-webkit-text-fill-color:var(--fg-3);color:var(--fg-3);background:0 0}.timer-badge-actions{align-items:center;gap:8px;margin-left:auto;display:flex}@media (width<=768px){.hide-sm{display:none!important}}.timer-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#8f7bff1f,#0000 60%);position:absolute;inset:-50% -30%}.timer-display{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:2px;background:var(--grad-main);color:#0000;margin:var(--space-4) 0;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:4.8rem;font-weight:800}.timer-presets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.timer-preset{border:1px solid var(--border);background:var(--card-2);transition:all var(--tr);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:99px;padding:8px 17px;font-weight:600}.timer-preset:hover{border-color:var(--border-strong);transform:translateY(-2px)}.timer-preset.active{background:var(--grad-main);color:#fff;box-shadow:var(--glow-blue);border-color:#0000}.timer-controls{margin-top:var(--space-4);z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.timer-topic{font-size:1.1rem;font-weight:700;font-family:var(--font-display)}.breadcrumb{color:var(--fg-3);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:.84rem;display:flex}.breadcrumb a{color:var(--fg-2)}.breadcrumb a:hover{color:var(--accent)}.lesson-title{margin:var(--space-2) 0 var(--space-2);letter-spacing:-.02em;font-size:2.3rem}.lesson-meta{margin-bottom:var(--space-5);flex-wrap:wrap;gap:10px;display:flex}.objectives li{margin-bottom:7px}.keyterm{border-bottom:1px dashed var(--border);grid-template-columns:190px 1fr;gap:8px 16px;padding:11px 0;display:grid}.keyterm b{color:var(--accent);font-family:var(--font-display)}.formula-box{background:var(--bg-2);border:1px solid var(--border);border-left:4px solid var(--accent);padding:var(--space-4);margin:var(--space-3) 0;border-radius:14px;position:relative;overflow-x:auto}.formula-box:before{content:"Æ’";font-family:var(--font-mono);opacity:.06;font-size:1.4rem;position:absolute;top:8px;right:14px}.formula-main{font-family:var(--font-mono);text-align:center;letter-spacing:.5px;padding:8px;font-size:1.3rem;font-weight:700}.formula-main .frac{text-align:center;vertical-align:middle;flex-direction:column;margin:0 4px;display:inline-flex}.formula-main .frac>span:first-child{border-bottom:1.5px solid var(--fg);padding:0 6px}.formula-main .frac>span:last-child{padding:0 6px}.example-box{border:1px solid var(--border);margin:var(--space-3) 0;border-radius:14px;overflow:hidden}.example-head{font-weight:700;font-family:var(--font-display);background:linear-gradient(90deg,#8f7bff1f,#0000);align-items:center;gap:8px;padding:11px 16px;display:flex}.example-body{padding:var(--space-4)}.example-body .step{gap:8px;margin-bottom:8px;display:flex}.example-body .step .s-label{color:var(--accent);min-width:95px;font-weight:700;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.4px;font-size:.82rem}.answer-line{color:var(--success);font-weight:700;font-family:var(--font-display);background:#34d3991f;border-radius:9px;padding:9px 13px}.callout{padding:var(--space-4);margin:var(--space-3) 0;border-radius:14px}.callout-info{border-left:4px solid var(--accent);background:#8f7bff17}.callout-warn{border-left:4px solid var(--warn);background:#fbbf2417}.callout-danger{border-left:4px solid var(--danger);background:#fb718517}.callout-success{border-left:4px solid var(--success);background:#34d39917}.reveal-btn{border:1px dashed var(--border-strong);color:var(--accent);transition:all var(--tr);background:0 0;border-radius:9px;padding:6px 14px;font-weight:600}.reveal-btn:hover{border-color:var(--accent);background:#8f7bff14}.accordion{border:1px solid var(--border);margin:var(--space-3) 0;border-radius:14px;overflow:hidden}.accordion summary{cursor:pointer;font-weight:700;font-family:var(--font-display);background:var(--card-2);align-items:center;gap:8px;padding:13px 18px;list-style:none;display:flex}.accordion summary::-webkit-details-marker{display:none}.accordion[open] summary{border-bottom:1px solid var(--border)}.accordion .acc-body{padding:var(--space-4)}.visual-box{margin:var(--space-4) 0;text-align:center}.visual-box svg{filter:drop-shadow(0 4px 16px #0003);max-width:100%;height:auto}.visual-caption{color:var(--fg-2);margin-top:6px;font-size:.82rem;font-style:italic}.visual-interactive{cursor:pointer}.quiz-q{margin:var(--space-4) 0}.quiz-q-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.q-bookmark{border:1px solid var(--border);width:34px;height:34px;color:var(--fg-3);cursor:pointer;transition:border-color var(--tr), background var(--tr), transform var(--tr);background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;margin-left:auto;font-size:1rem;line-height:1;display:inline-flex}.q-bookmark:hover{border-color:var(--gold);transform:translateY(-1px)}.q-bookmark.is-on{border-color:var(--gold);background:#f2c94c1f}.q-bookmark:focus-visible{outline:none;box-shadow:0 0 0 3px #f2c94c2e}.quiz-q-text{font-size:1.08rem;font-weight:600;font-family:var(--font-display);white-space:pre-line}.option{border:1.5px solid var(--border);cursor:pointer;transition:border-color var(--tr), background var(--tr), transform var(--tr);background:var(--card-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;border-radius:13px;align-items:flex-start;gap:12px;margin:8px 0;padding:13px 16px;display:flex}.option:hover{border-color:var(--accent);background:#8f7bff0f;transform:translate(3px)}.option:active{transform:translate(3px)scale(.985)}.option:has(input:checked){border-color:var(--accent);background:#8f7bff1a}.option input{accent-color:var(--accent);margin-top:3px}.option.correct{border-color:var(--success);background:#34d3991f}.option.incorrect{border-color:var(--danger);background:#fb71851f}.option .opt-letter{color:var(--fg-2);min-width:24px;font-weight:800;font-family:var(--font-display)}.score-ring{width:130px;height:130px;margin:0 auto;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-ring .ring-num{font-size:1.9rem;font-weight:800;font-family:var(--font-display);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.grade-excellent{color:var(--success)}.grade-good{color:var(--green)}.grade-vgood{color:var(--gold)}.grade-review{color:var(--danger)}.difficulty-bar{gap:4px;display:flex}.diff-dot{background:var(--bg-3);border-radius:99px;width:10px;height:10px}.diff-dot.on{background:var(--accent)}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:11px 13px}th{text-transform:uppercase;letter-spacing:.6px;color:var(--fg-2);font-size:.76rem;font-family:var(--font-display)}tr:hover td{background:color-mix(in srgb, var(--card-2) 60%, transparent)}.search-panel{top:calc(var(--topbar-h) + 8px);background:var(--card-solid);border:1px solid var(--border-strong);border-radius:var(--radius);width:min(680px,92vw);box-shadow:var(--shadow-lg);z-index:60;max-height:70vh;padding:var(--space-3);animation:.25s fadeUp;position:fixed;left:50%;overflow-y:auto;transform:translate(-50%)}.search-result{cursor:pointer;transition:background var(--tr);border-radius:12px;align-items:center;gap:13px;padding:12px 13px;display:flex}.search-result:hover{background:var(--card-2)}.search-result .sr-title{font-weight:600}.search-result .sr-path{color:var(--fg-3);font-size:.78rem}.note-editor{background:var(--bg-2);border:1px solid var(--border);width:100%;min-height:160px;padding:var(--space-4);resize:vertical;transition:border var(--tr);border-radius:14px;outline:none}.note-editor:focus{border-color:var(--accent)}.badges-row{flex-wrap:wrap;gap:6px;display:flex}.empty-state{text-align:center;padding:var(--space-7);color:var(--fg-3)}.empty-state .big{margin-bottom:var(--space-3);font-size:3.4rem;animation:3s ease-in-out infinite floaty}.empty-state h3{color:var(--fg)}.toast-container{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--card-solid);border:1px solid var(--border-strong);border-left:4px solid var(--accent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;max-width:340px;padding:13px 18px;animation:.3s pop}.toast.success{border-left-color:var(--success)}.toast.danger{border-left-color:var(--danger)}.toast.info{border-left-color:var(--accent)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;padding:var(--space-4);background:#04060cb3;justify-content:center;align-items:center;animation:.2s fadeUp;display:flex;position:fixed;inset:0}.modal{background:var(--card-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:var(--space-5);box-shadow:var(--shadow-lg);max-height:88vh;animation:.35s cubic-bezier(.2,.9,.3,1.4) pop;overflow-y:auto}.mode-card{text-align:center;padding:var(--space-5);cursor:pointer;position:relative;overflow:hidden}.mode-card .mode-ico{margin-bottom:var(--space-3);filter:saturate(1.2);font-size:2.6rem;display:block}.mode-card .mode-desc{color:var(--fg-2);margin-top:6px;font-size:.85rem}.mode-card:hover .mode-ico{transform:scale(1.15)rotate(-6deg)}.mode-card .mode-ico{transition:transform var(--tr)}.tutor-box{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.tutor-chat{padding:var(--space-4);background:color-mix(in srgb, var(--bg-2) 70%, transparent);flex-direction:column;gap:10px;max-height:340px;display:flex;overflow-y:auto}.tutor-msg{border-radius:15px;max-width:88%;padding:11px 15px;font-size:.92rem;animation:.25s fadeUp}.tutor-msg.user{background:var(--grad-main);color:#fff;border-bottom-right-radius:5px;align-self:flex-end;box-shadow:0 4px 14px #8f7bff4d}.tutor-msg.ai{background:var(--card);border:1px solid var(--border);border-bottom-left-radius:5px;align-self:flex-start}.tutor-chips{padding:var(--space-3);border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;display:flex}.tutor-input{padding:var(--space-3);border-top:1px solid var(--border);gap:10px;display:flex}.tutor-input input{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;outline:none;flex:1;padding:11px 15px}.tutor-input input:focus{border-color:var(--accent)}.flashcard{perspective:1000px;cursor:pointer;min-height:200px}.flashcard-inner{width:100%;height:200px;transform-style:preserve-3d;transition:transform .5s;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border-radius:var(--radius);padding:var(--space-5);text-align:center;justify-content:center;align-items:center;font-size:1.15rem;font-weight:600;display:flex;position:absolute;inset:0}.flashcard-front{background:var(--card-2);border:1px solid var(--border)}.flashcard-back{background:var(--grad-main);color:#fff;transform:rotateY(180deg)}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-4);gap:6px;display:flex;overflow-x:auto}.tab{color:var(--fg-2);font-weight:600;font-family:var(--font-display);white-space:nowrap;transition:color var(--tr), border-color var(--tr);background:0 0;border:none;border-bottom:3px solid #0000;padding:11px 20px}.tab:hover{color:var(--fg)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.hero-banner{border-radius:var(--radius-lg);padding:var(--space-6) var(--space-6);margin-bottom:var(--space-5);border:1px solid var(--border-strong);background:radial-gradient(ellipse at 15% 20%, #8f7bff2e, transparent 55%), radial-gradient(ellipse at 85% 30%, #a78bfa24, transparent 55%), radial-gradient(ellipse at 60% 90%, #34d3991a, transparent 55%), var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.hero-banner h1{letter-spacing:-.02em;margin-bottom:6px;font-size:2.1rem}.hero-banner .hero-sub{color:var(--fg-2);margin:0}.hero-glow{filter:blur(30px);background:radial-gradient(circle,#8f7bff4d,#0000 70%);border-radius:50%;width:200px;height:200px;animation:4s ease-in-out infinite pulseGlow;position:absolute;top:-60px;right:-60px}@media (width<=960px){.grid-4,.grid-3,.subject-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{visibility:hidden;width:min(310px,85vw);transition:transform var(--tr), visibility var(--tr);transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);visibility:visible;transform:translate(0)}.main-wrap{margin-left:0}.menu-toggle,.sidebar-close{display:inline-flex}.view{padding:var(--space-4) var(--space-4) 80px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.lesson-title{font-size:1.7rem}.timer-display{font-size:3.4rem}.keyterm{grid-template-columns:1fr}.topbar{padding:0 var(--space-3);gap:var(--space-2)}.searchbox{flex-shrink:1;gap:8px;max-width:100%;padding:8px 12px}.searchbox input{font-size:.9rem}.toast-container{bottom:12px;left:12px;right:12px}.hero-banner h1{font-size:1.6rem}.orbit-hero{align-items:flex-start;min-height:350px;padding:25px}.orbit-copy{max-width:70%}.orbit-scene{opacity:.84;width:54%;bottom:-3%;right:-5%}.study-routes{grid-template-columns:1fr}.page-hero{border-radius:21px;padding:22px}.lesson-studio-header{border-radius:20px;padding:20px}.view-topic .tabs{top:8px}.view-progress table{white-space:nowrap;display:block;overflow-x:auto}.view-exam .filter-box{padding:20px}.view-quiz .breadcrumb{font-size:.78rem}}@media (width<=420px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.picker-btn{padding:18px 30px;font-size:1.2rem}.subject-card-grid{grid-template-columns:1fr}.orbit-copy{max-width:100%}.orbit-scene{opacity:.28;width:88%;bottom:-12%;right:-28%}.section-heading{flex-direction:column;align-items:flex-start}.orbit-action{width:100%}.language-toggle{min-width:57px;padding:0 7px}.topbar{gap:6px;padding:0 8px}.icon-btn{width:40px;min-width:40px;height:40px;min-height:40px}.searchbox{padding:6px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}[data-motion=low] .brand-mark,[data-motion=low] .picker-dice,[data-motion=low] .empty-state .big,[data-motion=low] .hero-glow,[data-motion=low] .orbit-planet,[data-motion=low] .orbit-ring,[data-motion=low] .orbit-moon,[data-motion=low] .orbit-star{animation:none!important}.search-result.sr-active{background:color-mix(in srgb, var(--accent) 16%, transparent)}.search-result mark{background:color-mix(in srgb, var(--gold) 38%, transparent);color:inherit;border-radius:3px;padding:0 1px}.skip-link{background:var(--accent);color:#fff;z-index:99999;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:top .2s cubic-bezier(.2,.8,.2,1);position:fixed;top:-100px;left:16px;box-shadow:0 8px 30px #0006}.skip-link:focus,.skip-link:focus-visible{outline:3px solid var(--gold);outline-offset:2px;top:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.lesson-lede{border-left:3px solid var(--accent);background:linear-gradient(135deg, var(--card), color-mix(in srgb, var(--accent) 6%, var(--card)))}.lede-text{color:var(--foreground);font-size:1.06rem;font-weight:500;line-height:1.75}.lesson-section{margin-top:var(--space-4)}.section-title{font-family:var(--font-display);letter-spacing:-.3px;margin:0 0 var(--space-3);padding-bottom:10px;font-size:1.15rem;font-weight:800;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);border-radius:3px;width:44px;height:3px;position:absolute;bottom:0;left:0}.prose{max-width:68ch}.prose p{margin:0 0 1em}.prose b,.prose strong{color:var(--accent);font-weight:700}.prose ul,.prose ol{margin:0 0 1em 1.3em}.prose li{margin-bottom:.45em}.prose sub,.prose sup{font-size:.72em}.simple-card{border-left:3px solid #34d399}.simple-text{color:var(--muted-foreground);font-size:1.05rem;line-height:1.8}.simple-text b{color:#34d399}.var-list b{color:var(--accent)}.inline-formula{text-align:left;margin:2px 0;font-size:1.05rem}.mistake-list{gap:10px;display:grid}.mistake-item{background:color-mix(in srgb, #ef4444 7%, var(--card));border:1px solid color-mix(in srgb, #ef4444 25%, var(--border));border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;line-height:1.6;display:flex}.mistake-x{color:#fff;background:#ef4444;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;font-size:.75rem;font-weight:800;display:grid}.checklist{gap:9px;margin:0;padding:0;list-style:none;display:grid}.checklist li{padding-left:30px;line-height:1.6;position:relative}.checklist li:before{content:"✓";color:#34d399;background:#34d3992e;border-radius:6px;place-items:center;width:20px;height:20px;font-size:.78rem;font-weight:800;display:grid;position:absolute;top:0;left:0}.summary-card{border:1px solid color-mix(in srgb, #34d399 35%, var(--border));background:linear-gradient(160deg, var(--card), color-mix(in srgb, #34d399 7%, var(--card)))}.summary-card p{margin:0 0 .7em;line-height:1.75}.summary-card b{color:#34d399}@media (width<=700px){.prose{max-width:none}}.q-nav{z-index:30;background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:6px;max-height:96px;margin-top:14px;padding:10px 12px;display:flex;position:sticky;top:54px;overflow-y:auto}.q-dot{width:30px;height:30px;font:700 .72rem var(--font-display);font-variant-numeric:tabular-nums;color:var(--fg-2);background:var(--bg-2);border:1px solid var(--border);cursor:pointer;border-radius:9px;flex:none;place-items:center;transition:border-color .15s,background .15s,transform .1s;display:grid}.q-dot:hover{border-color:var(--accent);transform:translateY(-1px)}.q-dot.answered{background:color-mix(in srgb, var(--accent) 22%, var(--bg-2));border-color:var(--accent);color:var(--fg)}.q-dot:before{content:"";border-radius:inherit;position:absolute;inset:-7px}@media (width<=768px){.q-nav{max-height:72px;top:48px}.q-dot{width:32px;height:32px}.q-dot:before{inset:-8px}}.q-head-actions{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.q-flag{cursor:pointer;border:1.5px solid var(--border);width:34px;height:34px;color:var(--muted,#94a3b8);transition:border-color var(--tr), background var(--tr), color var(--tr), transform var(--tr);background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.q-flag:hover{color:#f59e0b;border-color:#f59e0b}.q-flag:active{transform:scale(.92)}.q-flag.is-on{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b}.q-flag:focus-visible{outline-offset:2px;outline:2px solid #f59e0b}.q-bookmark{margin-left:0}.q-dot.flagged{border-color:#f59e0b;box-shadow:inset 0 0 0 1.5px #f59e0b}.q-dot.flagged:after{content:"";background:#f59e0b;border-radius:50%;width:5px;height:5px;display:block;position:absolute;top:2px;right:2px}.q-dot{position:relative}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.55}}.timer-urgent{animation:1s ease-in-out infinite timer-pulse;border-color:var(--danger)!important;color:var(--danger)!important}.timer-urgent-text{color:var(--danger);font-weight:700}@keyframes streak-pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.streak-moment{color:#f97316;background:#f973161f;border:1.5px solid #f9731673;border-radius:999px;margin-bottom:10px;padding:8px 18px;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) both streak-pop;display:inline-block}.bank-card{border:1.5px solid color-mix(in srgb, #f59e0b 45%, var(--border))}.bank-card:hover{border-color:#f59e0b}@media (prefers-reduced-motion:reduce){.timer-urgent,.streak-moment{animation:none}.option:active,.q-flag:active{transform:none}}.streak-nudge{color:#f97316;background:#f9731614;border-color:#f9731680;font-weight:700}.streak-nudge:hover{background:#f9731624;border-color:#f97316}.kbd-hint{color:var(--fg-2);opacity:.75}.kbd-hint b{background:var(--card-2);border:1px solid var(--border);font-family:var(--font-body);border-radius:5px;padding:0 5px;font-size:.72rem}.submit-guard{border:1.5px dashed var(--danger);border-radius:var(--radius);background:#ef444412;flex-direction:column;align-items:center;gap:6px;padding:14px 22px;display:flex}.paper-q{gap:12px;margin-bottom:10px;padding:16px 18px;display:flex}.paper-q-num{color:var(--accent);text-align:right;min-width:26px;font-weight:800}.paper-opts{flex-direction:column;gap:3px;margin:8px 0 0;padding-left:20px;display:flex}.paper-key summary::-webkit-details-marker{display:none}.key-grid{flex-wrap:wrap;gap:4px 14px;margin-top:6px;display:flex}.key-cell{font-variant-numeric:tabular-nums;font-size:.86rem}.key-cell b{color:var(--accent)}.btn-danger{border-color:color-mix(in srgb, var(--danger) 55%, var(--border));color:var(--danger)}.btn-danger:hover{border-color:var(--danger);background:#ef44441a}.nav-scrim{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02061199;position:fixed;inset:0}.sidebar-close{z-index:5;position:absolute;top:12px;right:10px}@media (width>=769px){.nav-scrim{display:none}}.vis{border:1px solid var(--border);background:var(--bg-2);border-radius:18px;margin:0;padding:18px 18px 16px}.vis-stack{gap:var(--space-4);flex-direction:column;display:flex}.vis+.vis{margin-top:var(--space-4)}.vis-title{font:700 .95rem var(--font-display);color:var(--fg);margin-bottom:12px}.vis-svg{width:100%;height:auto;display:block}.vis-svg-narrow{max-width:460px;margin:0 auto}.vis-tick{fill:var(--fg-3);font-size:11px;font-family:var(--font-body)}.vis-axis{fill:var(--fg-2);font-size:11.5px;font-family:var(--font-body)}.vis-value{font-size:11.5px;font-weight:700;font-family:var(--font-body)}.vis-legend{color:var(--fg-2);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:.78rem;display:flex}.vis-legend i{border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.vis-flow{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.vis-flow-item{align-items:center;gap:6px;display:flex}.vis-node{border:1px solid var(--border-strong);background:var(--card-2);border-radius:12px;flex:150px;padding:9px 11px;font-size:.82rem}.vis-node b{color:var(--fg);display:block}.vis-sub{color:var(--fg-2);margin-top:2px;font-size:.74rem}.vis-arrow{color:var(--accent);font-size:1.1rem;font-weight:800}.vis-idx{color:#0b1020;vertical-align:-4px;border-radius:50%;place-items:center;width:19px;height:19px;margin-right:7px;font-size:.68rem;font-weight:800;display:inline-grid}.vis-steps{flex-direction:column;gap:10px;display:flex}.vis-step{border:1px solid var(--border);background:var(--card-2);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.85rem;display:flex}.vis-qa{flex-direction:column;gap:8px;display:flex}.qa-item{border:1px solid var(--border);background:var(--card-2);border-radius:12px;overflow:hidden}.qa-item summary{cursor:pointer;color:var(--fg);padding:11px 14px;font-size:.86rem;font-weight:600;list-style:none}.qa-item summary::-webkit-details-marker{display:none}.qa-item summary:before{content:"+";border:1px solid var(--border-strong);width:17px;height:17px;color:var(--fg-2);font:700 12px/1 var(--font-mono);vertical-align:-3px;transition:all var(--tr);border-radius:50%;place-items:center;margin-right:9px;display:inline-grid}.qa-item[open] summary:before{content:"-";color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, transparent);background:color-mix(in srgb, var(--ok) 14%, transparent)}.qa-item[open] summary{border-bottom:1px dashed var(--border-strong)}.qa-ans{color:var(--fg-2);padding:11px 14px;font-size:.84rem}.qa-ans b{color:var(--green)}.vis-cmp{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;display:grid}.vis-cmp-col{border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--card-2);border-radius:12px;padding:12px 14px}.vis-cmp-col b{color:var(--fg);margin-bottom:6px;font-size:.88rem;display:block}.vis-cmp-col ul{color:var(--fg-2);flex-direction:column;gap:4px;margin:0;padding-left:16px;font-size:.8rem;display:flex}.vis-cmp-vs{font:800 .78rem var(--font-display);color:var(--fg-3);align-self:center}@media (width<=620px){.vis-cmp{grid-template-columns:1fr}.vis-cmp-vs{display:none}}.vis-timeline{flex-direction:column;gap:10px;padding-left:4px;display:flex;position:relative}.vis-tl-row{grid-template-columns:74px 14px 1fr;align-items:baseline;gap:10px;display:grid}.vis-tl-year{font:700 .78rem var(--font-mono);color:var(--gold);text-align:right}.vis-tl-dot{border-radius:50%;width:9px;height:9px;transform:translateY(-1px)}.vis-tl-text{color:var(--fg);font-size:.84rem}.vis-deriv{flex-direction:column;gap:2px;display:flex}.vis-deriv-expr{font:600 .92rem var(--font-mono);color:var(--fg);background:var(--card-2);border:1px solid var(--border);border-radius:10px;padding:8px 12px;display:inline-block}.vis-deriv-note{color:var(--fg-3);margin:1px 0 4px 2px;font-size:.74rem}.vis-deriv-arrow{color:var(--accent);margin-left:14px;font-weight:800;line-height:1}.vis-tablewrap{overflow-x:auto}.vis-table{border-collapse:collapse;width:100%;font-size:.82rem}.vis-table th{text-align:left;color:var(--fg-3);font:700 .68rem var(--font-display);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-strong);padding:6px 10px}.vis-table td{border-bottom:1px solid var(--border);color:var(--fg-2);padding:7px 10px}.vis-td-key{color:var(--fg);font-weight:600}.offline-pill{border:1px solid var(--border);background:var(--card-2);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.offline-pill.is-online{color:var(--fg-2);border-color:#4ade8040}.offline-pill.is-offline{color:var(--warn);background:#fbbf2414;border-color:#fbbf2473}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.green{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.amber{background:var(--warn);box-shadow:0 0 6px var(--warn)}@media (width<=640px){.offline-pill .pill-label{display:none}.offline-pill{padding:4px 6px}}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:60;background:linear-gradient(#0c1220f0,#070b16fa);justify-content:space-around;align-items:center;height:64px;padding:0 8px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000059}[data-theme=light] .mobile-bottom-nav{background:linear-gradient(#fffffff5,#f3f5fbfa);box-shadow:0 -4px 20px #283c7814}.bottom-nav-item{height:100%;color:var(--fg-3);transition:color var(--tr), transform var(--tr);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-label{letter-spacing:-.01em}@media (width<=768px){.mobile-bottom-nav{display:flex}.main-wrap{padding-bottom:74px}}.font-scaler-group{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:2px 4px;display:inline-flex}.scaler-icon{color:var(--fg-3);margin:0 2px}.scaler-btn{color:var(--fg-2);cursor:pointer;transition:background var(--tr), color var(--tr);background:0 0;border:0;border-radius:6px;padding:3px 6px;font-size:.78rem;font-weight:700}.scaler-btn:hover{color:var(--fg)}.scaler-btn.active{background:var(--accent);color:#fff}.font-scale-sm{font-size:14px;line-height:1.55}.font-scale-md{font-size:15.5px;line-height:1.65}.font-scale-lg{font-size:18px;line-height:1.75}.topic-nav-bar{padding:16px 20px}.topic-nav-btn{text-align:left;align-items:center;gap:10px;max-width:280px;display:inline-flex}.topic-nav-title{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:700;overflow:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#020611b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.formula-sheet-modal{width:100%;max-width:680px;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;padding:24px;display:flex;overflow:hidden}.formula-header{border-bottom:1px solid var(--border);padding-bottom:12px}.formula-search-bar{align-items:center;display:flex;position:relative}.formula-search-bar .search-icon{color:var(--fg-3);pointer-events:none;position:absolute;left:12px}.formula-input{border:1px solid var(--border);background:var(--bg-2);width:100%;color:var(--fg);border-radius:12px;padding:10px 12px 10px 38px}.formula-tabs{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.formula-list{flex-direction:column;gap:10px;max-height:calc(85vh - 220px);padding-right:4px;display:flex;overflow-y:auto}.formula-card{border:1px solid var(--border);background:var(--card-2);border-radius:12px;padding:14px 16px}.formula-card.subj-physics{border-left:3.5px solid var(--blue)}.formula-card.subj-math{border-left:3.5px solid var(--gold)}.formula-card.subj-chem{border-left:3.5px solid var(--ember)}.formula-card.subj-bio{border-left:3.5px solid var(--green)}.formula-title{color:var(--fg);font-size:.95rem;font-weight:700}.formula-tag{color:var(--fg-3);letter-spacing:.05em;font-size:.7rem;font-weight:800}.formula-code{font-family:var(--font-mono);background:var(--card-solid);color:var(--accent);border:1px solid var(--border);border-radius:8px;margin:8px 0;padding:6px 12px;font-size:.95rem;font-weight:600}.formula-notes{color:var(--fg-2);font-size:.8rem}.empty-formulas{text-align:center;color:var(--fg-3);padding:32px 0}.exam-palette{padding:14px 18px}.exam-palette-grid{flex-wrap:wrap;gap:6px;max-height:120px;padding:4px 0;display:flex;overflow-y:auto}.palette-dot{border:1.5px solid var(--border);background:var(--card-2);width:32px;height:32px;color:var(--fg-2);cursor:pointer;transition:all var(--tr);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.palette-dot:hover{border-color:var(--accent);transform:translateY(-1px)}.palette-dot.answered{background:color-mix(in srgb, var(--accent) 24%, var(--bg-2));border-color:var(--accent);color:var(--fg)}.palette-dot.flagged{color:#f59e0b;border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b}.exam-q-wrapper{margin-bottom:20px;position:relative}.exam-q-flag-bar{justify-content:flex-end;margin-bottom:6px;display:flex}.flagged-badge{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:999px;align-items:center;gap:5px;margin-bottom:8px;padding:3px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.lesson-progress-bar{height:3.5px;width:var(--progress-pct,0%);background:linear-gradient(90deg, var(--progress-color,var(--accent)), #818cf8);box-shadow:0 0 12px var(--progress-color,var(--accent));z-index:1000;pointer-events:none;transition:width .12s cubic-bezier(0,0,.2,1);position:fixed;top:0;left:0}.lesson-studio-header[data-subject=mathematics],.lesson-body[data-subject=mathematics]{--subj-accent:var(--gold);--subj-glow:#f2c94c29}.lesson-studio-header[data-subject=physics],.lesson-body[data-subject=physics]{--subj-accent:var(--blue);--subj-glow:#60a5fa2e}.lesson-studio-header[data-subject=chemistry],.lesson-body[data-subject=chemistry]{--subj-accent:var(--ember);--subj-glow:#fb718529}.lesson-studio-header[data-subject=biology],.lesson-body[data-subject=biology]{--subj-accent:var(--green);--subj-glow:#4ade8026}.lesson-studio-header[data-subject=reading_writing],.lesson-body[data-subject=reading_writing]{--subj-accent:var(--accent-2);--subj-glow:#a78bfa26}.lesson-studio-header{background:var(--studio-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 #ffffff14, var(--shadow);padding:24px 28px;position:relative;overflow:hidden}.lesson-studio-header:after{content:"";background:radial-gradient(circle, var(--subj-glow,#60a5fa26), transparent 70%);pointer-events:none;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.lesson-toc{top:calc(var(--topbar-h) + 10px);z-index:25;-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);scrollbar-width:none;background:#0f172ad1;border-radius:999px;gap:8px;margin:18px 0 24px;padding:8px 12px;display:flex;position:sticky;overflow-x:auto;box-shadow:0 10px 30px #00000059}.lesson-toc::-webkit-scrollbar{display:none}[data-theme=light] .lesson-toc{background:#ffffffe0;box-shadow:0 8px 24px #283c781f}.toc-pill{color:var(--fg-2);cursor:pointer;white-space:nowrap;transition:all var(--tr);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.toc-pill:hover{color:var(--fg);background:#ffffff14}.toc-pill.active{background:var(--card-solid);color:var(--subj-accent,var(--accent));border-color:var(--subj-accent,var(--accent));font-weight:700;box-shadow:0 2px 10px #00000040}.toc-pill.done{color:var(--green);border-color:#4ade8059}.toc-pill-label{font-size:.78rem}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-title{font-size:1.25rem;font-weight:700;font-family:var(--font-display);color:var(--fg);align-items:center;gap:10px;margin:0;display:inline-flex}.section-icon{color:var(--subj-accent,var(--accent));justify-content:center;align-items:center;display:inline-flex}.understood-btn{border:1px solid var(--border);background:var(--card-2);color:var(--fg-2);cursor:pointer;transition:all var(--tr);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.understood-btn:hover{border-color:var(--green);color:var(--green)}.understood-btn.done{color:var(--green);background:#4ade8024;border-color:#4ade8066;box-shadow:0 0 12px #4ade802e}.understood-progress{background:#ffffff14;border-radius:999px;align-items:center;height:6px;margin-top:14px;display:flex;position:relative;overflow:visible}.understood-bar{background:var(--green);height:100%;box-shadow:0 0 8px var(--green);border-radius:999px;transition:width .3s}.keyterms-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px;display:grid}.keyterm-card{background:var(--card-2);border:1px solid var(--border);transition:border-color var(--tr), transform var(--tr);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.keyterm-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.keyterm-word{font-family:var(--font-display);color:var(--subj-accent,var(--accent));font-size:.95rem;font-weight:700}.keyterm-def{color:var(--fg-2);font-size:.85rem;line-height:1.55}.formula-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:12px;display:grid}.formula-box-enhanced{background:linear-gradient(145deg, var(--card-2), var(--card-solid));border:1px solid var(--border);border-left:4px solid var(--subj-accent,var(--accent));transition:transform var(--tr), box-shadow var(--tr);border-radius:14px;padding:16px 20px;position:relative}.formula-box-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.example-box-enhanced{border:1px solid var(--border);background:var(--card-2);box-shadow:inset 0 1px 0 #ffffff0d, var(--shadow-sm);border-radius:16px;margin:16px 0;overflow:hidden}.example-head{font-weight:700;font-family:var(--font-display);border-bottom:1px solid var(--border);background:linear-gradient(90deg,#60a5fa1f,#0000);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.example-steps-badge{color:var(--fg-2);letter-spacing:.02em;background:#ffffff14;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700}.step-revealed{background:#ffffff05;border-radius:10px;gap:12px;margin-bottom:12px;padding:8px 12px;transition:all .3s;display:flex}.step-new{animation:.45s ease-out stepHighlight}@keyframes stepHighlight{0%{background:#60a5fa38;transform:translate(-4px)}to{background:#ffffff05;transform:translate(0)}}.reveal-btn{border:1px dashed var(--subj-accent,var(--accent));color:var(--subj-accent,var(--accent));cursor:pointer;transition:all var(--tr);background:#60a5fa0f;border-radius:10px;align-items:center;gap:8px;margin-top:10px;padding:8px 16px;font-size:.84rem;font-weight:700;display:inline-flex}.reveal-btn:hover{background:#60a5fa26;transform:translateY(-1px)}.reset-steps-btn{cursor:pointer;text-align:right;background:0 0;border:none;width:100%;padding:6px 18px 14px;font-size:.76rem;display:block}.reset-steps-btn:hover{color:var(--fg)}.mistake-cards-grid{flex-direction:column;gap:12px;margin-top:12px;display:flex}.mistake-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;display:flex;overflow:hidden}@media (width<=640px){.mistake-card{flex-direction:column}}.mistake-trap{border-left:4px solid var(--danger);background:#fb718514;flex:1;padding:14px 18px}.mistake-trap-label{color:var(--danger);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.74rem;font-weight:800;display:inline-block}.mistake-trap p{color:var(--fg);margin:0;font-size:.9rem}.mistake-fix{border-left:4px solid var(--green);background:#4ade8014;flex:1;padding:14px 18px}@media (width<=640px){.mistake-fix{border-top:1px solid var(--border)}}.mistake-fix-label{color:var(--green);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.74rem;font-weight:800;display:inline-block}.mistake-fix p{color:var(--fg);margin:0;font-size:.9rem}.quick-note-fab{background:var(--subj-accent,var(--accent));color:#fff;cursor:pointer;z-index:40;width:48px;height:48px;transition:transform var(--tr), box-shadow var(--tr);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:84px;right:24px;box-shadow:0 6px 24px #0006}.quick-note-fab:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 10px 28px #00000080}.quick-note-drawer{z-index:50;width:320px;max-width:calc(100vw - 48px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);background:var(--card-solid);border-radius:16px;padding:16px;animation:.2s ease-out slideInUp;position:fixed;bottom:144px;right:24px}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{box-shadow:inset 0 1px 0 #ffffff0f, var(--shadow);border-radius:var(--radius)}.lesson-section{transition:border-color var(--tr);margin-top:20px;padding:24px 28px}.lesson-lede{padding:24px 28px}.topbar-user-pill{background:var(--card-2);border:1px solid var(--border);color:var(--fg);cursor:pointer;transition:all var(--tr);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.82rem;font-weight:600;display:inline-flex}.topbar-user-pill:hover{border-color:var(--accent);background:var(--card-solid)}.user-avatar-mini{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex}.topbar-signin-btn{align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex}.auth-modal{width:100%;max-width:440px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border-strong);border-radius:20px;padding:28px;animation:.25s ease-out slideInUp;overflow-y:auto}.auth-modal-header{margin-bottom:16px}.auth-title{font-size:1.35rem;font-weight:800;font-family:var(--font-display);margin:0}.auth-tab-switch{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;gap:6px;margin-bottom:18px;padding:4px;display:flex}.auth-tab-btn{color:var(--fg-2);cursor:pointer;transition:all var(--tr);background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:.82rem;font-weight:700}.auth-tab-btn.active{background:var(--card-solid);color:var(--fg);box-shadow:var(--shadow-sm)}.google-auth-btn{background:var(--card-2);border:1px solid var(--border);cursor:pointer;width:100%;transition:all var(--tr);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-weight:600;display:flex}.google-auth-btn:hover{background:var(--card-solid);border-color:var(--border-strong);transform:translateY(-1px)}.auth-divider{color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:12px;margin:18px 0;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.input-group{flex-direction:column;gap:5px;display:flex}.input-label{color:var(--fg-2);font-size:.8rem;font-weight:700}.input-field-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--fg-3);pointer-events:none;position:absolute;left:12px}.auth-input{border:1px solid var(--border);background:var(--bg-2);width:100%;color:var(--fg);transition:border-color var(--tr);border-radius:10px;padding:10px 12px 10px 38px;font-size:.9rem}.auth-input:focus{border-color:var(--accent);outline:none}.auth-submit-btn{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:11px;font-weight:700;display:inline-flex}.tiny-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.tiny-link:hover{text-decoration:underline}.auth-alert{border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:.82rem;display:flex}.auth-alert.error{color:var(--danger);background:#fb71851f;border:1px solid #fb718559}.auth-alert.success{color:var(--green);background:#4ade801f;border:1px solid #4ade8059}.grade-selector-row{flex-wrap:wrap;gap:6px;display:flex}.grade-pill{border:1px solid var(--border);background:var(--card-2);color:var(--fg-2);cursor:pointer;transition:all var(--tr);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.grade-pill:hover{border-color:var(--accent);color:var(--fg)}.grade-pill.active{border-color:var(--accent);background:var(--accent);color:#fff}.profile-container{max-width:800px;margin:0 auto}.guest-profile-banner{text-align:center;padding:48px 24px}.guest-banner-icon{margin-bottom:12px;font-size:3rem}.profile-header-card{flex-wrap:wrap;align-items:center;gap:24px;padding:28px;display:flex}.profile-avatar-wrap{position:relative}.profile-avatar{background:linear-gradient(135deg, var(--accent), #818cf8);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:1.7rem;font-weight:800;display:flex;box-shadow:0 4px 20px #60a5fa59}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-grade-tag{background:var(--card-solid);border:1px solid var(--border-strong);color:var(--gold);border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:800;position:absolute;bottom:-4px;right:-4px}.profile-details{flex:1}.profile-name{font-size:1.65rem;font-family:var(--font-display);margin:0 0 6px}.profile-meta-row{color:var(--fg-2);flex-wrap:wrap;gap:16px;font-size:.85rem;display:flex}.profile-meta-item{align-items:center;gap:6px;display:inline-flex}.profile-sync-pill{margin-top:8px}.sync-badge{border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.sync-badge.synced{color:var(--green);background:#4ade801f;border:1px solid #4ade8059}.sync-badge.syncing{color:var(--blue);background:#60a5fa1f;border:1px solid #60a5fa59}.sync-badge.offline{border:1px solid var(--border);color:var(--fg-3);background:#ffffff14}.profile-stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.stat-card{padding:20px 18px}.stat-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.stat-icon-wrap.amber{color:var(--gold);background:#f2c94c24}.stat-icon-wrap.blue{color:var(--blue);background:#60a5fa24}.stat-icon-wrap.green{color:var(--green);background:#4ade8024}.stat-icon-wrap.purple{color:var(--accent-2);background:#a78bfa24}.stat-num{font-size:1.7rem;font-weight:800;font-family:var(--font-display)}.stat-unit{color:var(--fg-2);font-size:.85rem;font-weight:600}.stat-label{color:var(--fg-2);margin-top:4px;font-size:.78rem}.profile-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.profile-form-grid{grid-template-columns:1fr}}.data-badge{background:var(--card-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.leaderboard-container{max-width:900px;margin:0 auto}.leaderboard-banner{padding:24px 28px}.leaderboard-title{font-size:1.8rem;font-family:var(--font-display);margin:0}.my-rank-badge{background:var(--card-2);border:1px solid var(--border-strong);border-radius:12px;flex-direction:column;align-items:center;padding:8px 16px;display:flex}.my-rank-num{color:var(--gold);font-size:1.4rem;font-weight:800}.leaderboard-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grade-pill-group{gap:6px;display:flex;overflow-x:auto}.filter-pill{border:1px solid var(--border);background:var(--card-2);color:var(--fg-2);cursor:pointer;transition:all var(--tr);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:700}.filter-pill:hover{color:var(--fg);border-color:var(--border-strong)}.filter-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.metric-switch{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;gap:4px;padding:3px;display:flex}.metric-btn{color:var(--fg-2);cursor:pointer;transition:all var(--tr);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.metric-btn.active{background:var(--card-solid);color:var(--fg);box-shadow:var(--shadow-sm)}.podium-grid{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:14px;display:grid}@media (width<=640px){.podium-grid{grid-template-columns:1fr}}.podium-card{text-align:center;border-radius:16px;padding:22px 16px;position:relative}.podium-card.first{border-color:var(--gold);background:linear-gradient(180deg, #f2c94c24, var(--card));box-shadow:0 0 24px #f2c94c26}.podium-crown{margin-bottom:-6px;font-size:1.8rem}.podium-badge{border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:.74rem;font-weight:800;display:inline-block}.podium-badge.gold{color:var(--gold);background:#f2c94c33}.podium-badge.silver{color:#cbd5e1;background:#a0aec033}.podium-badge.bronze{color:#f59e0b;background:#d9770633}.podium-avatar{background:var(--card-2);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 8px;font-size:1.1rem;font-weight:800;display:flex}.podium-avatar.gold{border-color:var(--gold);background:linear-gradient(135deg, var(--gold), #d97706);color:#000}.podium-name{font-size:.95rem;font-weight:700}.podium-grade{color:var(--fg-2);align-items:center;gap:4px;margin-top:2px;font-size:.78rem;display:inline-flex}.podium-score{color:var(--accent);margin-top:10px;font-size:.92rem;font-weight:800}.leaderboard-table-card{padding:0;overflow:hidden}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{text-transform:uppercase;color:var(--fg-3);border-bottom:1px solid var(--border);letter-spacing:.04em;padding:12px 16px;font-size:.76rem}.leaderboard-table td{border-bottom:1px solid var(--border);padding:12px 16px;font-size:.88rem}.leaderboard-table tr:hover{background:#ffffff05}.leaderboard-table tr.my-row{background:#60a5fa17;font-weight:600}.rank-circle{background:var(--card-2);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:inline-flex}.student-cell{align-items:center;gap:10px;display:flex}.student-avatar-mini{background:var(--card-2);width:28px;height:28px;color:var(--fg-2);border-radius:50%;justify-content:center;align-items:center;display:flex}.you-pill{background:var(--accent);color:#fff;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.68rem;font-weight:800}.grade-badge{background:var(--card-2);color:var(--fg-2);border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700}.score-badge{align-items:center;gap:4px;font-size:.84rem;font-weight:700;display:inline-flex}.score-badge.flame{color:var(--gold)}.score-badge.trophy{color:var(--accent)}:root{--ok:var(--success);--bad:#fb7185}[data-theme=light]{--ok:#047857;--bad:#e11d48}.topic-tabs{margin-bottom:var(--space-5);border-bottom:none;flex-wrap:wrap;gap:8px}.topic-tab{border:1px solid var(--border-strong);background:var(--card-2);color:var(--fg-2);font:600 .88rem var(--font-display);cursor:pointer;white-space:nowrap;transition:all var(--tr);border-radius:999px;align-items:center;gap:7px;padding:9px 18px;display:inline-flex}.topic-tab:hover{color:var(--fg);border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.topic-tab.active{background:var(--grad-main);color:#fff;box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 32%, transparent);border-color:#0000;font-weight:700}@media (width<=700px){.topic-tabs{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.topic-tabs::-webkit-scrollbar{display:none}}.sec-badge{width:32px;height:32px;color:var(--subj-accent,var(--accent));background:color-mix(in srgb, var(--subj-accent,var(--accent)) 14%, transparent);border:1px solid color-mix(in srgb, var(--subj-accent,var(--accent)) 32%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sec-badge.done{color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent);border-color:color-mix(in srgb, var(--ok) 38%, transparent)}.lesson-section>.section-header-row{border-bottom:1px solid var(--border);padding-bottom:10px}.lesson-body,.lesson-body .lede-text,.lesson-body .simple-text{line-height:1.7}.lesson-section{margin-top:var(--space-5);padding:24px 28px}.section-title{font-size:1.12rem}.toc-pill-ico{display:inline-flex}.visual-frame{background:var(--card-solid);border:1px solid var(--border);border-radius:16px;padding:0;overflow:hidden}.visual-frame-head{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--fg) 3%, transparent);align-items:center;gap:10px;padding:9px 14px;display:flex}.visual-frame-badge{width:26px;height:26px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.visual-frame-title{min-width:0;font:700 .9rem var(--font-display);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.visual-frame-type{font:600 .66rem var(--font-display);text-transform:uppercase;letter-spacing:.07em;color:var(--fg-3);background:var(--card-2);border:1px solid var(--border);border-radius:999px;flex-shrink:0;padding:2px 8px}.visual-frame-body{padding:16px}.visual-frame .vis-svg{max-width:100%}[data-theme=light] .vis{background:var(--card-solid);border-color:var(--border)}.vis-node{border-radius:12px;padding:13px 15px}.vis-step{gap:11px;padding:12px 15px}.vis-timeline{gap:12px;padding-left:4px;position:relative}.vis-timeline:before{content:"";background:var(--border-strong);border-radius:2px;width:2px;position:absolute;top:8px;bottom:2px;left:89px}.vis-tl-row{position:relative}.vis-tl-dot{z-index:1;box-shadow:0 0 0 3px var(--card-solid);position:relative}.vis-cmp-col{padding:14px 16px}.visual-table th{color:var(--fg-3);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border-strong);padding:6px 10px;font-size:.68rem}.visual-table td{color:var(--fg-2);border-bottom:1px solid var(--border);padding:8px 10px}.visual-table tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--fg) 4%, transparent)}.visual-table td.vis-td-key{color:var(--fg);border-left:2px solid color-mix(in srgb, var(--ok) 55%, transparent);font-weight:600}.visual-table tbody tr:last-child td{border-bottom:none}[data-theme=light] .visual-table tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--fg) 4%, transparent)}.auth-scene{z-index:0;pointer-events:none;background:linear-gradient(160deg,#04060f 0%,#0a1230 55%,#141d40 100%);position:fixed;inset:0}[data-theme=light] .auth-scene{background:linear-gradient(160deg,#0d1631 0%,#16224b 55%,#1e2c5c 100%)}.auth-fallback-sky{background-image:radial-gradient(1px 1px at 12% 20%,#ffffff80 50%,#0000 50%),radial-gradient(1px 1px at 68% 12%,#ffffff59 50%,#0000 50%),radial-gradient(1.5px 1.5px at 82% 64%,#a0b4ff66 50%,#0000 50%),radial-gradient(1px 1px at 34% 78%,#ffffff47 50%,#0000 50%),radial-gradient(1px 1px at 92% 34%,#a0b4ff4d 50%,#0000 50%),radial-gradient(1.5px 1.5px at 4% 88%,#ffffff38 50%,#0000 50%),radial-gradient(1px 1px at 45% 42%,#ffffff4d 50%,#0000 50%),radial-gradient(1px 1px at 57% 88%,#a0b4ff42 50%,#0000 50%),radial-gradient(1.2px 1.2px at 22% 55%,#ffffff52 50%,#0000 50%);position:absolute;inset:0}.auth-scene>canvas{display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.auth-view{z-index:2;min-height:calc(100vh - var(--topbar-h) - 130px);padding:var(--space-5) 0 var(--space-7);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.app-immersive{display:block!important}.app-immersive .view{height:auto;min-height:100vh;padding-top:0}.app-immersive .auth-view{min-height:100vh;padding:var(--space-6) var(--space-4) var(--space-7)}.auth-card{background:var(--card);border:1px solid var(--border-strong);width:100%;max-width:420px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px;padding:32px 30px 28px;animation:.35s ease-out slideInUp;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#a0b4ff73,#0000);height:1px;position:absolute;inset:0 0 auto}[data-theme=light] .auth-card{background:#ffffffeb}.auth-card-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 4px;font-size:1.55rem;font-weight:800}.auth-card-sub{color:var(--fg-2);margin:0 0 18px;font-size:.86rem}.auth-tabs{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;gap:6px;margin-bottom:18px;padding:4px;display:flex}.auth-opt{font-size:.82rem;font-weight:700;font-family:var(--font-body);color:var(--fg-2);cursor:pointer;transition:all var(--tr);background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px}.auth-opt.active{background:var(--card-solid);color:var(--fg);box-shadow:var(--shadow-sm)}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-input.invalid{border-color:var(--danger)}.auth-field-error{color:var(--danger);align-items:center;gap:4px;margin:0;font-size:.73rem;line-height:1.35;display:flex}.auth-input-eye{padding-right:40px!important}.auth-eye{color:var(--fg-3);cursor:pointer;transition:color var(--tr);background:0 0;border:none;border-radius:6px;padding:4px;display:flex;position:absolute;right:8px}.auth-eye:hover{color:var(--fg)}.auth-back-link{color:var(--fg-3);align-self:center;align-items:center;gap:5px;margin-top:2px;font-size:.78rem;display:inline-flex}.auth-back-link:hover{color:var(--accent)}.auth-benefits{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:2px;padding-top:12px;display:flex}.auth-benefit{color:var(--fg-2);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:inline-flex}.auth-benefit svg{color:var(--accent)}@media (width<=640px){.auth-view{min-height:calc(100vh - var(--topbar-h) - 80px);padding:var(--space-4) 0 var(--space-6)}.auth-card{border-radius:20px;padding:26px 22px 24px}}.admin-shell{grid-template-columns:268px 1fr;min-height:100vh;display:grid}.admin-sidebar{gap:var(--space-4);height:100vh;padding:var(--space-5) var(--space-4);border-right:1px solid var(--border);background:color-mix(in srgb, var(--bg-2) 88%, transparent);flex-direction:column;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:11px;display:flex}.admin-brand-mark{color:#fff;background:var(--grad-main);width:40px;height:40px;box-shadow:var(--glow-blue);border-radius:13px;flex:none;place-items:center;display:grid}.admin-brand-name{font:800 1.05rem var(--font-display);letter-spacing:-.02em;color:var(--fg)}.admin-brand-sub{color:var(--fg-3);font-size:.72rem}.admin-badge{text-transform:uppercase;letter-spacing:.14em;font:800 .62rem var(--font-display);color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);border:1px solid color-mix(in srgb, var(--accent) 36%, transparent);border-radius:99px;align-self:flex-start;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.admin-nav{margin-top:var(--space-2);flex-direction:column;gap:4px;display:flex}.admin-nav-item{color:var(--fg-2);font:600 .92rem var(--font-body);cursor:pointer;text-align:left;transition:background var(--tr), color var(--tr), border-color var(--tr);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:11px 13px;display:flex}.admin-nav-item svg{color:var(--fg-3);transition:color var(--tr);flex:none}.admin-nav-item:hover{color:var(--fg);background:var(--card-2)}.admin-nav-item.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.admin-nav-item.active svg{color:var(--accent)}.admin-back{color:var(--fg-2);font:600 .82rem var(--font-body);transition:color var(--tr);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.admin-back:hover{color:var(--accent)}.admin-back-sidebar{border-top:1px solid var(--border);margin-top:auto;padding:10px 12px}.admin-content{padding:var(--space-5) clamp(16px, 3vw, 36px) var(--space-7);width:100%;min-width:0;max-width:1180px}.admin-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.admin-title{font:800 clamp(1.3rem, 2.5vw, 1.75rem) var(--font-display);letter-spacing:-.03em;color:var(--fg);align-items:center;gap:10px;margin:0;display:flex}.admin-title-ico{color:var(--accent)}.admin-notice-wrap{min-height:100vh;padding:var(--space-5);grid-column:1/-1;place-items:center;display:grid}.admin-notice{text-align:center;max-width:480px;padding:var(--space-6) var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--card-solid);box-shadow:var(--shadow)}.admin-notice h1{font:800 1.25rem var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:14px 0 8px}.admin-notice p{color:var(--fg-2);margin:0;font-size:.92rem}.admin-notice code{text-align:left;overflow-wrap:anywhere;background:var(--bg-2);border:1px solid var(--border);font:.78rem var(--font-mono);color:var(--accent-2);border-radius:10px;margin-top:10px;padding:8px 12px;display:inline-block}.admin-notice-back{display:inline-flex}.admin-notice-ico{margin:0 auto}.adm-stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.adm-error-line{color:var(--warn);margin-top:var(--space-3)}.adm-recent-card{padding:var(--space-2) 0;overflow:hidden}.adm-recent-list{margin:0;padding:0;list-style:none}.adm-recent-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;font-size:.9rem;display:flex}.adm-recent-row:last-child{border-bottom:none}.adm-recent-name{color:var(--fg);font-weight:700}.adm-recent-date{color:var(--fg-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem}.adm-avatar{width:34px;height:34px;font:800 .72rem var(--font-display);color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 80%, #fff), var(--accent));border-radius:11px;flex:none;place-items:center;display:grid}.adm-chip{font:600 .68rem var(--font-body);letter-spacing:.04em;background:var(--card-2);border:1px solid var(--border);color:var(--fg-2);border-radius:99px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.adm-chip-admin{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 34%, transparent)}.adm-chip-ok{color:var(--success);background:color-mix(in srgb, var(--success) 10%, transparent);border-color:color-mix(in srgb, var(--success) 30%, transparent)}.adm-chip-banned{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:color-mix(in srgb, var(--danger) 32%, transparent)}.adm-dot{background:var(--fg-3);vertical-align:baseline;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.adm-dot-today{background:var(--success);box-shadow:0 0 8px color-mix(in srgb, var(--success) 65%, transparent)}.adm-dot-stale{background:var(--warn)}.adm-dot-none{background:var(--fg-3)}.adm-table-wrap{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--card);overflow-x:auto}.adm-table{border-collapse:collapse;width:100%;font-size:.88rem}.adm-table th{text-align:left;font:700 .66rem var(--font-display);text-transform:uppercase;letter-spacing:.09em;color:var(--fg-3);border-bottom:1px solid var(--border-strong);background:color-mix(in srgb, var(--card-solid) 96%, transparent);padding:12px 15px;position:sticky;top:0}.adm-table th.adm-th-actions{text-align:right}.adm-table td{border-bottom:1px solid var(--border);color:var(--fg);padding:11px 15px}.adm-table td.adm-num,.adm-table td{font-variant-numeric:tabular-nums}.adm-table tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--fg) 3%, transparent)}.adm-table tbody tr:hover td{background:color-mix(in srgb, var(--accent) 6%, transparent)}.adm-table tbody tr:last-child td{border-bottom:none}.adm-row-banned td:first-child{box-shadow:inset 3px 0 var(--danger)}.adm-user-cell{align-items:center;gap:11px;display:flex}.adm-user-cell .adm-chip{margin-left:8px}.adm-actions{justify-content:flex-end;gap:7px;display:inline-flex}.adm-icon-btn{cursor:pointer;border:1px solid var(--border);background:var(--card-2);width:33px;height:33px;color:var(--fg-2);transition:color var(--tr), border-color var(--tr), transform var(--tr);border-radius:10px;place-items:center;display:grid}.adm-icon-btn:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-1px)}.adm-icon-btn.adm-icon-btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 32%, transparent)}.adm-icon-btn.adm-icon-btn-danger:hover{color:#fff;background:color-mix(in srgb, var(--danger) 65%, transparent);border-color:#0000}.adm-detail-row td{background:color-mix(in srgb, var(--bg-2) 70%, transparent)!important;padding:14px 15px 18px!important}.adm-detail-grid{gap:var(--space-5);color:var(--fg-2);flex-wrap:wrap;font-size:.85rem;display:flex}.adm-detail-grid b{color:var(--fg);font-variant-numeric:tabular-nums;font-family:var(--font-display)}.adm-empty-row{color:var(--fg-3);text-align:center;padding:var(--space-5)!important}.admin-search-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.adm-input{background:var(--bg-2);border:1px solid var(--border);color:var(--fg);font:500 .9rem var(--font-body);transition:border-color var(--tr), box-shadow var(--tr);border-radius:12px;outline:none;padding:10px 14px}.adm-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.adm-search-field{border:1px solid var(--border);background:var(--bg-2);color:var(--fg-3);border-radius:12px;align-items:center;gap:9px;padding:0 14px;display:flex}.adm-search-field:focus-within{border-color:var(--accent)}.adm-search-field .adm-input{box-shadow:none;background:0 0;border:none;flex:1;min-width:200px;padding:10px 0}.adm-search-field .adm-input:focus{box-shadow:none;border:none}.adm-seg{border:1px solid var(--border);background:var(--card-2);border-radius:12px;gap:3px;padding:3px;display:inline-flex}.adm-seg button{color:var(--fg-2);font:600 .8rem var(--font-body);cursor:pointer;transition:background var(--tr), color var(--tr);background:0 0;border:none;border-radius:9px;padding:7px 14px}.adm-seg button:hover{color:var(--fg)}.adm-seg button.active{color:var(--fg);background:color-mix(in srgb, var(--accent) 22%, transparent)}.adm-confirm-modal{max-width:420px}.adm-confirm-title{font:800 1.15rem var(--font-display);color:var(--fg);margin:0 0 4px}.adm-btn-danger{color:#fff;background:linear-gradient(135deg,#fb7185,#f43f5e);border-color:#0000}.adm-btn-danger:hover{box-shadow:0 8px 20px color-mix(in srgb, var(--danger) 40%, transparent)}.admin-chart-card{padding:var(--space-4) var(--space-4) var(--space-5)}.admin-chart-title{font:800 1.05rem var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:0}.admin-flame{color:var(--gold);vertical-align:-3px;margin-right:6px}.adm-chart text{font-family:var(--font-body)}.adm-streak-card{padding:var(--space-4) var(--space-4) var(--space-5)}.adm-streak-row{flex-direction:column;gap:9px;display:flex}.adm-streak-band{grid-template-columns:84px 1fr 42px;align-items:center;gap:12px;display:grid}.adm-streak-label{font:600 .8rem var(--font-body);color:var(--fg-2)}.adm-streak-bar{background:color-mix(in srgb, var(--fg) 6%, transparent);border-radius:99px;height:10px;overflow:hidden}.adm-streak-bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, var(--accent-2)), var(--accent));border-radius:99px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.adm-streak-count{font-variant-numeric:tabular-nums;font:700 .82rem var(--font-body);color:var(--fg);text-align:right}.view-admin{width:100%;max-width:none;margin:0;padding:0;animation:none}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;padding:var(--space-3) var(--space-4);flex-direction:row;align-items:center;position:static;overflow-x:auto}.admin-nav{flex-direction:row;margin-top:0}.admin-back-sidebar{border-top:none;border-left:1px solid var(--border);white-space:nowrap;margin-top:0;padding-left:14px}.admin-brand-sub,.adm-recent-date{display:none}}@media (width<=768px){.grid-4.dashboard-stats,.grid-4.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.topbar .offline-pill{display:none}.searchbox{min-width:0}.searchbox input{width:100%;min-width:0}.page-hero:after{display:none}.stat-tile{padding:14px 15px}.stat-tile-num{font-size:1.35rem}.stat-tile .icon-tile{margin-bottom:6px}}