:root{--c-paper:#fff;--c-ink:#111827;--c-bg:#f5f7fb;--c-bg-subtle:#eff2f7;--c-surface:#fff;--c-surface-hover:#f8fafc;--c-surface-muted:#f1f5f9;--c-border:#e4e9f0;--c-border-strong:#cbd5e1;--c-text:#0b1220;--c-text-sec:#3f4b5f;--c-text-muted:#65748b;--c-text-inverse:#fff;--c-primary:#4f46e5;--c-action-start:#4f46e5;--c-primary-hover:#4338ca;--c-primary-light:#eef0ff;--c-primary-border:#c7c5ff;--c-brand-violet:#7c3aed;--c-brand-cyan:#0891b2;--c-aurora-violet:#8b5cf661;--c-aurora-cyan:#22d3ee38;--c-action-shadow:0 6px 20px #4f46e53b;--c-brand-navy:#071b3a;--c-brand-navy-soft:#0d2c59;--c-hero-accent:#a5f3fc;--c-on-dark:#ffffffb3;--c-glass:#ffffff17;--c-glass-border:#ffffff29;--c-glow:#3b82f63d;--c-green-glow:#22c55e21;--c-success:#059669;--c-success-light:#ecfdf5;--c-danger:#dc2626;--c-danger-light:#fef2f2;--c-warning:#b56b08;--c-warning-light:#fffbeb;--c-note-bg:#fffef7;--c-mark:#fef08a;--c-shadow:0 1px 3px #0f172a0a;--c-shadow-lg:0 15px 45px #0f172a17;--c-overlay:#0f172a8f;--c-blue:#2563eb;--c-blue-soft:#edf3ff;--c-violet:#7c3aed;--c-violet-soft:#f4efff;--c-teal:#0d9488;--c-teal-soft:#eaf9f4;--c-amber:#bc7a13;--c-amber-soft:#fff6e6;--c-rose:#d25079;--c-rose-soft:#fff0f4;--c-sky:#0284c7;--c-sky-soft:#ecf7ff;--c-art-line:#93c5fd33;--font-ui:"Cairo", "Inter", "Segoe UI", system-ui, sans-serif;--font-science:"Inter", "Segoe UI", Arial, sans-serif;--sidebar-width:262px;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--c-bg:#080f1c;--c-bg-subtle:#0d1626;--c-surface:#101c2e;--c-surface-hover:#15233a;--c-surface-muted:#17253a;--c-border:#23334c;--c-border-strong:#3a4d6b;--c-text:#edf3fc;--c-text-sec:#b3bfd1;--c-text-muted:#899ab5;--c-primary:#7aa5ff;--c-primary-hover:#abc7ff;--c-primary-light:#182b50;--c-primary-border:#304b7a;--c-success:#4bd4aa;--c-success-light:#103b34;--c-danger:#ff9292;--c-danger-light:#42232c;--c-warning:#f3c270;--c-warning-light:#3a3022;--c-note-bg:#302e23;--c-mark:#73611e;--c-blue:#87acff;--c-blue-soft:#1b2e51;--c-violet:#bc9bff;--c-violet-soft:#31264a;--c-teal:#57d5c0;--c-teal-soft:#133b38;--c-amber:#eac17a;--c-amber-soft:#3a3022;--c-rose:#ed9cb8;--c-rose-soft:#432a3c;--c-sky:#79caf0;--c-sky-soft:#183849;--c-shadow-lg:0 15px 45px #0000003d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.accent-blue{--accent:var(--c-blue);--accent-soft:var(--c-blue-soft)}.accent-violet{--accent:var(--c-violet);--accent-soft:var(--c-violet-soft)}.accent-teal{--accent:var(--c-teal);--accent-soft:var(--c-teal-soft)}.accent-amber{--accent:var(--c-amber);--accent-soft:var(--c-amber-soft)}.accent-rose{--accent:var(--c-rose);--accent-soft:var(--c-rose-soft)}.accent-sky{--accent:var(--c-sky);--accent-soft:var(--c-sky-soft)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--c-bg);color:var(--c-text);font:14px/1.8 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.6px;font-size:clamp(26px,3vw,38px);font-weight:850;line-height:1.45}h2{letter-spacing:-.4px;font-size:24px;line-height:1.5}h3{font-size:16px;line-height:1.7}p{color:var(--c-text-sec)}small{color:var(--c-text-muted);font-size:11px}svg{vertical-align:middle;flex-shrink:0}.row{align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.muted,.fine-print{color:var(--c-text-muted);font-size:13px}.fine-print{font-size:11.5px;line-height:1.9}.success-text{color:var(--c-success)}.danger-text{color:var(--c-danger)}.warning-text{color:var(--c-warning)}.button{background:var(--c-primary);color:var(--c-text-inverse);text-align:center;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 19px;font-size:13px;font-weight:750;transition:transform .18s,background .18s;display:inline-flex}[data-theme=dark] .button:not(.secondary):not(.hero-primary):not(.hero-outline):not(.danger-button){color:var(--c-brand-navy)}.button:hover{filter:brightness(1.04);transform:translateY(-1px)}.button.secondary{color:var(--c-text-sec);background:var(--c-surface);border-color:var(--c-border)}.button.selected{color:var(--c-primary);background:var(--c-primary-light);border-color:var(--c-primary-border)}.button.danger-button{color:var(--c-danger);background:var(--c-danger-light);border-color:var(--c-danger)}.button.small{min-height:38px;padding:7px 13px;font-size:12px}.button.full{width:100%;margin-top:12px}.text-link{color:var(--c-primary);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:12px;font-weight:700;display:inline-flex}.icon-button{border:1px solid var(--c-border);background:var(--c-surface);width:38px;min-width:38px;height:38px;color:var(--c-text-sec);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--c-surface-muted)}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand>span:last-child{flex-direction:column;min-width:0;display:flex}.brand strong{font-family:var(--font-ui);white-space:normal;color:var(--c-text);font-size:17px;font-weight:850;line-height:1.7}.brand small{font-size:10px;line-height:1.7}.brand-mark{background:linear-gradient(140deg, var(--c-brand-navy), var(--c-brand-navy-soft));width:43px;height:43px;color:var(--c-text-inverse);border-radius:13px;flex-shrink:0;place-items:center;display:grid;position:relative}.brand-mark>span{font-size:12px;font-weight:900;line-height:1;position:absolute;top:10px;left:18px}.eyebrow{letter-spacing:.7px;color:var(--c-primary);margin-bottom:8px;font-size:11px;font-weight:800;display:block}.pill{background:var(--c-surface-muted);color:var(--c-text-sec);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:750;display:inline-flex}.pill.warning{background:var(--c-warning-light);color:var(--c-warning)}.pill.success{background:var(--c-success-light);color:var(--c-success)}.notice{border:1px solid var(--c-primary-border);background:var(--c-primary-light);color:var(--c-text-sec);overflow-wrap:anywhere;border-radius:11px;margin:16px 0;padding:14px 17px;font-size:12px}.notice.danger{border-color:var(--c-danger);background:var(--c-danger-light);color:var(--c-danger)}.notice.setup{background:var(--c-warning-light);border-color:var(--c-border);color:var(--c-warning)}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--c-shadow);min-width:0;margin-bottom:20px;padding:24px}.panel h3{align-items:center;gap:8px;margin-bottom:15px;display:flex}.empty{border:1px dashed var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface);text-align:center;margin:18px 0;padding:65px 20px}.empty>span{color:var(--c-text-muted);background:var(--c-bg);border-radius:18px;place-items:center;margin-bottom:15px;padding:17px;display:inline-grid}.empty h3{margin-bottom:8px}.empty p{max-width:480px;color:var(--c-text-muted);margin:auto;font-size:13px}.spinner{border:2px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading p{color:var(--c-text-muted);margin-top:7px;font-size:13px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin:30px 0 22px;display:flex}.section-heading p{color:var(--c-text-muted);margin-top:8px;font-size:13px}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.subject-card{border:1px solid var(--c-border);background:var(--c-surface);border-radius:18px;padding:25px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.subject-card:before{content:"";top:0;background:var(--accent);border-radius:0 0 3px 3px;width:36px;height:3px;position:absolute;inset-inline-start:25px}.subject-card:hover{box-shadow:var(--c-shadow-lg);border-color:var(--accent);transform:translateY(-4px)}.subject-card-top{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.subject-icon{width:50px;height:50px;color:var(--accent);background:var(--accent-soft);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.subject-icon.large{border-radius:22px;width:78px;height:78px}.subject-number{font:600 12px var(--font-science);color:var(--c-text-muted);opacity:.6}.subject-card h3{font:750 19px/1.5 var(--font-science);text-align:start;margin-bottom:5px}.subject-card p{color:var(--c-text-muted);font-size:12px}.subject-card-bottom{border-top:1px solid var(--c-border);color:var(--c-text-muted);justify-content:space-between;align-items:center;margin-top:23px;padding-top:16px;font-size:11px;display:flex}.subject-card-bottom svg{color:var(--accent)}.app-shell{min-height:100dvh}.sidebar{width:var(--sidebar-width);background:var(--c-surface);border-inline-end:1px solid var(--c-border);z-index:60;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.sidebar-brand{justify-content:space-between;gap:8px;padding:25px 21px 20px;display:flex}.sidebar .brand strong{font-size:13px}.sidebar .brand small{font-size:9px}.semester-pill{color:var(--c-primary);background:var(--c-primary-light);border-radius:8px;align-items:center;gap:8px;margin:0 21px 15px;padding:8px 11px;font-size:11px;display:flex}.sidebar nav{scrollbar-width:thin;flex:1;padding:0 15px 15px;overflow:auto}.nav-label{color:var(--c-text-muted);letter-spacing:.7px;margin:18px 12px 7px;font-size:9px;font-weight:800;display:block}.sidebar nav>a{min-height:42px;color:var(--c-text-sec);border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;margin:2px 0;padding:9px 12px;font-size:12px;font-weight:550;display:flex}.sidebar nav>a:hover{background:var(--c-surface-muted)}.sidebar nav>a.active{color:var(--c-primary);background:var(--c-primary-light);border-color:var(--c-primary-border);font-weight:750}.sidebar nav>a[class*=accent-] svg{color:var(--accent)}.sidebar-bottom{border-top:1px solid var(--c-border);padding:14px}.mini-profile{align-items:center;gap:9px;padding-top:10px;display:flex}.mini-profile>span:nth-child(2){flex-direction:column;flex:1;min-width:0;font-size:11px;display:flex}.mini-profile strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-profile small{font-size:9px}.avatar{background:var(--c-primary-light);width:37px;height:37px;color:var(--c-primary);border:1px solid var(--c-primary-border);border-radius:11px;flex-shrink:0;place-items:center;font-size:17px;font-weight:750;display:grid}.app-body{flex-direction:column;min-width:0;min-height:100dvh;margin-inline-start:var(--sidebar-width);display:flex}.app-header{border-bottom:1px solid var(--c-border);background:var(--c-surface);z-index:40;justify-content:space-between;align-items:center;gap:14px;min-height:71px;padding:12px 32px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--c-text-sec);font-size:11px}.breadcrumb>span{color:var(--c-text-muted);padding:0 8px}.sync-state{color:var(--c-success);align-items:center;gap:6px;font-size:10px;display:flex}.sync-state:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.app-main{flex:1;width:100%;min-width:0;padding:32px}.app-footer{color:var(--c-text-muted);text-align:center;border-top:1px solid var(--c-border);padding:17px 32px;font-size:10px}.mobile-only,.drawer-overlay{display:none}.dashboard-hero{background:radial-gradient(ellipse at 90% 30%, var(--c-glow), transparent 65%), linear-gradient(120deg, var(--c-brand-navy), var(--c-brand-navy-soft));color:var(--c-text-inverse);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:30px;display:flex;overflow:hidden}.dashboard-hero h2{margin:13px 0 5px;font-size:27px}.dashboard-hero p{color:var(--c-on-dark);margin-bottom:21px;font-size:12px}.dashboard-hero-icon{color:var(--c-hero-accent);opacity:.5;margin:0 22px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.stat-card{background:var(--c-surface);border:1px solid var(--c-border);text-align:start;border-radius:14px;grid-template-columns:1fr auto;gap:5px;padding:19px 22px;display:grid}.stat-card svg{color:var(--c-primary);background:var(--c-primary-light);border-radius:11px;grid-area:1/2/3;width:40px;height:40px;padding:9px}.stat-card strong{font:750 29px/1.5 var(--font-science)}.stat-card span{color:var(--c-text-muted);font-size:11px}.section-tabs{flex-wrap:wrap;gap:8px;margin:0 0 25px;display:flex}.section-tabs button,.tabs button{border:1px solid var(--c-border);background:var(--c-surface);min-height:42px;color:var(--c-text-sec);border-radius:10px;align-items:center;gap:11px;padding:9px 15px;font-size:12px;display:flex}.section-tabs button.active,.tabs button.active{background:var(--c-primary-light);color:var(--c-primary);border-color:var(--c-primary-border)}.section-tabs button span{font:600 10px var(--font-science);opacity:.75}.content-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.content-card{border:1px solid var(--c-border);background:var(--c-surface);border-radius:14px;align-items:center;gap:17px;min-width:0;padding:21px;display:flex}.content-card-copy{flex:1;min-width:0}.content-card h3{overflow-wrap:anywhere;margin:8px 0 0;font-size:16px}.content-card-copy>small{overflow-wrap:anywhere;font-family:var(--font-science);display:block}.content-icon{background:var(--c-primary-light);color:var(--c-primary);border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:52px;display:grid}.content-card>svg{color:var(--c-text-muted)}.science{font-family:var(--font-science);unicode-bidi:isolate;text-align:left!important;direction:ltr!important}.topic-heading{margin:26px 0}.topic-heading h1{font-size:clamp(25px,3vw,38px)}.reader-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.reader{min-height:280px;padding:32px}.markdown{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:16px;line-height:1.9}.markdown p{margin:0 0 17px}.markdown h1,.markdown h2,.markdown h3{color:var(--c-primary);margin:25px 0 14px;line-height:1.5}.markdown h1{font-size:28px}.markdown h2{font-size:24px}.markdown h3{font-size:20px}.markdown li{margin:8px 0}.markdown pre{white-space:pre-wrap;background:var(--c-surface-muted);border-radius:10px;padding:15px}.markdown a{color:var(--c-primary);text-decoration:underline}.markdown blockquote{border-left:3px solid var(--c-primary);background:var(--c-primary-light);margin:15px 0;padding:10px 20px}.markdown mark{color:inherit;background:var(--c-mark);border-radius:3px}.answer-panel{border:1px solid var(--c-primary-border);border-radius:12px;margin-top:24px;overflow:hidden}.answer-panel summary{cursor:pointer;background:var(--c-primary-light);color:var(--c-primary);padding:15px;font-size:13px;font-weight:750}.answer-panel>.markdown{padding:22px}.study-controls .panel{padding:20px}.study-controls textarea{font-size:12px}.study-controls .button{padding:8px 11px;font-size:11px}.highlight-row{border-bottom:1px solid var(--c-border);flex-direction:column;align-items:flex-start;gap:6px;padding:13px 0;display:flex}.highlight-row q{overflow-wrap:anywhere;color:var(--c-text-sec);font-size:12px}input,textarea,select{border:1px solid var(--c-border-strong);background:var(--c-bg);min-width:0;color:var(--c-text);border-radius:9px;outline:none;width:100%;padding:11px 12px;font-size:13px;transition:border .2s}input:focus,textarea:focus,select:focus{border-color:var(--c-primary)}textarea{resize:vertical;line-height:1.8}input[type=radio]{width:17px;height:17px;accent-color:var(--c-primary);flex-shrink:0}label{color:var(--c-text-sec);flex-direction:column;gap:7px;margin-bottom:15px;font-size:12px;font-weight:650;display:flex}.search-toolbar{flex-wrap:wrap;align-items:center;gap:14px;padding:15px;display:flex}.search-toolbar>input{background:0 0;border:0;flex:1;min-width:180px}.search-toolbar>select{width:auto;min-width:140px;max-width:250px}.watermark{pointer-events:none;z-index:35;opacity:.055;color:var(--c-text);direction:ltr;flex-wrap:wrap;place-content:space-around;gap:50px 55px;padding:10px;display:flex;position:fixed;inset:0;overflow:hidden}.watermark span{font:600 12px var(--font-science);white-space:nowrap;line-height:4;transform:rotate(-28deg)}.watermark-image{opacity:.13;z-index:2;position:absolute}.file-row{border-bottom:1px solid var(--c-border);align-items:center;gap:12px;padding:13px 0;display:flex}.file-row>svg{color:var(--c-primary)}.file-name{font-family:var(--font-science);overflow-wrap:anywhere;flex:1;min-width:0;font-size:12px}.file-name small{margin-top:3px;display:block}.file-preview{border-top:1px solid var(--c-border);margin-top:20px;padding-top:20px}.file-preview>.row{flex-wrap:wrap}.protected-image,.pdf-frame{border:1px solid var(--c-border);border-radius:10px;margin:18px 0 0;position:relative;overflow:hidden}.protected-image img{-webkit-user-select:none;user-select:none;width:100%;display:block}.pdf-frame iframe{border:0;width:100%;height:75vh;display:block}.file-preview strong{overflow-wrap:anywhere;font-size:12px}.mcq-options{border:0;margin:20px 0;padding:0}.mcq-options legend{color:var(--c-text-muted);margin-bottom:10px;font-size:12px}.mcq-options label{border:1px solid var(--c-border);background:var(--c-bg);cursor:pointer;border-radius:11px;flex-direction:row;align-items:center;gap:12px;padding:15px;font-size:15px;font-weight:450;display:flex}.mcq-options label.correct{border-color:var(--c-success);background:var(--c-success-light)}.mcq-options label.incorrect{border-color:var(--c-danger);background:var(--c-danger-light)}.option-letter{color:var(--c-text-muted);font-size:11px}.quiz-result{border-top:1px solid var(--c-border);padding-top:20px}.quiz-result>strong{color:var(--c-primary)}.flashcard{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:320px;padding:50px 35px;display:flex}.flashcard .markdown{width:100%;text-align:center!important}.flashcard small{margin-top:20px}.progress-row{align-items:center;gap:20px;margin:15px 0;font-size:12px;display:flex}.progress-row>span:first-child{width:140px}.progress-row progress{min-width:30px;accent-color:var(--c-primary);flex:1}.attempt-row{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.attempt-row>a{flex:1}.personal-note{white-space:pre-wrap;background:var(--c-note-bg);overflow-wrap:anywhere;border-radius:10px;margin-top:15px;padding:15px}.account-panel{max-width:850px}.account-avatar{background:var(--c-primary-light);width:72px;height:72px;color:var(--c-primary);border-radius:23px;place-items:center;margin-bottom:25px;display:grid}.account-row{border-bottom:1px solid var(--c-border);justify-content:space-between;gap:15px;padding:17px 0;font-size:13px;display:flex}.account-row>span{color:var(--c-text-muted)}.account-row strong{overflow-wrap:anywhere;min-width:0}.user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.user-card{margin:0;padding:22px}.user-identity{align-items:center;gap:13px;min-width:0;display:flex}.user-identity h3{margin:0}.user-identity small{overflow-wrap:anywhere;display:block}.user-meta{border-block:1px solid var(--c-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0;padding:15px 0;display:grid}.user-meta strong{font-size:11px;font-weight:650;display:block}.admin-decision label{font-size:11px}.reject-form,.whatsapp-review{border-top:1px solid var(--c-border);margin-top:18px;padding-top:18px}.whatsapp-review textarea{min-height:130px;font-weight:450}.editor-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.editor-fields>label{min-width:0}.editor{padding:28px}.code-editor{tab-size:2;font:13px/1.8 Consolas,monospace}.editor-publish{border-top:1px solid var(--c-border);flex-wrap:wrap;align-items:center;gap:15px;margin-top:20px;padding-top:20px;display:flex}.editor-publish label{min-width:210px;margin:0}.editor-publish .button{align-self:end}.preview-pane{border:1px solid var(--c-border);border-radius:12px;min-height:200px;margin:15px 0;padding:25px}.options-editor{border:1px solid var(--c-border);border-radius:12px;margin:20px 0;padding:20px}.options-editor>.row{margin-bottom:14px}.upload-zone{border:1px dashed var(--c-primary-border);background:var(--c-primary-light);color:var(--c-primary);text-align:center;border-radius:12px;align-items:center;padding:27px}.upload-zone input{background:0 0;border:0;max-width:340px;font-size:11px}.upload-progress{align-items:center;gap:15px;margin:18px 0;display:flex}.upload-progress progress{accent-color:var(--c-primary);flex:1}.admin-file{border-top:1px solid var(--c-border);padding:17px 0}.admin-file>strong{overflow-wrap:anywhere;margin:0 10px 10px 0;font-size:12px;display:inline-block}.admin-file label{max-width:180px;margin:0}.admin-file .row{align-items:end}.admin-file input[type=number]{max-width:100px}.pwa-banner{z-index:100;bottom:18px;background:var(--c-surface);box-shadow:var(--c-shadow-lg);border:1px solid var(--c-primary-border);border-radius:12px;justify-content:center;align-items:center;gap:18px;padding:17px;display:flex;position:fixed;inset-inline:18px}@media (width>=1600px){.app-main{padding:40px 45px}.subject-card{padding:30px}.reader-grid{grid-template-columns:minmax(0,1fr) 330px}}@media (width<=1200px){:root{--sidebar-width:235px}.app-main{padding:24px}.app-header{padding-inline:24px}.reader-grid{grid-template-columns:minmax(0,1fr) 260px}.reader{padding:24px}.subject-grid{gap:13px}.subject-card{padding:20px}.subject-card h3{font-size:17px}.user-grid{grid-template-columns:1fr}.editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=950px){.sidebar{transition:transform .2s;transform:translate(110%)}.sidebar.open{transform:none}[dir=ltr] .sidebar{transform:translate(-110%)}[dir=ltr] .sidebar.open{transform:none}.app-body{margin-inline-start:0}.mobile-only{display:inline-flex}.drawer-overlay{z-index:55;background:var(--c-overlay);border:0;display:block;position:fixed;inset:0}.reader-grid{grid-template-columns:minmax(0,1fr) 270px}}@media (width<=700px){.app-main{padding:22px 16px}.app-header{min-height:62px;padding:10px 15px}.breadcrumb{display:none}.sync-state{font-size:9px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subject-card{padding:19px 16px}.subject-card h3{font-size:16px}.subject-card:before{inset-inline-start:17px}.subject-icon{border-radius:12px;width:44px;height:44px}.subject-card-top{margin-bottom:18px}.subject-card-bottom{margin-top:18px;font-size:9px}.subject-card-bottom svg{width:15px}.subject-card p{font-size:11px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:17px}.stat-card strong{font-size:26px}.dashboard-hero{padding:25px}.dashboard-hero h2{font-size:24px}.dashboard-hero-icon{display:none}.page-heading{margin-bottom:22px}.page-heading p{font-size:12px}.reader-grid{flex-direction:column;display:flex}.reader-grid>div,.study-controls{width:100%}.study-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.study-controls .panel{margin:0}.reader{padding:23px 19px}.markdown{font-size:15px}.panel{padding:20px}.section-tabs{gap:7px}.section-tabs button{padding:8px 12px;font-size:11px}.content-card{gap:11px;padding:17px}.content-card h3{font-size:14px}.content-icon{width:37px;height:44px}.content-card>svg{width:15px}.topic-heading h1{font-size:27px}.attempt-row{flex-wrap:wrap}.attempt-row>a{flex-basis:65%}.account-row{flex-direction:column;gap:5px}.editor{padding:20px}.editor-fields{gap:12px}.editor-publish{align-items:stretch}.editor-publish>label,.editor-publish .button{flex:1}.search-toolbar{gap:10px}.search-toolbar>select{flex:1;max-width:100%}.progress-row{gap:12px}.progress-row>span:first-child{width:110px}.user-meta{gap:10px}.user-meta strong{font-size:10px}}@media (width<=430px){.study-controls{grid-template-columns:1fr}.subject-card h3{font-size:14px}.subject-card-bottom{font-size:8px}.brand strong{font-size:14px}.brand small{font-size:8px}.brand-mark{width:36px;height:36px}.brand-mark>span{top:7px;left:15px}.brand-mark svg{width:23px}.icon-button{width:34px;min-width:34px;height:34px}.editor-fields{grid-template-columns:1fr}.stat-card span{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.sidebar,.app-header,.study-controls,.app-footer{display:none}.app-body{margin:0}.app-main{padding:0}.watermark{opacity:.15}.reader-grid{display:block}.panel{box-shadow:none}.button{display:none}}.landing{background:var(--c-bg);overflow:hidden}.public-header{background:var(--c-surface);border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;gap:20px;min-height:80px;padding:16px 6%;display:flex}.public-header .button{margin-inline-start:9px}.public-header>.row{flex-shrink:0}.public-header .icon-button{background:0 0;border:0}.landing main{padding:28px 6% 0}.hero{background:radial-gradient(ellipse at 20% 20%, var(--c-glow), transparent 60%), radial-gradient(ellipse at 90% 100%, var(--c-green-glow), transparent 60%), linear-gradient(115deg, var(--c-brand-navy), var(--c-brand-navy-soft));color:var(--c-text-inverse);border-radius:25px;grid-template-columns:1.2fr 1fr;gap:5%;min-height:440px;padding:55px 5%;display:grid;position:relative;overflow:hidden}.hero-badge{border:1px solid var(--c-glass-border);background:var(--c-glass);color:var(--c-hero-accent);letter-spacing:.15px;border-radius:99px;align-items:center;gap:8px;padding:5px 13px;font-size:10px;display:inline-flex}.hero-badge>span{background:var(--c-hero-accent);border-radius:50%;width:5px;height:5px}.hero h1{letter-spacing:-1.8px;margin:22px 0 16px;font-size:clamp(37px,4.1vw,64px);font-weight:850;line-height:1.5}.hero em,.auth-story em{color:var(--c-hero-accent);font-style:normal}.hero p{color:var(--c-on-dark);max-width:520px;font-size:14px;line-height:2.2}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-primary{background:var(--c-text-inverse);color:var(--c-brand-navy);border-color:var(--c-text-inverse)}.hero-outline{background:var(--c-glass);color:var(--c-text-inverse);border-color:var(--c-glass-border)}.hero-foot{color:var(--c-on-dark);align-items:center;gap:7px;margin-top:25px;font-size:10px;display:flex}.hero-art{direction:ltr;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.orbit{border:1px solid var(--c-art-line);border-radius:50%;width:290px;height:290px;position:absolute}.orbit-two{width:370px;height:370px}.orbit-one:before{content:"";background:var(--c-hero-accent);width:9px;height:9px;box-shadow:0 0 28px var(--c-glow);border-radius:50%;position:absolute;top:35px;left:42px}.hero-book{background:linear-gradient(135deg, var(--c-glass), transparent);border:1px solid var(--c-glass-border);width:205px;height:242px;color:var(--c-hero-accent);box-shadow:20px 30px 70px var(--c-glow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;transform:rotate(-9deg)}.hero-book span{text-align:center;font:600 16px/1.9 var(--font-ui);color:var(--c-on-dark);letter-spacing:0;padding-inline:15px}.hero-book b{color:var(--c-text-inverse);letter-spacing:4px;font-weight:750}.floating{background:var(--c-brand-navy-soft);border:1px solid var(--c-glass-border);color:var(--c-on-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--c-shadow-lg);direction:inherit;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;font-size:10px;display:flex;position:absolute}.floating svg{color:var(--c-hero-accent)}.floating-one{top:24px;right:-5px;transform:rotate(3deg)}.floating-two{bottom:26px;left:-8px;transform:rotate(-4deg)}.art-index{color:var(--c-on-dark);font:500 10px var(--font-science);letter-spacing:3px;position:absolute;bottom:-8px;right:18px}.metrics{border-bottom:1px solid var(--c-border);grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 20px;padding:25px 0;display:grid}.metrics>div{border-inline-end:1px solid var(--c-border);text-align:center;justify-content:center;align-items:center;gap:15px;display:flex}.metrics>div:last-child{border:0}.metrics strong{font:750 28px/1.5 var(--font-science);color:var(--c-primary)}.metrics span{color:var(--c-text-muted);font-size:11px}.landing-section{padding:23px 0 15px}.landing-section .section-heading{margin-top:15px;margin-bottom:28px}.landing-section h2{font-size:29px}.landing-section .pill{border:1px solid var(--c-border);padding:5px 13px;font-size:10px}.landing .subject-card{min-height:240px}.landing .subject-card h3{font-size:21px}.landing .subject-grid{gap:20px}.feature-strip{border-block:1px solid var(--c-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:55px 0;padding:35px 25px;display:grid}.feature-strip article{border-inline-start:1px solid var(--c-border);padding-inline-start:20px}.feature-strip article:first-child{border:0}.feature-strip svg{color:var(--c-primary);margin-bottom:15px}.feature-strip h3{margin-bottom:9px;font-size:15px}.feature-strip p{color:var(--c-text-muted);font-size:11px}.closing{text-align:center;padding:12px 20px 65px}.closing h2{margin-bottom:10px;font-size:29px}.closing p{color:var(--c-text-muted);margin-bottom:22px;font-size:13px}.closing .button{padding-inline:25px}.public-footer{border-top:1px solid var(--c-border);background:var(--c-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 6%;display:flex}.public-footer>span,.public-footer a:not(.brand){color:var(--c-text-muted);font-size:10px}.auth-page{background:radial-gradient(ellipse at 0 0, var(--c-primary-light), transparent 50%), var(--c-bg);min-height:100dvh}.auth-grid{grid-template-columns:1fr 1fr;align-items:center;gap:8%;min-height:calc(100dvh - 81px);padding:50px 8%;display:grid}.auth-story{min-height:560px;color:var(--c-text-inverse);background:radial-gradient(ellipse at top left, var(--c-glow), transparent 60%), linear-gradient(130deg, var(--c-brand-navy), var(--c-brand-navy-soft));border-radius:22px;flex-direction:column;justify-content:center;align-items:flex-start;padding:45px;display:flex}.auth-story h1{margin:26px 0 14px;font-size:43px;line-height:1.6}.auth-story p{color:var(--c-on-dark);margin-bottom:27px;font-size:12px;line-height:2.2}.auth-story>div{color:var(--c-on-dark);align-items:center;gap:11px;margin:11px 0;font-size:12px;display:flex}.auth-story>div svg{width:18px;color:var(--c-hero-accent)}.auth-story>small{color:var(--c-on-dark);font:500 9px var(--font-science);letter-spacing:2px;margin-top:40px}.auth-card{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--c-shadow-lg);border-radius:20px;min-width:0;padding:39px}.auth-card h2{margin:9px 0 10px;font-size:25px}.auth-card>p{color:var(--c-text-muted);margin-bottom:25px;font-size:12px}.tabs{border:1px solid var(--c-border);background:var(--c-bg);border-radius:11px;gap:5px;margin:25px 0;padding:4px;display:flex}.tabs>button{background:0 0;border-color:#0000;flex:1;justify-content:center;min-height:38px;padding:8px}.tabs>button.active{background:var(--c-surface);box-shadow:var(--c-shadow)}.google-button{background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:10px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:51px;margin:23px 0 15px;padding:13px;font-size:12px;font-weight:700;display:flex}.google-g{color:var(--c-blue);font:850 23px/1 var(--font-science)}.auth-card-foot{border-top:1px solid var(--c-border);color:var(--c-text-muted);justify-content:center;align-items:center;gap:7px;margin-top:26px;padding-top:20px;font-size:9px;display:flex}.status-symbol{background:var(--c-warning-light);width:65px;height:65px;color:var(--c-warning);border-radius:19px;place-items:center;margin:22px 0;display:grid}.logout-link{justify-content:center;width:100%;margin:20px 0;display:flex}@media (width>=1700px){.hero{padding-block:75px}.hero-art{min-height:380px}.orbit-two{width:430px;height:430px}.hero-book{width:230px;height:275px}.landing main{padding-inline:7%}}@media (width<=1150px){.hero{grid-template-columns:1.3fr 1fr;padding:45px 5%}.orbit-two{width:295px;height:295px}.orbit-one{width:230px;height:230px}.hero-book{width:170px;height:215px}.floating{padding:9px 11px;font-size:8px}.hero h1{font-size:45px}.hero p{font-size:12px}.metrics>div{gap:10px}.metrics span{font-size:10px}.auth-grid{gap:5%;padding:40px 5%}.auth-story{padding:35px}.auth-story h1{font-size:35px}.auth-card{padding:30px}}@media (width<=800px){.landing main{padding:20px 4% 0}.public-header{min-height:71px;padding:14px 4%}.public-header .button{margin:0;padding:9px 12px;font-size:10px}.public-header>.row{gap:3px}.hero{grid-template-columns:1fr 1fr;gap:15px;min-height:350px;padding:35px 6%}.hero h1{letter-spacing:-1px;font-size:36px}.hero p{font-size:11px}.hero-foot{font-size:8px}.hero .button{min-height:39px;padding:9px 12px;font-size:10px}.hero-art{min-height:260px;transform:scale(.85)}.floating-one{right:-20px}.floating-two{left:-25px}.hero-actions{gap:8px;margin-top:21px}.metrics{margin-top:10px;padding:20px 0}.metrics>div{flex-direction:column;gap:3px}.metrics strong{font-size:25px}.metrics span{font-size:9px}.landing .subject-card{min-height:220px}.landing .subject-card h3{font-size:17px}.landing-section h2{font-size:24px}.landing .subject-grid{gap:15px}.feature-strip{gap:20px;padding:25px 10px}.feature-strip h3{font-size:13px}.feature-strip p{font-size:10px}.auth-grid{grid-template-columns:1fr;min-height:calc(100dvh - 71px);padding:30px 18%}.auth-story{display:none}.auth-card{padding:32px}.public-footer{padding:25px 4%}.closing h2{font-size:25px}}@media (width<=580px){.public-header .brand small{font-size:8px}.public-header .brand strong{font-size:13px}.public-header .brand{gap:7px}.public-header .icon-button{width:29px;min-width:29px;height:32px}.public-header .icon-button svg{width:17px}.public-header .button{min-height:35px;padding:7px 10px;font-size:9px}.public-header .button svg{display:none}.hero{border-radius:20px;grid-template-columns:1fr;min-height:auto;padding:32px 27px 28px}.hero h1{margin-top:20px;font-size:42px}.hero p{max-width:400px;font-size:12px;line-height:2.2}.hero-art{display:none}.hero .button{min-height:43px;padding:10px 15px;font-size:11px}.hero-foot{margin-top:22px;font-size:8px}.hero-badge{padding:5px 11px;font-size:8px}.metrics strong{font-size:23px}.metrics span{text-align:center;font-size:8px}.landing-section{padding-top:10px}.landing-section .section-heading{margin-bottom:22px}.landing-section .section-heading>.pill{display:none}.landing-section h2{font-size:22px}.section-heading p{font-size:11px}.landing .subject-card{min-height:205px;padding:19px 16px}.landing .subject-card h3{font-size:16px}.landing .subject-grid{gap:12px}.feature-strip{grid-template-columns:1fr;gap:22px;margin:30px 0;padding:27px 8px}.feature-strip article{border:0;grid-template-columns:36px 1fr;gap:0 10px;padding:0;display:grid}.feature-strip svg{grid-row:1/3;margin-top:6px}.feature-strip h3{margin-bottom:2px;font-size:14px}.feature-strip p{font-size:11px}.closing{padding-bottom:38px}.closing h2{font-size:22px}.closing p{font-size:11px}.public-footer{gap:17px}.public-footer>span{display:none}.auth-grid{align-items:start;padding:27px 6%}.auth-card{padding:29px 23px}.auth-card h2{font-size:23px}.auth-page .public-header .text-link{font-size:9px}}.landing{background:radial-gradient(ellipse at 5% 45%, color-mix(in srgb, var(--c-violet) 5%, transparent), transparent 45%), var(--c-bg)}.hero,.dashboard-hero,.auth-story{background:radial-gradient(ellipse at 15% 10%, var(--c-aurora-violet), transparent 55%), radial-gradient(ellipse at 80% 110%, var(--c-aurora-cyan), transparent 60%), linear-gradient(125deg, var(--c-brand-navy), var(--c-brand-navy-soft))}.hero em,.auth-story em{background:linear-gradient(100deg, var(--c-hero-accent), color-mix(in srgb, var(--c-hero-accent) 50%, var(--c-text-inverse)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.button:not(.secondary):not(.hero-primary):not(.hero-outline):not(.danger-button):not(.selected){background:linear-gradient(110deg, var(--c-action-start), var(--c-brand-violet));color:var(--c-text-inverse);box-shadow:var(--c-action-shadow)}.button:not(:disabled):active{transform:translateY(1px)scale(.98)}.button:not(:disabled):hover{box-shadow:var(--c-action-shadow)}.brand-mark{background:linear-gradient(145deg, var(--c-primary), var(--c-brand-violet))}.subject-card{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 8%, var(--c-surface)), var(--c-surface) 65%);border-color:color-mix(in srgb, var(--accent) 20%, var(--c-border));isolation:isolate}.subject-card:before{width:55px;transition:width .25s}.subject-card:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 15%, transparent), transparent 70%);pointer-events:none;z-index:-1;opacity:.65;border-radius:50%;width:170px;height:170px;transition:transform .35s,opacity .35s;position:absolute;inset-block-start:-42px;inset-inline-end:-45px}.subject-card:hover,.subject-card:focus-visible{box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 14%, transparent);transform:translateY(-5px)}.subject-card:hover:before,.subject-card:focus-visible:before{width:90px}.subject-card:hover:after,.subject-card:focus-visible:after{opacity:1;transform:scale(1.5)}.subject-icon{transition:transform .25s,background .25s}.subject-card:hover .subject-icon,.subject-card:focus-visible .subject-icon{transform:rotate(-7deg)scale(1.07)}.subject-card-bottom svg{transition:transform .2s}.subject-card:hover .subject-card-bottom svg{transform:translate(-3px,-3px)}.subject-card h3{color:var(--accent)}.hero-book{animation:7s ease-in-out infinite book-float}.orbit{border-color:color-mix(in srgb, var(--c-hero-accent) 20%, transparent)}.hero-badge{box-shadow:inset 0 1px 0 var(--c-glass-border)}.hero-badge>span{box-shadow:0 0 10px var(--c-hero-accent)}.sidebar nav>a.active{background:linear-gradient(110deg, var(--c-primary-light), color-mix(in srgb, var(--c-violet) 9%, var(--c-surface)))}.stat-card{border-top:2px solid color-mix(in srgb, var(--c-primary) 45%, var(--c-border))}@keyframes book-float{0%,to{transform:translateY(0)rotate(-9deg)}50%{transform:translateY(-9px)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.book-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:24px;margin:24px 0;display:grid}.book-card{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--c-shadow);transition:transform .2s,box-shadow .2s;overflow:hidden}.book-card:hover{box-shadow:var(--c-shadow-lg);transform:translateY(-5px)}.book-cover{background:linear-gradient(145deg, var(--accent-soft), var(--c-surface));border-inline-start:12px solid var(--accent);min-height:260px;color:var(--accent);flex-direction:column;align-items:flex-start;gap:20px;padding:26px 32px;display:flex;position:relative}.book-cover:after{content:"";border:1px solid var(--accent);opacity:.18;pointer-events:none;border-radius:4px;position:absolute;inset:14px}.book-cover>span{font-family:var(--font-science);letter-spacing:.07em;font-size:12px}.book-cover strong{align-self:stretch;font-size:21px;line-height:1.6}.book-cover small{margin-top:auto}.book-card-body{flex-direction:column;gap:12px;padding:22px;display:flex}.book-card-body h2{margin:0;font-size:18px}.book-card-body p{color:var(--c-text-muted);margin:0;font-size:13px}.book-management{margin-bottom:24px}.book-management>.text-link{font-weight:700}.book-management input[type=number]{max-width:105px}.book-reader{max-width:1100px;margin:auto}.book-toolbar{flex-direction:column;gap:20px;margin-bottom:18px;display:flex}.book-toolbar h1{margin:6px 0;font-size:24px}.book-toolbar small,.book-notes-panel>small{color:var(--c-text-muted);font-size:12px;display:block}.book-toolbar progress{width:100%;height:5px;accent-color:var(--c-primary);margin:12px 0 8px;display:block}.book-page-picker{flex-direction:row;align-items:center;gap:8px;display:flex}.book-page-picker input{text-align:center;direction:ltr;width:78px;min-height:40px}.book-page-grid{grid-template-columns:54px minmax(0,1fr) 54px;align-items:start;gap:10px;margin-top:18px;display:grid}.book-nav{border:1px solid var(--c-border);background:var(--c-surface);min-height:86px;color:var(--c-primary);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px 4px;font-size:12px;display:flex;position:sticky;top:86px}.book-nav:disabled{opacity:.35;cursor:default}.book-nav:hover:enabled{background:var(--c-primary-light)}.book-page-stage{touch-action:pan-x pan-y pinch-zoom;background:var(--c-surface-muted);min-width:0;box-shadow:var(--c-shadow-lg);border-radius:10px;overflow:auto}.book-page-host{width:100%;min-width:0}.book-paper{background:var(--c-paper);color:var(--c-ink);isolation:isolate;display:table;position:relative}.book-paper canvas{max-width:none;display:block}.book-paper .watermark-image{pointer-events:none;color:var(--c-ink)}.book-page-stamp{color:var(--c-ink);font:10px var(--font-science);opacity:.45;pointer-events:none;position:absolute;bottom:5px;right:9px}.book-markers{margin:18px 0}.book-markers .selected{color:var(--c-primary);background:var(--c-primary-light);border-color:var(--c-primary-border)}.book-note-reminder{text-align:start;cursor:pointer;width:100%;margin-bottom:16px}.book-note-index{margin-bottom:16px}.book-notes-panel{margin-top:24px}.book-note-editor{box-shadow:none;background:0 0;border:0;margin:18px 0;padding:0}.book-note-editor textarea{resize:vertical;width:100%}.book-note-editor .row{margin-top:14px}.book-fullscreen{z-index:1000;background:var(--c-bg);max-width:none;margin:0;padding:20px;position:fixed;inset:0;overflow:auto}.book-fullscreen .book-page-grid{max-width:1050px;margin-inline:auto}.book-fullscreen .book-nav{top:16px}@media (width<=600px){.book-toolbar{padding:16px}.book-toolbar h1{font-size:18px}.book-page-grid{grid-template-columns:1fr 1fr;gap:10px}.book-page-stage{grid-area:2/1/auto/-1}.book-nav{flex-direction:row;justify-content:center;min-height:42px;padding:8px;position:static}.book-page-grid>.book-nav:last-child{grid-area:1/2}.book-fullscreen{padding:10px}.book-toolbar .row{gap:8px}}@media (prefers-reduced-motion:reduce){.book-card{transition:none}.book-card:hover{transform:none}}