:root{--bg:#071126;--bg2:#0b1732;--glass:rgba(16,31,64,.62);--glass-strong:rgba(18,35,72,.86);--line:rgba(255,255,255,.1);--text:#f6f8ff;--muted:#9ba9c7;--primary:#7c8cff;--primary2:#9f7cff;--cyan:#58d9ef;--green:#62e6b2;--danger:#ff7890;--shadow:0 28px 80px rgba(0,0,0,.34);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% 0,#172754 0,transparent 38%),linear-gradient(145deg,var(--bg),var(--bg2));color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;color:inherit}input,textarea,select{outline:0}.aurora{position:fixed;pointer-events:none;filter:blur(90px);opacity:.23;border-radius:50%;z-index:-2}.aurora-one{width:520px;height:520px;background:#644fff;top:-180px;right:-120px}.aurora-two{width:460px;height:460px;background:#00d7d7;left:20%;bottom:-260px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:-1;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,rgba(255,255,255,.7) .6px,transparent 1.2px,transparent 4px);background-size:7px 7px}.glass,.glass-panel{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.app-shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh;gap:18px;padding:18px}.sidebar{height:calc(100vh - 36px);position:sticky;top:18px;border-radius:28px;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;background:transparent;text-align:left;padding:4px 7px 25px}.brand-orb{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font:800 18px Manrope;background:linear-gradient(135deg,var(--primary),var(--cyan));box-shadow:0 10px 30px rgba(96,128,255,.35)}.brand strong,.brand small{display:block}.brand strong{font:800 14px Manrope}.brand small{font-size:10px;color:var(--muted);margin-top:2px}.sidebar nav{display:grid;gap:7px}.nav-item{background:transparent;border-radius:15px;display:flex;align-items:center;gap:12px;padding:13px 14px;color:var(--muted);font-size:13px;transition:.2s}.nav-item span{width:24px;font-size:18px;text-align:center}.nav-item.active,.nav-item:hover{color:#fff;background:linear-gradient(90deg,rgba(124,140,255,.25),rgba(124,140,255,.06));box-shadow:inset 0 0 0 1px rgba(145,157,255,.12)}.sidebar-spacer{flex:1}.ai-status{margin:10px 5px 15px;padding:13px;border-radius:16px;background:rgba(87,223,191,.07);border:1px solid rgba(87,223,191,.14);display:flex;align-items:center;gap:10px}.ai-status>i,.online-dot,.ready-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.ai-status strong,.ai-status small{display:block}.ai-status strong{font-size:11px}.ai-status small{font-size:9px;color:var(--muted);margin-top:3px}.profile{padding:14px 6px 2px;border-top:1px solid var(--line);display:grid;grid-template-columns:38px 1fr 32px;gap:9px;align-items:center}.avatar,.mini-avatar{border-radius:12px;background:linear-gradient(135deg,#8a79ff,#5768db);display:grid;place-items:center;font-weight:800}.avatar{width:38px;height:38px}.mini-avatar{width:36px;height:36px}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:9px;color:var(--muted);margin-top:2px}.profile button,.icon-btn{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:10px;height:32px}.app-shell>main{min-width:0}.topbar{height:78px;border-radius:24px;padding:14px 22px;display:flex;align-items:center;position:sticky;top:18px;z-index:12}.topbar h1{font:700 20px Manrope;margin:3px 0 0}.topbar small,.eyebrow{font-size:9px;letter-spacing:.16em;color:#91a2c7;font-weight:800}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-btn{display:none;width:36px;margin-right:10px}.view{display:none;padding:25px 3px 60px;animation:viewIn .35s ease}.view.active{display:block}@keyframes viewIn{from{opacity:0;transform:translateY(8px)}}.hero{border-radius:32px;min-height:380px;padding:52px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;width:330px;height:330px;border-radius:50%;background:rgba(104,91,255,.22);filter:blur(30px);right:7%;top:8%}.pill,.access-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;border:1px solid rgba(142,157,255,.24);background:rgba(124,140,255,.12);color:#b9c3ff;font-size:9px;letter-spacing:.12em;font-weight:800;padding:7px 11px}.pill i{width:6px;height:6px;border-radius:50%;background:var(--green)}.hero h2{font:800 clamp(34px,4.3vw,60px)/1.08 Manrope;margin:23px 0 17px;letter-spacing:-.045em}.hero h2 em{font-style:normal;background:linear-gradient(90deg,#aab7ff,#6de6ed);background-clip:text;color:transparent}.hero p{max-width:630px;color:var(--muted);font-size:15px;line-height:1.7}.hero-actions{display:flex;gap:11px;margin-top:28px}.primary-btn,.soft-btn,.ghost-btn{border-radius:13px;padding:12px 17px;font-size:12px;font-weight:800;transition:.2s}.primary-btn{background:linear-gradient(135deg,var(--primary),#6070e9);box-shadow:0 10px 28px rgba(89,105,224,.3);color:#fff}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.07)}.primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.soft-btn{background:rgba(255,255,255,.08);border:1px solid var(--line)}.ghost-btn{background:rgba(124,140,255,.12);border:1px solid rgba(124,140,255,.18)}.text-btn{background:transparent;color:#a9b6ff;font-size:12px;font-weight:800}.wide{width:100%;justify-content:center}.hero-visual{position:relative;display:grid;place-items:center;min-height:280px}.brain-glass{width:145px;height:145px;border-radius:48px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(121,136,255,.11));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 35px 65px rgba(0,0,0,.35);backdrop-filter:blur(18px);display:grid;place-content:center;text-align:center;position:relative;z-index:2;transform:rotate(-4deg)}.brain-glass span{font-size:24px;color:#a6f1ff}.brain-glass strong{font:800 42px Manrope;line-height:1}.brain-glass small{font-size:8px;color:var(--muted);letter-spacing:.12em}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(133,155,255,.25)}.orbit-a{width:260px;height:260px}.orbit-b{width:330px;height:180px;transform:rotate(36deg)}.floating-chip{position:absolute;background:rgba(16,33,70,.72);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:13px;padding:11px 14px;font-size:10px;box-shadow:0 15px 40px rgba(0,0,0,.25);z-index:3}.chip-one{top:19%;right:0}.chip-two{bottom:14%;left:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.metric{padding:22px 24px;border-radius:21px}.metric span,.metric small,.metric strong{display:block}.metric span{font-size:10px;color:var(--muted)}.metric strong{font:800 30px Manrope;margin:7px 0 3px}.metric small{font-size:10px;color:#7383a6}.section-head{display:flex;align-items:end;justify-content:space-between;margin:36px 3px 17px}.section-head.large{margin-top:14px}.section-head.compact{margin:20px 0 13px}.section-head h2{font:750 23px Manrope;margin:6px 0 0}.section-head p{color:var(--muted);font-size:13px;margin:7px 0 0}.notebook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.notebook-card{border-radius:22px;overflow:hidden;cursor:pointer;transition:.25s}.notebook-card:hover{transform:translateY(-4px);border-color:rgba(138,154,255,.3)}.notebook-cover{height:108px;padding:18px;display:flex;justify-content:space-between;align-items:flex-start}.cover-0{background:linear-gradient(135deg,#243c7d,#6b5bd4)}.cover-1{background:linear-gradient(135deg,#164c65,#268da1)}.cover-2{background:linear-gradient(135deg,#4e2d72,#b04f9a)}.cover-3{background:linear-gradient(135deg,#4b3f25,#c48437)}.notebook-cover span{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center;font:800 13px Manrope}.notebook-cover i{font-style:normal}.notebook-meta{padding:19px}.notebook-meta>div{display:flex;align-items:center;gap:8px}.notebook-meta>div small{color:var(--muted);font-size:10px}.access-pill{padding:5px 7px;font-size:7px}.notebook-meta h3{font:750 17px Manrope;margin:13px 0 8px}.notebook-meta p{height:38px;color:var(--muted);font-size:11px;line-height:1.5;margin:0;overflow:hidden}.notebook-meta footer{border-top:1px solid var(--line);display:flex;gap:13px;align-items:center;margin-top:17px;padding-top:14px;color:#8594b4;font-size:9px}.notebook-meta footer button{margin-left:auto;width:29px;height:29px;border-radius:10px;background:rgba(255,255,255,.08)}.empty-notebook,.empty-state{border-radius:22px;min-height:210px;display:grid;place-content:center;text-align:center;padding:30px}.empty-notebook>span,.empty-state>span{font-size:30px;color:#9aa7ff}.empty-notebook strong,.empty-notebook small,.empty-state h3,.empty-state p{display:block}.empty-notebook small,.empty-state p{color:var(--muted);font-size:11px;margin-top:8px}.workspace-hero{border-radius:27px;padding:32px;display:flex;justify-content:space-between;gap:25px;align-items:center}.workspace-hero h2{font:800 31px Manrope;margin:13px 0 8px}.workspace-hero p{color:var(--muted);font-size:13px;max-width:600px}.workspace-stats{display:flex;gap:25px;margin-top:20px}.workspace-stats span{font-size:10px;color:var(--muted)}.workspace-stats b{font-size:13px;color:var(--text)}.workspace-actions{display:flex;gap:10px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:15px;align-items:start}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.source-card{border-radius:17px;padding:15px;display:grid;grid-template-columns:38px 1fr 8px;align-items:center;gap:10px}.source-icon,.ai-orb{display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,140,255,.3),rgba(88,217,239,.16));border:1px solid rgba(151,166,255,.17)}.source-icon{width:38px;height:38px;border-radius:12px;font-weight:800}.source-card strong,.source-card small{display:block}.source-card strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-card small{font-size:9px;color:var(--muted);margin-top:4px}.package-head{margin-top:34px}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.package-card{border-radius:20px;padding:20px}.package-card.completed{border-color:rgba(98,230,178,.22);background:linear-gradient(145deg,rgba(60,156,131,.13),rgba(255,255,255,.025))}.package-top{display:flex;justify-content:space-between;color:#93a2c2;font-size:8px;font-weight:800;letter-spacing:.1em}.package-top i{font-style:normal;color:#9facff}.package-card h3{font:750 17px Manrope;margin:15px 0 8px}.package-card p{color:var(--muted);font-size:10px;line-height:1.55;min-height:32px}.package-card>button{width:100%;margin:12px 0}.package-card>small{display:block;font-size:8px;color:#6f7d9a}.score-row{display:flex;align-items:center;gap:10px}.score-row strong{font:800 31px Manrope;color:var(--green)}.score-row span{font-size:9px;color:var(--muted)}.empty-package{grid-column:1/-1;border-radius:20px;padding:30px;text-align:center;color:var(--muted)}.empty-package span{font-size:25px;color:#a1b0ff}.empty-package strong{display:block;color:var(--text);margin:8px}.empty-package p{font-size:10px}.tutor-panel{border-radius:22px;position:sticky;top:112px;overflow:hidden}.tutor-head{display:grid;grid-template-columns:42px 1fr 7px;gap:10px;align-items:center;padding:17px;border-bottom:1px solid var(--line)}.ai-orb{width:42px;height:42px;border-radius:14px;color:#adbbff}.tutor-head strong,.tutor-head small{display:block}.tutor-head strong{font-size:12px}.tutor-head small{font-size:8px;color:var(--muted);margin-top:3px}.tutor-messages{height:340px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.message{max-width:90%}.message p{font-size:10px;line-height:1.55;background:rgba(255,255,255,.06);border-radius:5px 14px 14px;padding:11px;margin:0;white-space:pre-wrap}.message.user{align-self:flex-end}.message.user p{background:#5d6bd3;border-radius:14px 5px 14px 14px}.message small{font-size:8px;color:var(--muted)}.tutor-compose{padding:12px;border-top:1px solid var(--line);display:flex;gap:8px}.tutor-compose textarea{flex:1;resize:none;min-width:0;background:rgba(5,14,33,.5);border:1px solid var(--line);border-radius:12px;padding:10px;color:var(--text);font-size:10px}.tutor-compose button{width:42px;padding:0}.ai-disclaimer{display:block;color:#677694;font-size:7px;padding:0 13px 12px}.back-btn{background:transparent;color:#aab6ff;font-size:11px;font-weight:800;margin:2px 0 14px}.quiz-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:15px;max-width:1100px;margin:auto}.quiz-main,.question-ai{border-radius:25px}.quiz-main{padding:30px}.quiz-top{display:flex;align-items:flex-start;justify-content:space-between}.quiz-top h2{font:750 19px Manrope;margin:10px 0}.quiz-top>span{font-size:10px;color:var(--muted)}.progress-track{height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--cyan));border-radius:99px}.question{padding:35px 0 20px}.question h3{font:700 23px/1.4 Manrope;margin:12px 0 24px}.options{display:grid;gap:10px}.option{display:flex;gap:13px;align-items:center;text-align:left;padding:13px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:15px;font-size:12px;transition:.18s}.option span{width:31px;height:31px;border-radius:10px;background:rgba(124,140,255,.12);display:grid;place-items:center;font-weight:800;color:#aab6ff}.option:hover,.option.selected{border-color:rgba(136,151,255,.55);background:rgba(124,140,255,.14)}.quiz-footer{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.hint-box{margin-top:13px;padding:14px;border-radius:13px;background:rgba(255,207,92,.08);border:1px solid rgba(255,207,92,.15);font-size:11px;color:#dfc985}.question-ai{padding:25px;position:sticky;top:112px}.question-ai .ai-orb{margin-bottom:17px}.question-ai h3{font:750 17px Manrope}.question-ai>p{color:var(--muted);font-size:10px;line-height:1.6}.question-ai textarea,.explain-chat textarea{width:100%;resize:none;background:rgba(5,14,33,.5);border:1px solid var(--line);border-radius:12px;padding:11px;color:var(--text);font-size:10px}.mini-messages{max-height:250px;overflow:auto;display:grid;gap:8px;margin:15px 0}.mini-user,.mini-ai{padding:10px;border-radius:11px;font-size:9px;line-height:1.5}.mini-user{background:#5666ca;margin-left:20px}.mini-ai{background:rgba(255,255,255,.06);margin-right:12px}.result-layout{max-width:980px;margin:auto}.result-hero{text-align:center;border-radius:28px;padding:43px}.score-orb{width:125px;height:125px;border-radius:50%;display:grid;place-content:center;margin:0 auto 20px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),rgba(91,106,223,.13));border:1px solid rgba(145,159,255,.25);box-shadow:0 0 45px rgba(102,118,235,.18)}.score-orb strong{font:800 39px Manrope}.score-orb span{font-size:8px;letter-spacing:.15em;color:var(--muted)}.result-hero h2{font:800 28px Manrope;margin:15px}.result-hero p{color:var(--muted);font-size:12px}.explanation-list{margin-top:20px}.explanation-card{border-radius:20px;padding:20px;margin-bottom:10px}.explanation-card header{display:flex;gap:13px;align-items:flex-start}.explanation-card header>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07)}.explanation-card.correct header>span{color:var(--green);background:rgba(98,230,178,.1)}.explanation-card.wrong header>span{color:var(--danger);background:rgba(255,120,144,.1)}.explanation-card small{font-size:8px;color:var(--muted)}.explanation-card h3{font:650 14px Manrope;margin:4px 0}.explanation-card>p{color:var(--muted);font-size:11px;line-height:1.6}.explain-chat{margin-top:12px;padding:13px;border-radius:14px;background:rgba(0,0,0,.12)}.explain-chat form{display:flex;gap:8px}.explain-chat p{white-space:pre-wrap;font-size:10px;line-height:1.6}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-card{border-radius:20px;padding:20px}.review-card>span{color:var(--danger);font-size:8px;font-weight:800;letter-spacing:.12em}.review-card h3{font:650 15px Manrope}.review-card p,.review-card small{color:var(--muted);font-size:10px;line-height:1.6}.leaderboard{border-radius:22px;padding:8px 20px}.leader-row{display:grid;grid-template-columns:30px 40px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.leader-row:last-child{border:0}.rank{font:800 15px Manrope;color:#92a0c1}.leader-row strong,.leader-row small{display:block}.leader-row strong{font-size:12px}.leader-row small{font-size:9px;color:var(--muted);margin-top:2px}.leader-row>b{font-size:11px;color:#aebaff}.approval-list{border-radius:20px;padding:8px 20px}.approval-list>div{display:flex;align-items:center;gap:12px;padding:12px 0}.approval-list p{flex:1}.approval-list strong,.approval-list small{display:block}.approval-list small{color:var(--muted);font-size:9px}.modal-layer{position:fixed;inset:0;z-index:50;background:rgba(2,7,18,.65);backdrop-filter:blur(12px);display:none;place-items:center;padding:20px}.modal-layer.open{display:grid}.modal-card{width:min(520px,100%);max-height:92vh;overflow:auto;border-radius:28px;padding:30px;position:relative;background:linear-gradient(145deg,rgba(20,37,75,.95),rgba(10,24,52,.94));border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 100px rgba(0,0,0,.55)}.modal-card h2{font:800 25px Manrope;margin:11px 0 8px}.modal-card>p{color:var(--muted);font-size:11px;line-height:1.55}.modal-close{position:absolute;right:16px;top:15px;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.07);font-size:20px}.modal-card label{display:grid;gap:7px;margin:15px 0;font-size:10px;font-weight:800;color:#c7d0e8}.modal-card input,.modal-card textarea,.modal-card select{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:rgba(4,14,34,.56);color:var(--text);font-size:11px}.modal-card option{background:#101e3e}.password-wrap{position:relative}.password-wrap button{position:absolute;right:8px;top:7px;background:transparent;color:#a8b4ff;font-size:9px;padding:7px}.brand-auth{display:flex;align-items:center;gap:12px;margin-bottom:23px}.brand-auth strong,.brand-auth small{display:block}.brand-auth small{color:var(--muted);font-size:9px}.auth-card{width:min(420px,100%)}.visibility-row{grid-template-columns:18px 1fr!important;align-items:center}.visibility-row input{width:16px}.visibility-row span small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:rgba(0,0,0,.16);padding:5px;border-radius:13px;margin:17px 0}.segmented button{background:transparent;border-radius:9px;padding:9px;color:var(--muted);font-size:10px}.segmented button.active{background:rgba(124,140,255,.2);color:#dce1ff}.file-drop{min-height:155px;border:1px dashed rgba(143,158,255,.34)!important;border-radius:16px;display:grid!important;place-content:center;text-align:center;cursor:pointer}.file-drop input{display:none}.file-drop span{font-size:24px;color:#aab5ff}.file-drop strong,.file-drop small{display:block}.file-drop small{color:var(--muted);margin-top:5px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.generation-note{display:flex;gap:10px;border-radius:13px;background:rgba(88,217,239,.06);border:1px solid rgba(88,217,239,.12);padding:12px;margin:15px 0}.generation-note p{font-size:9px;color:var(--muted);margin:0}.generation-note span{color:var(--cyan)}.toast{position:fixed;right:25px;bottom:25px;z-index:80;max-width:360px;background:#182a54;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:13px 17px;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,120,144,.35)}.spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.22);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:7px}.spinner.large{width:30px;height:30px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{min-height:240px;border-radius:24px;display:grid;place-content:center;text-align:center;gap:12px}.hidden{display:none!important}
body.light{--bg:#eaf0fb;--bg2:#f6f8fd;--glass:rgba(255,255,255,.62);--glass-strong:rgba(255,255,255,.88);--line:rgba(38,58,101,.12);--text:#14203b;--muted:#667390;--shadow:0 25px 70px rgba(48,67,112,.13);background:radial-gradient(circle at 80% 0,#d8dfff 0,transparent 40%),linear-gradient(145deg,var(--bg),var(--bg2))}body.light .modal-card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,244,255,.97))}body.light .modal-card input,body.light .modal-card textarea,body.light .modal-card select,body.light .tutor-compose textarea,body.light .question-ai textarea,body.light .explain-chat textarea{background:rgba(255,255,255,.65);color:var(--text)}body.light .modal-card option{background:#fff}body.light .message p,body.light .option{background:rgba(255,255,255,.46)}body.light .noise{opacity:.015}
@media(max-width:1120px){.app-shell{grid-template-columns:210px 1fr}.notebook-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:1fr}.tutor-panel{position:relative;top:0}.tutor-messages{height:250px}.quiz-shell{grid-template-columns:1fr}.question-ai{position:relative;top:0}.admin-package-form{grid-template-columns:1fr}.hero{padding:38px}}
@media(max-width:760px){.app-shell{display:block;padding:10px}.sidebar{position:fixed;left:10px;top:10px;width:238px;height:calc(100vh - 20px);transform:translateX(-110%);transition:.25s}.sidebar.open{transform:none}.topbar{top:10px;height:68px;padding:11px 14px}.icon-btn{display:block}.ghost-btn{display:none}.view{padding-top:16px}.hero{grid-template-columns:1fr;padding:27px;min-height:auto}.hero-visual{min-height:240px}.hero h2{font-size:36px}.metric-grid,.notebook-grid,.source-grid,.package-grid,.review-grid{grid-template-columns:1fr}.workspace-hero{display:block;padding:24px}.workspace-actions{margin-top:22px;flex-wrap:wrap}.workspace-stats{gap:14px;flex-wrap:wrap}.quiz-main{padding:20px}.question h3{font-size:19px}.result-hero{padding:30px 20px}.modal-card{padding:25px 20px}.two-cols{grid-template-columns:1fr}.floating-chip{font-size:8px}.chip-one{right:-5px}.chip-two{left:-5px}.topbar h1{font-size:17px}}

/* Experience refresh: clearer beginner flow + futuristic learning companion */
:root{--primary:#7b85ff;--primary2:#a86dff;--cyan:#45e5f2;--panel-edge:rgba(169,190,255,.14)}
.topbar{background:linear-gradient(110deg,rgba(11,25,56,.82),rgba(14,31,67,.58));box-shadow:0 18px 45px rgba(0,0,0,.2)}
.hero{min-height:440px;padding:48px 52px;background:radial-gradient(circle at 78% 35%,rgba(74,225,242,.12),transparent 23%),radial-gradient(circle at 68% 0,rgba(151,91,255,.18),transparent 35%),linear-gradient(135deg,rgba(20,40,84,.9),rgba(10,24,54,.74));border-color:var(--panel-edge)}
.hero-copy{position:relative;z-index:3;align-self:center}.hello{color:#88eafa!important;font-size:12px!important;font-weight:800;letter-spacing:.02em;margin:25px 0 -11px!important}.hero-lead{max-width:580px!important}.journey-primary{padding:15px 21px;font-size:13px;box-shadow:0 14px 38px rgba(101,118,255,.4)}
.mascot-stage{min-height:340px;isolation:isolate}.mascot-image{position:relative;z-index:2;width:min(100%,330px);aspect-ratio:1/1.2;object-fit:cover;object-position:center 28%;border-radius:46% 46% 36% 36%;filter:saturate(1.12) drop-shadow(0 28px 45px rgba(0,0,0,.45));animation:mascotFloat 5s ease-in-out infinite}.mascot-halo{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(64,226,245,.22),rgba(117,92,255,.08) 45%,transparent 68%);border:1px solid rgba(114,218,255,.13);box-shadow:0 0 80px rgba(82,116,255,.2);animation:haloPulse 4s ease-in-out infinite}.floating-chip{z-index:4;border-color:rgba(153,203,255,.19);box-shadow:0 18px 45px rgba(0,0,0,.32)}.floating-chip b{color:var(--cyan)}.chip-one{top:18%;right:-3%}.chip-two{bottom:12%;left:-3%}
@keyframes mascotFloat{50%{transform:translateY(-9px) rotate(1deg)}}@keyframes haloPulse{50%{transform:scale(1.07);opacity:.7}}
.learning-path{margin-top:14px;border-radius:26px;padding:24px;display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center}.path-intro h2{font:750 20px Manrope;margin:7px 0}.path-intro p{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.path-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.path-step{position:relative;display:grid;grid-template-columns:38px 1fr 18px;gap:10px;align-items:center;text-align:left;padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line);transition:.2s}.path-step:hover,.path-step.current{transform:translateY(-2px);background:linear-gradient(135deg,rgba(124,140,255,.18),rgba(69,229,242,.07));border-color:rgba(135,155,255,.35)}.path-step.done{background:rgba(82,211,171,.07);border-color:rgba(82,211,171,.16)}.path-step>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(124,140,255,.16);color:#bec7ff;font:800 13px Manrope}.path-step.done>span{background:rgba(82,211,171,.15);color:var(--green)}.path-step small,.path-step strong,.path-step p{display:block}.path-step small{font-size:6px;letter-spacing:.12em;color:#7888aa}.path-step strong{font:700 11px Manrope;margin:3px 0}.path-step p{font-size:8px;color:var(--muted);margin:0}.path-step i{font-style:normal;color:#8796b8}.metric-grid{margin-top:14px}.metric{position:relative;overflow:hidden}.metric:after{content:'';position:absolute;right:-25px;bottom:-35px;width:90px;height:90px;border-radius:50%;background:rgba(112,137,255,.09)}
.notebook-card{position:relative}.notebook-card:focus-visible,.path-step:focus-visible,.primary-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.notebook-cover{height:96px}.notebook-cover:after{content:'';width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.09);position:absolute;right:-30px;top:-30px}.notebook-meta footer button{display:grid;place-items:center}
.learning-steps{margin-bottom:14px;padding:14px 18px;border-radius:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.learning-step{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;color:var(--muted);font-size:9px}.learning-step>span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-weight:800}.learning-step strong{display:block;color:var(--text);font-size:10px}.learning-step.current{background:rgba(124,140,255,.13);color:#aeb9ff}.learning-step.current>span{background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff}.learning-step.done>span{background:rgba(82,211,171,.14);color:var(--green)}
.workspace-hero{background:linear-gradient(135deg,rgba(22,43,88,.72),rgba(12,28,60,.58))}.workspace-guide{display:flex;align-items:center;gap:10px;margin-top:17px;padding:11px 13px;border-radius:13px;background:rgba(69,229,242,.055);border:1px solid rgba(69,229,242,.1);color:var(--muted);font-size:9px}.workspace-guide b{color:var(--cyan)}.workspace-actions{align-items:center}.workspace-actions .primary-btn{padding:14px 18px}.tutor-panel{border-color:rgba(112,220,248,.16)}.tutor-head{background:linear-gradient(90deg,rgba(105,119,255,.1),rgba(68,224,239,.045))}.quick-prompts{display:flex;gap:6px;padding:0 13px 10px;overflow-x:auto}.quick-prompts button{white-space:nowrap;border-radius:999px;background:rgba(124,140,255,.09);border:1px solid rgba(124,140,255,.14);padding:7px 9px;color:#aeb9dd;font-size:8px}.wait-status{display:grid;gap:5px}.wait-status small{color:#7f91b8}.wait-dots{display:inline-flex;gap:3px;margin-right:5px}.wait-dots i{width:4px;height:4px;background:var(--cyan);border-radius:50%;animation:dotBounce 1s infinite}.wait-dots i:nth-child(2){animation-delay:.15s}.wait-dots i:nth-child(3){animation-delay:.3s}@keyframes dotBounce{50%{transform:translateY(-4px)}}
.auth-shell{width:min(930px,100%);display:grid;grid-template-columns:1.05fr .95fr;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,rgba(13,30,65,.97),rgba(9,21,48,.96));border:1px solid rgba(255,255,255,.13);box-shadow:0 40px 120px rgba(0,0,0,.6)}.auth-shell .modal-card{width:auto;max-height:94vh;border-radius:0;border:0;box-shadow:none;background:rgba(6,16,39,.3);padding:45px}.auth-welcome{position:relative;overflow:hidden;padding:42px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 50% 25%,rgba(77,227,240,.16),transparent 28%),linear-gradient(145deg,rgba(102,91,255,.17),rgba(13,30,64,.4))}.auth-welcome:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,16,39,.96),transparent 65%);pointer-events:none}.auth-welcome img{position:absolute;z-index:0;inset:-80px 0 auto;width:100%;height:500px;object-fit:cover;object-position:center 25%;opacity:.8}.auth-welcome>*:not(img){position:relative;z-index:1}.auth-welcome h2{font:800 28px/1.2 Manrope;margin:18px 0 10px;max-width:390px}.auth-welcome>p{color:var(--muted);font-size:11px;line-height:1.6;max-width:380px}.auth-welcome>div{font-size:10px;margin-top:7px}.auth-welcome>div span{color:var(--green);margin-right:7px}.auth-card .brand-auth{margin-bottom:36px}.auth-card input{padding:14px}.auth-card>.primary-btn{padding:15px;margin-top:8px}
.ai-progress-layer{z-index:100;background:rgba(2,8,22,.82)}.ai-progress-card{width:min(500px,100%);padding:34px;border-radius:30px;text-align:center;background:linear-gradient(145deg,rgba(18,38,82,.97),rgba(8,21,49,.97))}.progress-mascot{width:112px;height:112px;margin:-5px auto 18px;border-radius:38px;overflow:hidden;background:#09142e;box-shadow:0 18px 45px rgba(0,0,0,.35)}.progress-mascot img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.ai-progress-card h2{font:800 24px Manrope;margin:12px 0 7px}.ai-progress-card>p{font-size:11px;color:var(--muted);min-height:18px}.ai-progress-card>small{display:block;color:#7182a6;font-size:8px;line-height:1.5;margin-top:15px}.ai-progress-track{height:7px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden;margin:22px 0 10px}.ai-progress-track i{display:block;width:12%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--cyan));transition:width .8s ease;box-shadow:0 0 18px rgba(69,229,242,.45)}.ai-progress-meta{display:flex;justify-content:space-between;color:#8797bc;font-size:9px}.ai-progress-meta strong{color:#cbd5f1}
body.light .topbar{background:rgba(255,255,255,.72)}body.light .hero{background:radial-gradient(circle at 78% 35%,rgba(74,225,242,.15),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.88),rgba(230,236,255,.7))}body.light .auth-shell{background:#f5f7ff}body.light .auth-shell .modal-card{background:rgba(255,255,255,.82)}body.light .auth-welcome{background:linear-gradient(145deg,#182858,#0e1c3f);color:#fff}body.light .auth-welcome p{color:#afbddb}body.light .ai-progress-card{background:linear-gradient(145deg,#fff,#eef3ff)}
@media(max-width:1080px){.learning-path{grid-template-columns:1fr}.path-intro{display:flex;align-items:end;gap:15px}.path-intro p{margin-left:auto}.auth-shell{width:min(820px,100%)}}
@media(max-width:760px){.hero{padding:25px 22px}.hero-copy{text-align:left}.hero h2{font-size:34px}.hero-lead{font-size:13px!important}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions button{padding:13px 10px}.mascot-stage{min-height:260px;margin-top:8px}.mascot-image{width:235px;height:255px}.mascot-halo{width:240px;height:240px}.learning-path{padding:18px}.path-intro{display:block}.path-intro p{margin-top:7px}.path-steps{grid-template-columns:1fr}.path-step{padding:12px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:7px}.metric{padding:14px 11px}.metric strong{font-size:23px}.metric small{font-size:7px}.section-head{align-items:flex-start}.section-head .primary-btn{font-size:9px;padding:10px}.learning-steps{grid-template-columns:1fr;padding:10px}.learning-step{padding:7px}.auth-shell{display:block;width:min(430px,100%)}.auth-welcome{display:none}.auth-shell .modal-card{padding:30px 23px}.ai-progress-card{padding:28px 20px}.workspace-guide{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.mascot-image,.mascot-halo,.wait-dots i{animation:none!important}}

/* Premium monochrome palette — solid surfaces, no liquid glass */
:root{
  --bg:#0c0c0c;
  --bg2:#0c0c0c;
  --glass:#141414;
  --glass-strong:#181818;
  --line:#2b2b2b;
  --text:#dfdfdf;
  --muted:#797878;
  --primary:#dfdfdf;
  --primary2:#dfdfdf;
  --cyan:#dfdfdf;
  --green:#dfdfdf;
  --danger:#a6a5a5;
  --panel-edge:#2b2b2b;
  --shadow:0 18px 50px rgba(0,0,0,.32);
}
body,body.light{background:#0c0c0c;color:#dfdfdf}
.aurora,.noise{display:none}
.glass,.glass-panel,
body.light .glass,body.light .glass-panel{
  background:#141414;
  border:1px solid #292929;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.sidebar{background:#111;border-color:#252525;border-radius:18px}
.topbar,body.light .topbar{background:#111;border-color:#252525;box-shadow:none;border-radius:16px}
.brand-orb,.avatar,.mini-avatar,.source-icon,.ai-orb{
  background:#dfdfdf;
  color:#0c0c0c;
  box-shadow:none;
  border-color:#dfdfdf;
}
.brand-orb{border-radius:10px}.profile{grid-template-columns:38px 1fr}
.nav-item{border-radius:10px;color:#777}.nav-item.active,.nav-item:hover{color:#dfdfdf;background:#202020;box-shadow:none}
.ai-status{background:#171717;border-color:#2d2d2d}.ai-status>i,.online-dot,.ready-dot{background:#dfdfdf;box-shadow:none}
.hero,body.light .hero{
  background:#111;
  border-color:#292929;
  border-radius:20px;
}
.hero:before,.mascot-halo{display:none}.hero h2 em{background:none;color:#dfdfdf}.hello{color:#a7a7a7!important}
.mascot-image{filter:grayscale(1) contrast(1.08) brightness(.88);box-shadow:none;border-radius:14px;animation:none}
.floating-chip{background:#191919;border:1px solid #303030;box-shadow:none;backdrop-filter:none;color:#a9a9a9}.floating-chip b{color:#dfdfdf}
.pill,.access-pill{background:#1b1b1b;border-color:#333;color:#bcbcbc}.pill i{background:#dfdfdf}
.primary-btn{
  background:#dfdfdf;
  color:#0c0c0c;
  box-shadow:none;
  border:1px solid #dfdfdf;
}
.primary-btn:hover{background:#fff;filter:none}.soft-btn,.ghost-btn{background:#1b1b1b;border-color:#333;color:#dfdfdf}.text-btn{color:#b9b9b9}.back-btn{color:#a9a9a9}
.learning-path,.learning-steps{border-radius:16px}.path-step,.learning-step{background:#171717;border-color:#292929;border-radius:11px}.path-step:hover,.path-step.current,.learning-step.current{background:#202020;border-color:#646363;transform:none;color:#dfdfdf}.path-step.done{background:#181818;border-color:#333}.path-step>span,.learning-step>span,.path-step.done>span,.learning-step.done>span,.learning-step.current>span{background:#292929;color:#dfdfdf}.path-step small{color:#646363}
.metric,.notebook-card,.source-card,.package-card,.review-card,.leaderboard,.approval-list,.tutor-panel,.quiz-main,.question-ai,.result-hero,.explanation-card,.empty-state,.empty-package,.empty-notebook{border-radius:14px}.metric:after{display:none}
.notebook-card:hover{transform:translateY(-2px);border-color:#646363}.cover-0,.cover-1,.cover-2,.cover-3{background:#1d1d1d}.notebook-cover:after{background:#292929}.notebook-cover span{background:#dfdfdf;color:#0c0c0c;border-radius:9px}.notebook-meta footer button{background:#242424}
.workspace-hero{background:#111;border-radius:16px}.workspace-guide{background:#181818;border-color:#303030}.workspace-guide b{color:#dfdfdf}
.package-card.completed{background:#171717;border-color:#444}.score-row strong{color:#dfdfdf}.package-top i{color:#aaa}
.tutor-panel{border-color:#303030}.tutor-head{background:#191919}.quick-prompts button{background:#1d1d1d;border-color:#333;color:#aaa}.message p,.mini-ai{background:#202020}.message.user p,.mini-user{background:#dfdfdf;color:#0c0c0c}
.tutor-compose textarea,.question-ai textarea,.explain-chat textarea,.modal-card input,.modal-card textarea,.modal-card select,
body.light .modal-card input,body.light .modal-card textarea,body.light .modal-card select,body.light .tutor-compose textarea,body.light .question-ai textarea,body.light .explain-chat textarea{background:#111;color:#dfdfdf;border-color:#333}
.progress-track,.ai-progress-track{background:#252525}.progress-track i,.ai-progress-track i{background:#dfdfdf;box-shadow:none}
.option{background:#171717;border-color:#2d2d2d}.option span{background:#292929;color:#dfdfdf}.option:hover,.option.selected{background:#242424;border-color:#797878}
.hint-box{background:#181818;border-color:#383838;color:#b5b5b5}
.score-orb{background:#171717;border-color:#3a3a3a;box-shadow:none}.explanation-card.correct header>span,.explanation-card.wrong header>span{background:#292929;color:#dfdfdf}
.modal-layer{background:rgba(0,0,0,.82);backdrop-filter:none}.modal-card,body.light .modal-card{background:#141414;border-color:#303030;box-shadow:0 25px 80px rgba(0,0,0,.55);border-radius:16px}.modal-close{background:#242424}.segmented{background:#0e0e0e}.segmented button.active{background:#292929;color:#dfdfdf}.file-drop{border-color:#4a4a4a!important}.generation-note{background:#181818;border-color:#303030}.generation-note span{color:#dfdfdf}
.auth-shell,body.light .auth-shell{background:#111;border-color:#2b2b2b;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.auth-shell .modal-card,body.light .auth-shell .modal-card{background:#141414}.auth-welcome,body.light .auth-welcome{background:#0f0f0f;color:#dfdfdf}.auth-welcome:after{background:linear-gradient(0deg,#0f0f0f,transparent 65%)}.auth-welcome img{filter:grayscale(1) contrast(1.08) brightness(.72)}
.ai-progress-card,body.light .ai-progress-card{background:#141414;border-color:#303030}.progress-mascot{background:#0c0c0c;border-radius:12px}.progress-mascot img{filter:grayscale(1)}
.toast{background:#1c1c1c;border-color:#3b3b3b}.toast.error{border-color:#646363}
.spinner{border-color:#3c3c3c;border-top-color:#dfdfdf}
.eyebrow,.topbar small{color:#777}.section-head p,.modal-card>p,.workspace-hero p{color:#858585}
body.light .message p,body.light .option{background:#171717}
.mascot-image{width:min(100%,430px);aspect-ratio:4/3;object-fit:contain;object-position:center;filter:none;background:#0c0c0c;border:1px solid #242424}
.auth-welcome img{inset:20px 20px auto;width:calc(100% - 40px);height:390px;object-fit:contain;object-position:center;filter:none;opacity:.9}
.progress-mascot{width:150px;height:112px}.progress-mascot img{object-fit:contain;filter:none;background:#0c0c0c}
@media(max-width:760px){.mascot-image{width:100%;height:auto;aspect-ratio:4/3}}

/* Lively premium palette: navy surfaces + warm orange accent */
:root{
  --bg:#11151d;
  --bg2:#11151d;
  --glass:#202734;
  --glass-strong:#202734;
  --line:#36415a;
  --text:#f1f2f4;
  --muted:#9ba4b5;
  --primary:#fe7f2d;
  --primary2:#fe7f2d;
  --cyan:#fe7f2d;
  --green:#fe7f2d;
  --danger:#fe7f2d;
  --panel-edge:#36415a;
}
body,body.light{background:#11151d;color:#f1f2f4}
.glass,.glass-panel,body.light .glass,body.light .glass-panel{background:#202734;border-color:#36415a;box-shadow:0 12px 35px rgba(5,8,13,.2);backdrop-filter:none;-webkit-backdrop-filter:none}
.sidebar{background:#181e29;border-color:#303a4f}.topbar,body.light .topbar{background:#202734;border-color:#36415a}
.brand-orb,.avatar,.mini-avatar,.source-icon,.ai-orb{background:#fe7f2d;color:#fff;border-color:#fe7f2d}
.nav-item{color:#8f99ab}.nav-item.active,.nav-item:hover{color:#fff;background:#36415a;box-shadow:inset 3px 0 0 #fe7f2d}
.ai-status{background:#202734;border-color:#36415a}.ai-status>i,.online-dot,.ready-dot,.pill i{background:#fe7f2d}
.hero,body.light .hero{background:#202734;border-color:#36415a}.hero h2 em{color:#fe7f2d}.hello{color:#fe9b5a!important}
.mascot-image{background:#151a23;border-color:#36415a}.floating-chip{background:#273041;border-color:#36415a;color:#c1c7d2}.floating-chip b{color:#fe7f2d}
.pill,.access-pill{background:#2a3345;border-color:#46536d;color:#ffad76}
.primary-btn{background:#fe7f2d;color:#fff;border-color:#fe7f2d}.primary-btn:hover{background:#ff9148}.soft-btn,.ghost-btn{background:#2a3345;border-color:#46536d;color:#f1f2f4}.text-btn,.back-btn{color:#ff9d5d}
.learning-path,.learning-steps{background:#202734}.path-step,.learning-step{background:#252e3e;border-color:#36415a}.path-step:hover,.path-step.current,.learning-step.current{background:#36415a;border-color:#53617c;color:#fff}.path-step.done{background:#293244;border-color:#46536d}.path-step>span,.learning-step>span,.path-step.done>span,.learning-step.done>span{background:#36415a;color:#f1f2f4}.learning-step.current>span{background:#fe7f2d;color:#fff}.path-step.current>span{background:#fe7f2d;color:#fff}.path-step small{color:#8e98aa}
.metric,.notebook-card,.source-card,.package-card,.review-card,.leaderboard,.approval-list,.tutor-panel,.quiz-main,.question-ai,.result-hero,.explanation-card,.empty-state,.empty-package,.empty-notebook{background:#202734;border-color:#36415a}
.notebook-card:hover{border-color:#fe7f2d}.cover-0,.cover-1,.cover-2,.cover-3{background:#36415a}.notebook-cover:after{background:#46536d}.notebook-cover span{background:#fe7f2d;color:#fff}.notebook-meta footer button{background:#36415a}
.workspace-hero{background:#202734;border-color:#36415a}.workspace-guide{background:#273041;border-color:#36415a}.workspace-guide b{color:#fe7f2d}
.package-card.completed{background:#252e3e;border-color:#46536d}.score-row strong,.package-top i{color:#fe9b5a}
.package-tools{display:flex;align-items:center;gap:8px}.package-tools i{white-space:nowrap}.delete-package{padding:5px 8px;border:1px solid #5b4650;border-radius:7px;background:#2d2730;color:#ffb092;font-size:8px;font-weight:800}.delete-package:hover{border-color:#fe7f2d;background:#3a2d2b;color:#fff}
.result-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.review-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:15px;max-width:1100px;margin:auto;padding-bottom:92px}.review-question{border-radius:20px;padding:28px}.review-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.review-header h2{font:750 20px Manrope;margin:12px 0 18px}.review-status{padding:8px 11px;border-radius:9px;font-size:9px;font-weight:800;white-space:nowrap}.review-status.is-correct{background:#263e39;color:#8be1bd;border:1px solid #36574e}.review-status.is-wrong{background:#3b2d31;color:#ffad9a;border:1px solid #65423f}.review-question-body{padding-bottom:12px}.review-options .option{cursor:default;position:relative}.review-options .option:hover{background:#252e3e;border-color:#36415a}.review-options .option i{margin-left:auto;font-style:normal;font-size:9px;color:#aeb7c7}.review-options .option.true-answer{border-color:#5ea888;background:#263b37}.review-options .option.true-answer span{background:#3e7c67;color:#fff}.review-options .option.wrong-answer{border-color:#9a574c;background:#3b2d31}.review-options .option.wrong-answer span{background:#8a493f;color:#fff}.answer-summary{display:flex;gap:10px;margin:8px 0 18px}.answer-summary>div{flex:1;padding:13px 15px;border-radius:11px;background:#273041;border:1px solid #36415a}.answer-summary small,.answer-summary strong{display:block}.answer-summary small{color:#929caf;font-size:8px}.answer-summary strong{font:800 18px Manrope;margin-top:4px}.answer-summary.correct>div:first-child strong{color:#8be1bd}.answer-summary.wrong>div:first-child strong{color:#ffad9a}.review-explanation{padding:18px;border-radius:13px;background:#273041;border-left:3px solid #fe7f2d}.review-explanation p{font-size:12px;line-height:1.75;color:#d7dbe2;margin:8px 0 0}.review-navigator{position:fixed;z-index:20;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px;border-radius:16px;background:#202734;border:1px solid #46536d;box-shadow:0 16px 45px rgba(0,0,0,.42)}.review-arrow,.review-list-button{height:46px;border-radius:11px;background:#2a3345;border:1px solid #46536d;color:#fff}.review-arrow{width:46px;font-size:18px}.review-arrow:disabled{opacity:.3}.review-list-button{min-width:72px;padding:5px 14px;display:flex;align-items:center;justify-content:center;gap:8px}.review-list-button span{font-size:18px}.review-list-button small{font-size:9px;color:#b7bfcc}.review-menu-wrap{position:relative}.review-number-menu{position:absolute;bottom:57px;left:50%;transform:translateX(-50%);width:260px;max-height:230px;overflow:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:13px;border-radius:15px;background:#202734;border:1px solid #46536d;box-shadow:0 18px 55px rgba(0,0,0,.48)}.review-number{aspect-ratio:1;border-radius:9px;background:#2a3345;border:1px solid #46536d;color:#d9dde5;font-size:10px;font-weight:800}.review-number.correct{border-color:#467963;color:#8be1bd}.review-number.wrong{border-color:#744a45;color:#ffad9a}.review-number.active{background:#fe7f2d;border-color:#fe7f2d;color:#fff}
@media(max-width:1120px){.review-shell{grid-template-columns:1fr}.review-shell .question-ai{position:relative;top:0}}
@media(max-width:760px){.review-question{padding:19px 15px}.review-header{display:block}.review-status{display:inline-block;margin-bottom:10px}.result-actions{flex-direction:column}.review-navigator{bottom:12px}.review-number-menu{width:238px}.answer-summary{display:grid;grid-template-columns:1fr 1fr}}
.profile{grid-template-columns:38px 1fr 32px}.profile>button{width:32px;height:32px;border-radius:9px;background:#2a3345;border:1px solid #46536d;color:#ffad76;font-size:16px}.profile>button:hover{border-color:#fe7f2d}.admin-block{padding:24px;border-radius:18px;margin-bottom:14px}.admin-block h2{font:750 21px Manrope;margin:7px 0}.admin-block>p,.admin-block-head p{color:var(--muted);font-size:10px}.admin-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.subject-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:20px}.subject-admin-card{padding:17px;border-radius:14px;background:#273041;border:1px solid #36415a}.subject-admin-card header{display:flex;align-items:center;gap:11px}.subject-admin-card header>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#36415a;color:#fe9b5a;font-weight:800}.subject-admin-card strong,.subject-admin-card small{display:block}.subject-admin-card header small{font-size:8px;color:var(--muted);margin-top:3px}.admin-package-list{display:grid;gap:6px;margin:14px 0;min-height:45px}.admin-package-list>p{font-size:9px;color:var(--muted)}.admin-package-item{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:11px;border-radius:10px;background:#202734;border:1px solid #36415a;color:#fff}.admin-package-item span b,.admin-package-item span small{display:block}.admin-package-item span b{font-size:10px}.admin-package-item span small{font-size:8px;color:var(--muted);margin-top:3px}.admin-package-item i{font-style:normal;font-size:8px;color:#fe9b5a}.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-block label{display:grid;gap:6px;margin-top:13px;font-size:9px;font-weight:800;color:#c9ced8}.admin-block input,.admin-block textarea,.admin-block select{width:100%;padding:11px 12px;border-radius:10px;background:#181e29;border:1px solid #46536d;color:#f1f2f4}.admin-block form button,.admin-block>button{margin-top:15px}.admin-user-list{display:grid;margin-top:14px}.admin-user-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #36415a}.admin-user-row:last-child{border-bottom:0}.admin-user-row strong,.admin-user-row small{display:block}.admin-user-row strong{font-size:11px}.admin-user-row small{font-size:8px;color:var(--muted);margin-top:3px}.admin-user-row button{margin:0;padding:8px 10px;font-size:8px}.user-status{padding:6px 9px;border-radius:99px;font-size:8px;font-weight:800;background:#2a3345;color:#b9c0cc}.user-status.active{color:#8be1bd}.user-status.pending{color:#ffd18b}.user-status.rejected{color:#ffad9a}
@media(max-width:900px){.subject-admin-grid,.admin-split{grid-template-columns:1fr}.admin-user-row{grid-template-columns:38px minmax(0,1fr) auto}.admin-user-row button{grid-column:auto}.user-status{grid-column:3}}
@media(max-width:560px){.admin-block{padding:18px 14px}.subject-admin-grid{grid-template-columns:1fr}.admin-user-row{grid-template-columns:34px minmax(0,1fr) auto}.admin-user-row .avatar{width:34px;height:34px}.admin-user-row button{grid-column:2/4;width:100%}}
.tutor-head{background:#273041}.quick-prompts button{background:#2a3345;border-color:#46536d;color:#c6ccd7}.message p,.mini-ai{background:#2a3345}.message.user p,.mini-user{background:#fe7f2d;color:#fff}
.tutor-compose textarea,.question-ai textarea,.explain-chat textarea,.modal-card input,.modal-card textarea,.modal-card select,body.light .modal-card input,body.light .modal-card textarea,body.light .modal-card select{background:#181e29;color:#f1f2f4;border-color:#46536d}
.progress-track,.ai-progress-track{background:#36415a}.progress-track i,.ai-progress-track i{background:#fe7f2d}
.option{background:#252e3e;border-color:#36415a}.option span{background:#36415a;color:#f1f2f4}.option:hover,.option.selected{background:#36415a;border-color:#fe7f2d}.option.selected span{background:#fe7f2d;color:#fff}
.hint-box,.generation-note{background:#2a3345;border-color:#46536d;color:#d5d9e1}.score-orb{background:#252e3e;border-color:#fe7f2d}.explanation-card.correct header>span,.explanation-card.wrong header>span{background:#fe7f2d;color:#fff}
.modal-layer{background:rgba(9,12,17,.86)}.modal-card,body.light .modal-card{background:#202734;border-color:#46536d}.modal-close,.segmented{background:#181e29}.segmented button.active{background:#36415a;color:#fff}
.auth-shell,body.light .auth-shell{background:#181e29;border-color:#36415a}.auth-shell .modal-card,body.light .auth-shell .modal-card{background:#202734}.auth-welcome,body.light .auth-welcome{background:#171c26}.auth-welcome:after{background:linear-gradient(0deg,#171c26,transparent 65%)}
.ai-progress-card,body.light .ai-progress-card{background:#202734;border-color:#46536d}.progress-mascot{background:#151a23}.progress-mascot img{background:#151a23}.toast{background:#202734;border-color:#46536d}.spinner{border-color:#53617c;border-top-color:#fe7f2d}
.eyebrow,.topbar small{color:#a4adbd}.section-head p,.modal-card>p,.workspace-hero p{color:#9ba4b5}
.question-stem{font:700 21px/1.65 Manrope;margin:14px 0 26px;color:var(--text);letter-spacing:-.012em}.option>b{font-weight:600;line-height:1.55}.math-frac{display:inline-flex;flex-direction:column;justify-content:center;vertical-align:middle;text-align:center;line-height:1.05;margin:0 .18em;min-width:1.1em}.math-frac>span:first-child{border-bottom:1.5px solid currentColor;padding:0 .16em .08em}.math-frac>span:last-child{padding:.08em .16em 0}.math-radicand{border-top:1px solid currentColor;padding:0 .1em}.explanation-card .math-frac,.review-card .math-frac{font-size:1.05em}
@media(max-width:760px){.question-stem{font-size:18px;line-height:1.6}.option>b{font-size:12px}}
.mascot-stage{min-height:380px}.mascot-halo{display:block;width:320px;height:320px;background:#36415a;border:10px solid #2b3447;opacity:.72;box-shadow:none}
.mascot-image{position:relative;z-index:2;width:min(100%,390px);height:360px;aspect-ratio:auto;object-fit:contain;object-position:center;background:transparent;border:0;border-radius:0;filter:grayscale(1) drop-shadow(0 18px 18px rgba(7,10,15,.38));image-rendering:auto}
.auth-welcome img{inset:8px 24px auto;width:calc(100% - 48px);height:410px;object-fit:contain;object-position:center;filter:grayscale(1) drop-shadow(0 16px 14px rgba(0,0,0,.3));opacity:1}
.progress-mascot{width:130px;height:130px;background:#36415a;border:3px solid #46536d;border-radius:50%;padding:8px}.progress-mascot img{width:100%;height:100%;object-fit:contain;background:transparent;filter:grayscale(1)}
@media(max-width:760px){.mascot-stage{min-height:300px}.mascot-halo{width:255px;height:255px}.mascot-image{width:310px;height:290px}}