:root{--ink:#15131a;--ink-soft:#24202d;--cream:#f5f0e8;--paper:#fffdf9;--plum:#6e436d;--lilac:#d7c5eb;--sage:#aebfa4;--apricot:#efb883;--line:rgba(21,19,26,.13);--muted:#6c6770;--shadow:0 24px 60px rgba(23,15,30,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 600px 400px at 15% 20%,rgba(110,67,109,0.06) 0%,transparent 70%),radial-gradient(ellipse 500px 500px at 80% 70%,rgba(239,184,131,0.07) 0%,transparent 70%),radial-gradient(ellipse 400px 300px at 50% 90%,rgba(174,191,164,0.05) 0%,transparent 70%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:20;background:#fff;color:#111;padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{position:absolute;z-index:5;top:0;width:100%;color:var(--paper)}.nav-shell{max-width:1240px;margin:auto;padding:1.45rem 2rem;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:.62rem;align-items:center;color:inherit;text-decoration:none;font-weight:800;letter-spacing:-.07em;font-size:1.12rem}.brand>span:last-child span{font-weight:500}.brand-mark{display:flex!important;align-items:end;gap:2px;width:19px;height:20px;letter-spacing:normal}.brand-mark i{width:5px;border-radius:4px;background:currentColor}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px}.main-nav{display:flex;gap:0.8rem;background:rgba(255,255,255,0.08);padding:0.4rem;border-radius:40px;border:1px solid rgba(255,255,255,0.12);backdrop-filter:blur(8px)}.main-nav a,.nav-cta{color:inherit;text-decoration:none;font-size:0.85rem;font-weight:700;padding:0.6rem 1.4rem;border-radius:30px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;display:flex;align-items:center;gap:8px}.main-nav a{opacity:0.9;border:1px solid transparent}.main-nav a[href="#subjects"]{color:#a5b4fc}.main-nav a[href="#past-papers"]{color:#99f6e4}.main-nav a[href="#ai-section"]{color:#fde68a}.main-nav a:hover{opacity:1;background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.3)}.main-nav a:active,.nav-cta:active{transform:scale(0.92)}.main-nav a.active{background:rgba(255,255,255,0.95);color:#1e1b4b !important;box-shadow:0 4px 15px rgba(255,255,255,0.2)}.nav-cta[hidden]{display:none !important}.nav-cta{background:linear-gradient(135deg,rgba(99,102,241,0.2),rgba(168,85,247,0.2));border:1px solid rgba(168,85,247,0.4);color:#e9d5ff !important;box-shadow:0 4px 12px rgba(168,85,247,0.1)}.nav-cta:hover{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff !important;border-color:transparent;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px rgba(168,85,247,0.4)}#admin-nav-bubble{background:rgba(251,191,36,0.15);border:1px solid rgba(251,191,36,0.4);color:#fbbf24 !important}#admin-nav-bubble:hover{background:#fbbf24;color:#000 !important;box-shadow:0 8px 25px rgba(251,191,36,0.4)}.hero{min-height:720px;position:relative;overflow:hidden;color:var(--paper);padding:10.7rem max(2rem,calc((100vw - 1170px)/2)) 5rem;background:radial-gradient(circle at 78% 25%,#6e436d 0,rgba(110,67,109,.1) 30%),linear-gradient(135deg,#121017 0%,#211927 56%,#3d283c 100%)}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.65}.orb-one{width:430px;height:430px;background:#7550a4;right:-135px;top:160px;filter:blur(50px)}.orb-two{width:270px;height:270px;border:1px solid #eec4a2;left:40%;bottom:-160px}.hero-copy,.study-console,.hero-side-note{position:relative;z-index:1}.hero-copy{max-width:620px}.eyebrow{margin:0 0 1.25rem;text-transform:uppercase;font:500 .68rem 'DM Mono',monospace;letter-spacing:.15em;color:#e4d9e9}.eyebrow span{display:inline-block;width:22px;height:1px;background:currentColor;vertical-align:middle;margin:0 .55rem .18rem 0}.hero h1,.section h2{margin:0;font-size:clamp(3.5rem,6.6vw,6.5rem);line-height:.94;font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.065em}.hero h1 em,.section h2 em{color:#d8b5e2;font-weight:600}.hero-intro{max-width:480px;color:#d1c9d5;font-size:1rem;line-height:1.75;margin:1.7rem 0 2.2rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.button{border:0;font:700 .79rem Manrope,sans-serif;letter-spacing:.01em;cursor:pointer;border-radius:4px;padding:.9rem 1.1rem;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px)}.button:focus-visible,.subject-card:focus-visible,.prompt-chips button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #caa3db;outline-offset:3px}.button-primary{background:#e9c5a4;color:#1c1620;box-shadow:0 8px 0 #bd906e}.button-primary:hover{box-shadow:0 11px 0 #bd906e}.button-primary span{margin-left:.8rem;font-size:1.1em}.button-quiet{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff}.hero-proof{display:flex;gap:2rem;margin-top:3.4rem}.hero-proof div+div{border-left:1px solid rgba(255,255,255,.3);padding-left:2rem}.hero-proof strong{display:block;font:600 1.1rem 'DM Mono',monospace}.hero-proof span{font-size:.69rem;color:#bdb3c2}.study-console{position:absolute;right:max(2rem,calc((100vw - 1170px)/2));top:165px;width:350px;padding:1.2rem;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.25);box-shadow:20px 25px 0 rgba(5,3,8,.18),var(--shadow);backdrop-filter:blur(14px);transform:none}.console-top,.console-footer,.panel-heading,.ai-console-head{display:flex;align-items:center;justify-content:space-between}.console-label,.console-footer,.panel-kicker{font:500 .61rem 'DM Mono',monospace;letter-spacing:.1em}.live-dot{font-size:.65rem;color:#dcebcf}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#b6d599;margin-right:.4rem}.console-card{margin:1.3rem 0 1rem;padding:1.4rem;background:#f5eff1;color:var(--ink);box-shadow:0 10px 25px rgba(0,0,0,.15)}.chapter-icon{font:500 2rem 'Playfair Display';color:var(--plum)}.console-card p{font:500 .65rem 'DM Mono';margin:1.2rem 0 .6rem;color:#695e67}.console-card p span{color:var(--apricot)}.console-card h2{margin:0;font:600 1.65rem/1.1 'Playfair Display';letter-spacing:-.05em}.progress-row{display:flex;justify-content:space-between;margin-top:1.8rem;font-size:.65rem}.progress-track{height:4px;background:#ddd2d7;margin-top:.5rem}.progress-track i{display:block;width:68%;height:100%;background:var(--plum)}.console-footer{color:#e3d6e1}.mini-bars{display:flex;align-items:end;gap:2px;height:15px}.mini-bars i{width:3px;background:#e9c5a4}.mini-bars i:nth-child(1){height:4px}.mini-bars i:nth-child(2){height:9px}.mini-bars i:nth-child(3){height:13px}.mini-bars i:nth-child(4){height:8px}.mini-bars i:nth-child(5){height:11px}.hero-side-note{position:absolute;right:2rem;bottom:1.8rem;text-align:right;color:#b8a8ba;font:500 .61rem/1.5 'DM Mono';letter-spacing:.1em;text-transform:uppercase}.section{padding:7.5rem max(2rem,calc((100vw - 1170px)/2))}.subjects{background:var(--cream)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:3rem}.eyebrow-dark{color:var(--plum)}.section h2{font-size:clamp(2.8rem,5vw,5rem);color:var(--ink)}.section h2 em{color:var(--plum)}.section-heading>div{display:flex;align-items:end;justify-content:space-between;gap:2rem}.section-heading>div>p,.papers-intro>p:not(.eyebrow),.ai-copy>p:not(.eyebrow){max-width:235px;color:var(--muted);font-size:.84rem;line-height:1.7}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.subject-card{min-height:284px;position:relative;padding:1.45rem;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s}.subject-card:hover{transform:translateY(-8px);z-index:1;box-shadow:0 18px 30px rgba(44,25,45,.17)}.subject-number{font:500 .65rem 'DM Mono';opacity:.6}.subject-symbol{display:block;font:400 3rem 'Playfair Display';margin-top:2.2rem}.subject-card h3{margin:2.6rem 0 .25rem;font:600 1.35rem 'Playfair Display';letter-spacing:-.04em}.subject-card p{margin:0;font-size:.72rem;opacity:.7}.card-arrow{position:absolute;right:1.2rem;top:1.2rem;font-size:1.2rem}.sage{background:#c7d2c1}.plum{background:#ccb8d2}.apricot{background:#f0c69e}.ink{background:var(--ink);color:#f9f4ed}.papers{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;gap:2rem}.paper-backdrop{position:absolute;width:550px;height:550px;border:1px solid rgba(255,255,255,.16);border-radius:50%;left:-300px;top:50px}.papers-intro{position:relative;text-align:center;max-width:600px}.paper-panel{position:relative;width:100%;max-width:900px}.papers h2{color:var(--paper);text-align:center}.papers h2 em{color:#e9c5a4}.paper-panel{padding:2rem;background:var(--paper);color:var(--ink);box-shadow:12px 12px 0 rgba(233,197,164,.85)}.panel-heading{padding-bottom:1.4rem;border-bottom:1px solid var(--line)}.panel-kicker{margin:0 0 .45rem;color:var(--plum)}.panel-heading h3{margin:0;font:600 1.6rem 'Playfair Display';letter-spacing:-.045em}.archive-count{font:500 .59rem 'DM Mono';color:var(--muted)}.paper-form{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;margin:1.6rem 0 1rem;align-items:end}.paper-form label{display:grid;gap:.4rem;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}select{appearance:none;background:#f6f0e8;border:1px solid transparent;border-radius:3px;padding:.85rem 2.2rem .85rem .7rem;color:var(--ink);font:600 .76rem Manrope;background-image:linear-gradient(45deg,transparent 50%,#403743 50%),linear-gradient(135deg,#403743 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.paper-result{min-height:2.8rem;padding:.8rem .85rem;background:#f7f3ee;color:#6b626b;font-size:.75rem;line-height:1.5}.paper-result.is-found{background:#e2ebdd;color:#354832}.paper-result.is-error{background:#f7dfdc;color:#773d38}.ai-section{position:relative;overflow:hidden;background:#eee6da;padding:40px 0 0}.ai-glow{position:absolute;width:580px;height:580px;border-radius:50%;background:#ddc8e4;filter:blur(40px);right:-240px;top:-100px;opacity:.7}.ai-layout{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:none;margin:0;padding:0}.prompt-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.prompt-chips button{border:1px solid rgba(110,67,109,.35);border-radius:30px;background:transparent;padding:.55rem .72rem;color:var(--plum);font:600 .68rem Manrope;cursor:pointer;transition:.2s}.prompt-chips button:hover{background:var(--plum);color:#fff}.ai-console{background:#fffaf5;border:1px solid rgba(110,67,109,.18);box-shadow:var(--shadow);padding:2rem;width:100%;max-width:none;border-radius:0;min-height:600px;display:flex;flex-direction:column}.ai-console-head{padding-bottom:1rem;border-bottom:1px solid var(--line)}.ai-avatar{width:35px;height:35px;display:grid;place-items:center;background:var(--plum);color:#fff;border-radius:50%;font-size:.95rem;margin-right:.7rem}.ai-console-head>div:nth-child(2){margin-right:auto;display:grid;gap:.12rem}.ai-console-head strong{font-size:.78rem}.ai-console-head span{font-size:.62rem;color:var(--muted)}.available{font:500 .58rem 'DM Mono'!important;color:#537450!important;text-transform:uppercase}.available:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#8db981;margin-right:.3rem}.ai-response-wrap{flex:1;min-height:300px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:1rem 0;gap:1rem}.ai-response{display:flex;flex-direction:column;gap:1rem;width:100%;color:#514953;font-size:1rem;line-height:1.75}.chat-spacer{height:8px}.chat-table-row{display:flex;padding:6px 10px;border-bottom:1px solid rgba(0,0,0,0.05);font-family:'DM Mono',monospace;font-size:0.85rem;white-space:pre-wrap;background:rgba(0,0,0,0.02)}.chat-table-row:first-child{border-top:1px solid rgba(0,0,0,0.05);font-weight:bold;background:rgba(0,0,0,0.04)}.chat-ul{margin:8px 0;padding-left:20px;list-style-type:disc}.chat-li{margin-bottom:4px}.chat-h3{margin:12px 0 6px;color:var(--plum);font-size:1.1rem}.ai-response p{margin:0;white-space:pre-wrap}.response-star{color:var(--plum)}.ai-form{display:flex;gap:.7rem;align-items:end;padding-top:1rem;border-top:1px solid var(--line)}textarea{resize:vertical;min-height:80px;max-height:200px;flex:1;border:2px solid #dbd0c7;border-radius:8px;padding:1rem;background:#fff;color:var(--ink);font:500 1rem Manrope}textarea::placeholder{color:#9a9095}.ai-form button{width:43px;height:43px;border:0;border-radius:50%;background:var(--plum);color:#fff;font-size:1.25rem;cursor:pointer;transition:.2s}.ai-form button:hover{transform:translateY(-2px);background:#4e294e}.ai-form button:disabled{opacity:.55;cursor:wait}.ai-note{margin:.7rem 0 0;color:var(--muted);font:400 .59rem 'DM Mono';text-align:right}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:2rem max(2rem,calc((100vw - 1170px)/2));background:#111015;color:#eee6da}.site-footer p,.site-footer>a:not(.brand){font-size:.67rem;color:#b6adb4}.site-footer>a:not(.brand){text-decoration:none}.site-footer>a:not(.brand):hover{color:#fff}@keyframes float{50%{transform:perspective(900px) rotateY(-9deg) rotateX(4deg) translateY(-11px)}}.reveal{animation:reveal .75s both}@keyframes reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.study-console{position:relative;right:auto;top:auto;margin:4rem auto 0}.hero{padding-bottom:3rem}.hero-side-note{display:none}.section-heading,.papers,.ai-layout{grid-template-columns:1fr;gap:2.5rem}.section-heading>div{align-items:start}.paper-form{grid-template-columns:1fr 1fr}.paper-form .button{grid-column:1/-1}.subject-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.nav-shell{padding:1.2rem}.main-nav,.nav-cta{display:none}.hero{min-height:auto;padding-top:8.5rem}.hero h1{font-size:3.45rem}.hero-proof{margin-top:2.6rem}.study-console{width:100%;transform:none}.section{padding:5rem 1.25rem}.section-heading>div{display:block}.section-heading>div>p{margin-top:1rem}.subject-grid{grid-template-columns:1fr}.subject-card{min-height:210px}.subject-card h3{margin-top:1rem}.subject-symbol{margin-top:1.3rem}.paper-panel{padding:1.25rem}.paper-form{grid-template-columns:1fr}.paper-form .button{grid-column:auto}.site-footer{padding:1.7rem 1.25rem;display:grid;gap:1rem}.site-footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero::after{content:'';position:absolute;z-index:0;width:360px;height:360px;left:var(--pointer-x,75%);top:var(--pointer-y,25%);transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,rgba(218,176,241,.18),transparent 64%);transition:left .5s ease-out,top .5s ease-out}.hero-subjects{display:flex;gap:.2rem;justify-content:space-between;margin:1.15rem 0 .2rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.2);overflow:hidden}.hero-subject{position:relative;flex:1 1 0;border:0;padding:.35rem .38rem .55rem;background:transparent;color:#d7cad6;font:500 .59rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:color .25s,transform .25s}.hero-subject::after{content:'';position:absolute;height:2px;background:#e9c5a4;left:.38rem;right:.38rem;bottom:0;transform:scaleX(0);transition:transform .25s ease}.hero-subject:hover,.hero-subject.active{color:#fff;transform:translateY(-2px)}.hero-subject.active::after{transform:scaleX(1)}.hero-subject:focus-visible{outline:2px solid #e9c5a4;outline-offset:2px}.console-card{transition:transform .35s ease,background .35s ease}.study-console:hover .console-card{transform:translateY(-3px)}.chapter-icon,.console-card p,.console-card h2{transition:opacity .18s ease,transform .28s ease}.console-card.is-switching .chapter-icon,.console-card.is-switching p,.console-card.is-switching h2{opacity:0}.subject-grid:has(.subject-card:hover) .subject-card:not(:hover){opacity:.7;transform:translateY(-2px)}.subject-grid .subject-card{transform-origin:center;transition:transform .25s ease,box-shadow .25s ease}.subject-grid .subject-card:hover,.subject-grid .subject-card:focus-visible{transform:translateY(-6px);box-shadow:0 12px 30px rgba(44,25,45,.15)}.select-field{position:relative}.select-field>span:first-child{display:block}.select-control{display:flex;align-items:center;position:relative;overflow:hidden;background:#f6f0e8;border:1px solid transparent;border-radius:3px;transition:transform .25s,box-shadow .25s,border-color .25s}.select-control:hover,.select-field:focus-within .select-control{transform:translateY(-2px);border-color:rgba(110,67,109,.42);box-shadow:0 7px 16px rgba(70,45,70,.12)}.select-control i{width:31px;flex:0 0 31px;text-align:center;font:500 1rem 'Playfair Display';color:var(--plum);border-right:1px solid rgba(110,67,109,.12);transition:transform .35s,color .35s}.select-field:focus-within .select-control i{transform:rotate(18deg) scale(1.16);color:#b86b56}.select-control select{width:100%;background-color:transparent;background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%}.language-note{display:flex;align-items:center;gap:.45rem;margin:1.45rem 0 -.8rem;color:#675c67;font:500 .66rem 'DM Mono',monospace}.language-note span{color:var(--plum);font-size:1.1rem}.ai-console{padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}.ai-console:focus-within{border-color:rgba(110,67,109,.3)}.ai-response-wrap{min-height:225px}.ai-avatar{}.ai-form button:not(:disabled):hover{box-shadow:0 6px 0 #3e223e;transform:translateY(-3px)}@media(max-width:620px){.hero-subject{padding-left:.45rem;padding-right:.45rem}.subject-grid:has(.subject-card:hover) .subject-card:not(:hover){opacity:.8;transform:none}.subject-grid .subject-card:hover{transform:translateY(-5px)}.ai-response-wrap{min-height:190px}}.hero-subject{transition:color .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}.hero-subject::after{transition:transform .42s cubic-bezier(.22,1,.36,1)}.console-card{transition:transform .55s cubic-bezier(.22,1,.36,1),background .55s ease}.chapter-icon,.console-card p,.console-card h2{transition:opacity .34s ease,transform .48s cubic-bezier(.22,1,.36,1)}.console-card.is-switching .chapter-icon,.console-card.is-switching p,.console-card.is-switching h2{opacity:0}.console-card.is-entering .chapter-icon,.console-card.is-entering p,.console-card.is-entering h2{opacity:0}.subject-grid:has(.subject-card:hover) .subject-card:not(:hover){opacity:.7;transform:translateY(-2px)}.subject-grid .subject-card:hover,.subject-grid .subject-card:focus-visible{z-index:4;transform:translateY(-6px);box-shadow:0 12px 30px rgba(44,25,45,.15)}.subject-grid{isolation:isolate}.select-control{transform-origin:center;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .5s ease}.select-control::after{content:'';position:absolute;z-index:0;width:10px;height:10px;right:10px;top:8px;border-radius:50%;background:rgba(110,67,109,.1);opacity:0;transform:scale(.2);pointer-events:none}.select-control>*{position:relative;z-index:1}.select-control:hover,.select-field:focus-within .select-control{border-color:rgba(110,67,109,.42);box-shadow:0 4px 12px rgba(70,45,70,.1)}@media(max-width:620px){.subject-grid .subject-card:hover,.subject-grid .subject-card:focus-visible{transform:translateY(-5px) scale(1.02)}.subject-grid:has(.subject-card:hover) .subject-card:not(:hover){filter:none;opacity:1;transform:none}}.hero{isolation:isolate}.hero-spotlight,.paper-spotlight{position:absolute;width:430px;height:430px;pointer-events:none;opacity:0;transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,rgba(206,155,233,.22),transparent 68%);transition:opacity .45s ease;will-change:transform}.hero-spotlight{z-index:0}.paper-spotlight{z-index:0;width:270px;height:270px;background:radial-gradient(circle,rgba(110,67,109,.14),transparent 70%)}.hero.has-pointer .hero-spotlight,.paper-panel.has-pointer .paper-spotlight{opacity:1}.hero-copy,.study-console,.hero-side-note,.paper-panel > *:not(.paper-spotlight){position:relative;z-index:1}.hero-subjects{display:flex;gap:.15rem;justify-content:space-between;margin:1rem 0 0;border-bottom:1px solid rgba(255,255,255,.2)}.hero-subject{position:relative;flex:1;border:0;padding:.45rem .2rem .65rem;color:#d8cad9;background:transparent;cursor:pointer;font:500 .56rem "DM Mono",monospace;text-transform:uppercase;transition:color .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.hero-subject::after{content:"";position:absolute;right:.3rem;bottom:0;left:.3rem;height:2px;background:#e9c5a4;transform:scaleX(0);transition:transform .4s cubic-bezier(.22,1,.36,1)}.hero-subject:hover,.hero-subject.active{color:white;transform:translateY(-2px)}.hero-subject.active::after{transform:scaleX(1)}.focus-description{margin:.9rem 0 0 !important;font:500 .68rem/1.65 Manrope !important}.console-card{transition:opacity .42s ease,transform .48s cubic-bezier(.22,1,.36,1)}.console-card.is-leaving{opacity:0}.console-card.is-entering{opacity:0}.progress-track i{transition:width .55s cubic-bezier(.22,1,.36,1)}.subject-grid{isolation:isolate;perspective:1000px}.subject-card{overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,filter .35s ease,opacity .35s ease}.subject-grid:has(.subject-card:hover) .subject-card:not(:hover){opacity:.7;transform:translateY(-2px)}.subject-card:hover{z-index:3;box-shadow:0 30px 55px rgba(46,25,49,.28)}.card-shine{display:none}.subject-symbol,.card-arrow{transition:transform .35s cubic-bezier(.22,1,.36,1)}.paper-panel{overflow:hidden}.paper-form select{cursor:pointer;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease}.paper-form select:hover,.paper-form select:focus{transform:translateY(-3px) scale(1.02);border-color:rgba(110,67,109,.5);box-shadow:0 9px 18px rgba(70,45,70,.14)}.paper-form select.is-selected{background-color:#eee3ef}.paper-result{opacity:.78;transform:translateY(4px);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease,background .4s ease}.paper-result.is-visible{opacity:1;transform:none}.paper-result.is-loading{color:#5d4a61;background:#eee4ef}.paper-result.is-found{animation:result-arrive .55s cubic-bezier(.22,1,.36,1)}@keyframes result-arrive{50%{transform:translateY(-4px) scale(1.015)}}.ai-console{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,253,249,.96),rgba(246,234,245,.92));border:1px solid rgba(110,67,109,.28);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.9);display:flex;flex-direction:column;height:100%}#ai-usage-meter{position:absolute;bottom:85px;right:20px;z-index:20;background:var(--ink);color:white;padding:8px 16px;border-radius:50px;font-size:0.65rem;font-weight:700;display:flex;align-items:center;gap:12px;box-shadow:0 8px 25px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}.energy-bar-wrap{width:60px;height:6px;background:rgba(255,255,255,0.2);border-radius:10px;overflow:hidden}.energy-bar-fill{height:100%;background:linear-gradient(90deg,var(--apricot),#ff9a9e);width:0%;transition:width 0.5s cubic-bezier(0.22,1,0.36,1)}.ai-console-head{padding:1.5rem 1.5rem 0.5rem !important}.ai-response-wrap{min-height:100px !important;padding-top:0 !important}.ai-console::before{content:"";position:absolute;width:280px;height:280px;right:-150px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(190,143,207,.25),transparent 68%);pointer-events:none}.ai-console > *{position:relative}.ai-response-wrap{flex:1;overflow-y:auto;padding:1rem 1.5rem 8rem !important;display:flex;flex-direction:column;gap:1.5rem;scroll-behavior:smooth}.typing-indicator{align-items:center;gap:5px;color:var(--muted);font-size:.74rem}.typing-indicator:not([hidden]){display:flex}.typing-indicator i{width:6px;height:6px;border-radius:50%;background:var(--plum);animation:thinking-dot 1s infinite}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes thinking-dot{50%{opacity:.35;transform:translateY(-5px)}}.ai-form{display:flex;gap:1rem;padding:1.5rem;background:var(--paper);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0;z-index:100;max-width:1100px;margin:0 auto;border-radius:12px 12px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,0.05)}.composer-tools{display:flex;gap:.35rem}.composer-tool{width:35px;height:35px;border:1px solid rgba(110,67,109,.22);border-radius:50%;color:var(--plum);background:#fff;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease}.composer-tool:hover,.composer-tool.active{color:white;background:var(--plum);transform:translateY(-3px)}.composer-tool.listening{animation:microphone-pulse 1.2s infinite}@keyframes microphone-pulse{50%{box-shadow:0 0 0 8px rgba(110,67,109,.14)}}.attachment-preview{display:flex;gap:.55rem;align-items:center;margin-bottom:.8rem;padding:.55rem .7rem;border-radius:4px;color:#534657;background:#eee4ef;font-size:.7rem}.attachment-preview button{margin-left:auto;border:0;color:var(--plum);background:none;font-size:1.1rem;cursor:pointer}.auth-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:1rem}.auth-modal[hidden]{display:none}.auth-backdrop{position:absolute;inset:0;background:rgba(16,12,20,.72);backdrop-filter:blur(7px)}.auth-dialog{position:relative;width:min(100%,430px);padding:2.3rem;color:var(--ink);background:var(--paper);box-shadow:var(--shadow);animation:modal-in .4s cubic-bezier(.22,1,.36,1)}@keyframes modal-in{from{opacity:0;transform:translateY(18px) scale(.96)}}.auth-close{position:absolute;top:1rem;right:1rem;border:0;background:transparent;font-size:1.5rem;cursor:pointer}.auth-view{display:none}.auth-view.active{display:block}.auth-view h2{margin:0 0 1.5rem;font:600 2.5rem "Playfair Display",serif}.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.4rem;font-size:.72rem;font-weight:700}.auth-form input{width:100%;border:1px solid #d9ced4;border-radius:3px;padding:.75rem;font:.8rem Manrope}.password-row{display:flex}.password-row input{border-radius:3px 0 0 3px}.toggle-password,.text-button{border:0;color:var(--plum);background:transparent;cursor:pointer;font:600 .72rem Manrope}.password-row .toggle-password{padding:0 .65rem;border:1px solid #d9ced4;border-left:0;border-radius:0 3px 3px 0}.auth-message{margin-top:1.3rem;color:var(--muted);font-size:.65rem;line-height:1.55}.auth-password-hint{margin:-.45rem 0 0;color:var(--muted);font-size:.64rem;line-height:1.5}@media (max-width:620px){.composer-tools{gap:.2rem}.composer-tool{width:32px;height:32px}.ai-form{gap:.4rem}.auth-dialog{padding:1.7rem}.subject-grid:has(.subject-card:hover) .subject-card:not(:hover){opacity:.8;transform:none}}@media (prefers-reduced-motion:reduce){.hero-spotlight,.paper-spotlight,.subject-card,.console-card,.paper-result,.composer-tool{transition:none !important;animation:none !important}}.nav-cta{appearance:none;background:transparent;color:var(--paper);cursor:pointer}.study-console{right:max(5rem,calc((100vw - 1170px) / 2 + 2rem));top:150px}.study-console{transition:filter .35s ease}.study-console:hover{filter:brightness(1.04)}.console-card{transition:opacity .42s ease,transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.study-console:hover .console-card{box-shadow:0 16px 32px rgba(0,0,0,.2)}@media (max-width:900px){.study-console{right:auto;top:auto}}.study-console{left:auto;right:max(1.25rem,calc((100vw - 1170px) / 2));width:min(350px,calc(100vw - 2.5rem));top:150px}@media (max-width:900px){.study-console{position:relative;top:auto;right:auto;left:auto;margin:4rem auto 0}}.study-console{position:absolute;top:150px;left:auto;right:clamp(1rem,2vw,2rem);width:350px;max-width:calc(100vw - 2rem);transform-origin:center right}@media (max-width:900px){.study-console{position:relative;top:auto;right:auto;left:auto;width:min(350px,100%);max-width:100%;margin:4rem auto 0;transform-origin:center}}.mobile-burger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.mobile-burger span{width:100%;height:2px;background-color:currentColor;border-radius:2px;transition:all 0.3s ease}@media (max-width:768px){.mobile-burger{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:260px;height:100vh;background:var(--ink);padding:80px 2rem 2rem;flex-direction:column;gap:1.5rem;transition:right 0.3s ease;box-shadow:-10px 0 30px rgba(0,0,0,0.2);z-index:9}.nav-links.active{right:0}.mobile-burger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-burger.active span:nth-child(2){opacity:0}.mobile-burger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-shell{padding:1rem 1.5rem}.hero{padding-top:8rem;text-align:center}.hero-actions{justify-content:center}.hero-proof{justify-content:center;flex-wrap:wrap;gap:1.5rem}.study-console{position:relative;right:auto;top:auto;width:100%;max-width:400px;margin:3rem auto 0;transform:none;animation:none}.section-heading{grid-template-columns:1fr;text-align:center}.section-heading > div{flex-direction:column;align-items:center}.subject-grid{grid-template-columns:repeat(2,1fr)}.papers{grid-template-columns:1fr;gap:3rem;text-align:center}}@media (max-width:480px){.subject-grid{grid-template-columns:1fr}.hero h1{font-size:2.8rem}}:root{--bg-soft:#f7f3ed;--card-bg:#fdfbf8;--card-border:rgba(160,140,110,0.18);--accent:#b07d47;--accent-deep:#8f5a2c;--success:#34a853;--success-bg:#ecfdf5;--error:#ea4335;--error-bg:#fef2f2;--text-primary:#2d2a24;--text-secondary:#6b6560;--text-muted:#9b958e}body{background:var(--bg-soft) !important;color:var(--text-primary) !important}.hero h1{color:#f5f0e8 !important}.hero h1 em{color:var(--apricot) !important;font-style:normal}.hero-intro{color:#c8bfb3 !important}.hero-copy .eyebrow{color:#d7c5eb !important}.hero-copy .eyebrow span{color:var(--apricot) !important}.subject-card{border-radius:30px !important;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275) !important}.subject-grid:hover .subject-card:not(:hover){filter:blur(5px);opacity:0.5;transform:scale(0.9)}.subject-card:hover{transform:scale(1.08) translateY(-10px) !important;z-index:10;box-shadow:0 20px 40px rgba(0,0,0,0.1)}.subject-card.ink{background:#1a1a1a !important;color:#fff !important}.subject-card.ink p{color:#ccc !important}.dashboard{isolation:isolate;background:var(--dash-bg,#0f0f1a);padding:100px 0 50px;position:relative;overflow:hidden;min-height:400px}.dashboard > *{position:relative;z-index:1}.dash-floating-icons{display:none}.dash-float-icon{display:none}.ai-card-premium{background:linear-gradient(135deg,rgba(124,58,237,0.15),rgba(139,92,246,0.05)) !important;border:1px solid rgba(124,58,237,0.3) !important;box-shadow:0 8px 32px rgba(124,58,237,0.1) !important}.dashboard-shell{max-width:1080px;margin:0 auto;padding:0 1.5rem}.dash-header-bubble{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:24px;padding:28px 32px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 4px 30px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.05);backdrop-filter:blur(12px);animation:dashFadeIn 0.5s ease both}@keyframes dashFadeIn{from{opacity:0}to{opacity:1}}.dash-welcome{display:flex;align-items:center;gap:14px}.dash-wave{font-size:2rem}.dash-welcome h2{margin:0;font-size:1.5rem;font-weight:800;color:#ffffff;text-shadow:0 0 20px rgba(124,58,237,0.3)}.dash-subtitle{margin:4px 0 0;color:rgba(255,255,255,0.65);font-size:0.95rem;font-weight:500}.dash-actions{display:flex;gap:10px;flex-wrap:wrap}.dash-btn{padding:10px 20px;border-radius:14px;border:none;font-weight:700;font-size:0.9rem;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);white-space:nowrap}.dash-btn:hover{transform:translateY(-2px)}.dash-btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 20px rgba(124,58,237,0.35)}.dash-btn-primary:hover{box-shadow:0 6px 30px rgba(124,58,237,0.5);transform:translateY(-2px)}.dash-btn-warm{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 20px rgba(245,158,11,0.3)}.dash-btn-warm:hover{box-shadow:0 6px 30px rgba(245,158,11,0.45);transform:translateY(-2px)}.dash-btn-outline{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.9)}.dash-btn-outline:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3)}.dash-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;animation:dashFadeIn 0.6s ease 0.1s both}@media (max-width:768px){.dash-cards-grid{grid-template-columns:repeat(2,1fr)}.dash-header-bubble{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.dash-cards-grid{grid-template-columns:1fr}}.dash-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:20px 22px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 20px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.05);backdrop-filter:blur(8px);transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s}.dash-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.18)}.dash-card.clickable{cursor:pointer}.dash-card.clickable:active{transform:translateY(-1px) scale(0.98)}.dash-card-hint{display:block;font-size:0.7rem;color:rgba(255,255,255,0.5) !important;margin-top:2px}.dash-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:popFadeIn 0.25s ease;padding:20px}@keyframes popFadeIn{from{opacity:0}to{opacity:1}}.dash-popup{background:#1a1a2e;border:1px solid rgba(124,58,237,0.3);border-radius:24px;padding:32px;max-width:480px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,0.4),0 0 40px rgba(124,58,237,0.15);animation:popSlideUp 0.3s cubic-bezier(0.34,1.56,0.64,1)}@keyframes popSlideUp{from{opacity:0;transform:translateY(24px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dash-popup-icon{font-size:2.5rem;margin-bottom:12px}.dash-popup h3{margin:0 0 8px;font-size:1.3rem;color:#ffffff}.dash-popup p{margin:0 0 12px;color:rgba(255,255,255,0.65);line-height:1.6;font-size:0.95rem}.dash-popup-value{font-size:2rem;font-weight:800;color:#a78bfa;margin:12px 0;text-shadow:0 0 20px rgba(124,58,237,0.4)}.dash-popup-close{margin-top:16px;padding:10px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-weight:700;cursor:pointer;font-size:0.95rem;transition:transform 0.15s,box-shadow 0.15s;box-shadow:0 4px 20px rgba(124,58,237,0.3)}.dash-popup-close:hover{transform:scale(1.04);box-shadow:0 6px 25px rgba(124,58,237,0.5)}.dash-card-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.dash-card-streak .dash-card-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 20px rgba(245,158,11,0.4)}.dash-card-accuracy .dash-card-icon{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 20px rgba(16,185,129,0.4)}.dash-card-kp .dash-card-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 0 20px rgba(124,58,237,0.4)}.dash-card-energy .dash-card-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 0 20px rgba(59,130,246,0.4)}.dash-card-streak:hover .dash-card-icon{box-shadow:0 0 30px rgba(245,158,11,0.6)}.dash-card-accuracy:hover .dash-card-icon{box-shadow:0 0 30px rgba(16,185,129,0.6)}.dash-card-kp:hover .dash-card-icon{box-shadow:0 0 30px rgba(124,58,237,0.6)}.dash-card-energy:hover .dash-card-icon{box-shadow:0 0 30px rgba(59,130,246,0.6)}.dash-card-body{flex:1;min-width:0}.dash-card-label{display:block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:rgba(255,255,255,0.5);margin-bottom:2px}.dash-card-value{font-size:1.4rem;font-weight:800;color:#ffffff}.dash-energy-track{height:8px;background:rgba(255,255,255,0.1);border-radius:99px;overflow:hidden;margin:6px 0 4px}.dash-energy-track i{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:99px;transition:width 0.6s ease;box-shadow:0 0 12px rgba(59,130,246,0.6);position:relative}.dash-energy-track i::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:energy-pulse 2s linear infinite}@keyframes energy-pulse{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.dash-feedback-row textarea:focus{outline:none;border-color:var(--plum) !important;box-shadow:0 0 0 3px rgba(110,67,109,0.1)}.dash-mastery-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:24px 28px;box-shadow:0 4px 30px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.05);backdrop-filter:blur(12px);animation:dashFadeIn 0.7s ease 0.2s both}.dash-section-title{margin:0 0 16px;font-size:1.1rem;font-weight:800;color:#ffffff}.dash-mastery-list{display:grid;gap:14px}.dash-mastery-row{display:flex;align-items:center;gap:12px}.dash-mastery-name{min-width:140px;font-weight:700;font-size:0.92rem;color:rgba(255,255,255,0.9)}.dash-mastery-track{flex:1;height:10px;background:rgba(255,255,255,0.08);border-radius:99px;overflow:hidden}.dash-mastery-track i{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:99px;transition:width 0.8s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 10px rgba(124,58,237,0.4)}.dash-mastery-pct{min-width:42px;text-align:right;font-size:0.95rem;font-weight:800;color:#ffffff}.guest-bubble{background:rgba(255,255,255,0.04);border:2px dashed rgba(255,255,255,0.12);border-radius:24px;padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.guest-icon{font-size:3rem}.guest-copy h2{margin:0 0 8px;font-size:1.5rem;color:#ffffff}.guest-copy p{margin:0;color:rgba(255,255,255,0.6);max-width:500px}.sa-results-card{max-width:720px;margin:0 auto}.sa-results-summary{display:flex;align-items:center;gap:32px;margin-bottom:20px;padding:24px;background:linear-gradient(135deg,#f7f3ed,#efe8de);border-radius:18px}.sa-results-score-block{text-align:center;flex-shrink:0}.sa-results-score-block .sa-result-score{font-size:2.8rem;font-weight:800;color:var(--text-primary)}.sa-results-score-block .sa-result-pct{font-size:1.6rem;font-weight:700;color:var(--accent-deep);margin:4px 0}.sa-results-score-block .sa-result-grade{font-size:0.95rem;color:var(--text-secondary)}.sa-results-stats{display:flex;gap:20px;flex:1}.sa-results-stat{text-align:center;padding:10px 16px;background:var(--card-bg);border-radius:12px;border:1px solid var(--card-border);flex:1}.sa-results-stat-num{display:block;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.sa-results-stat-label{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted)}.sa-results-section-title{margin:24px 0 12px;font-size:1rem;font-weight:800;color:var(--text-primary)}.sa-result-item{padding:14px 16px;margin:10px 0;border-radius:14px;background:var(--card-bg);border:1px solid var(--card-border)}.sa-result-wrong{border-left:4px solid var(--error)}.sa-result-written{border-left:4px solid var(--accent)}.sa-result-q{font-weight:700;color:var(--text-primary);margin-bottom:8px;display:flex;align-items:flex-start;gap:8px}.sa-result-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;flex-shrink:0;margin-top:2px}.sa-result-badge.mcq{background:#e8f2fb;color:#1f6fb2}.sa-result-badge.written{background:#fdf0e0;color:#a85d12}.sa-result-row{font-size:0.92rem;color:var(--text-secondary);margin-bottom:6px}.sa-correct-text{color:var(--success) !important}.sa-result-sol{font-size:0.88rem;color:var(--text-secondary);margin-top:6px;padding-top:6px;border-top:1px dashed var(--card-border)}.sa-result-topic{font-size:0.78rem;color:var(--text-muted);margin-top:6px}.sa-result-your-answer{margin:10px 0 6px;padding:10px 14px;background:#fef8f0;border-radius:10px;border:1px solid rgba(176,125,71,0.2)}.sa-result-solution-box{margin:8px 0 6px;padding:10px 14px;background:var(--success-bg);border-radius:10px;border:1px solid rgba(52,168,83,0.25)}.sa-result-label{display:block;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted);margin-bottom:4px}.sa-sol-label{color:var(--success) !important}.sa-result-answer-text{font-size:0.92rem;line-height:1.6;color:var(--text-primary);white-space:pre-line}.sa-sol-text{color:#1a5c2e !important}.sa-results-correct-details{margin:12px 0}.sa-results-correct-details summary{cursor:pointer;font-weight:700;font-size:0.92rem;color:var(--success);padding:8px 0}.sa-results-correct-list{padding:4px 0}.sa-result-correct-mini{font-size:0.85rem;color:var(--text-secondary);padding:4px 8px}.sa-written-box{margin:16px 0}.sa-written-label{display:block;font-weight:700;font-size:0.85rem;color:var(--accent-deep);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.04em}.sa-written-input{width:100%;min-height:130px;padding:14px 16px;border:2px solid var(--card-border);border-radius:14px;background:var(--card-bg);font-family:inherit;font-size:0.98rem;color:var(--text-primary);line-height:1.6;resize:vertical;transition:border-color 0.2s,box-shadow 0.2s}.sa-written-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(176,125,71,0.15)}.sa-written-input::placeholder{color:var(--text-muted)}.sa-written-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.sa-written-saved{font-size:0.82rem;color:var(--success);font-weight:600}.sa-mistake-item.sa-correct-item{border-left:4px solid var(--success)}.paper-result.is-found{background:var(--card-bg) !important;color:var(--text-primary) !important;padding:40px !important;border:1px solid var(--card-border)}.pv-correct{background:var(--success-bg) !important;border:1px solid var(--success) !important}#sa-open-quiz{position:fixed;right:22px;bottom:22px;z-index:900;padding:14px 28px;border:none;border-radius:999px;cursor:pointer;font-weight:700;font-size:0.95rem;color:#fff;background:linear-gradient(135deg,#b07d47,#8f5a2c);box-shadow:0 8px 24px rgba(120,70,30,0.35);transition:transform 0.2s,box-shadow 0.2s}#sa-open-quiz:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(120,70,30,0.45)}.sa-section{display:none;max-width:880px;margin:40px auto 60px;padding:0 22px}.sa-section.sa-open{display:block;animation:dashFadeIn 0.4s ease}.sa-tabs{display:flex;gap:8px;margin-bottom:22px}.sa-tab{flex:1;padding:14px;border:1px solid rgba(255,255,255,0.3) !important;border-radius:14px;background:rgba(255,255,255,0.1) !important;backdrop-filter:blur(8px);cursor:pointer;font-weight:700;font-size:0.95rem;color:#1a1714 !important;transition:all 0.25s}.sa-tab:hover{border-color:var(--accent);color:var(--accent-deep)}.sa-tab-active{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(143,90,44,0.25)}.sa-card{background:rgba(255,255,255,0.15) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:20px;padding:28px;box-shadow:0 8px 32px rgba(0,0,0,0.1) !important}.sa-card h3{margin:0 0 8px;color:var(--text-primary);font-size:1.4rem;font-weight:800}.sa-sub{margin:0 0 18px;color:var(--text-secondary);font-size:0.92rem}.sa-form-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}.sa-form-row > div{flex:1;min-width:140px}.sa-form-row label{display:block;font-weight:700;color:var(--text-secondary);margin-bottom:6px;font-size:0.82rem;text-transform:uppercase;letter-spacing:0.04em}.sa-form-row select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,0.3) !important;font-size:0.95rem;background:rgba(255,255,255,0.2) !important;backdrop-filter:blur(4px);color:#1a1714 !important;transition:border-color 0.2s}.sa-form-row select:focus{outline:none;border-color:var(--accent)}.sa-btn{padding:14px 30px;border:none;border-radius:14px;cursor:pointer;font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-deep));transition:all 0.25s;box-shadow:0 4px 14px rgba(143,90,44,0.2)}.sa-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(143,90,44,0.3)}.sa-btn:disabled{opacity:0.55;cursor:wait;transform:none}.sa-btn-ghost{background:transparent;border:2px solid var(--accent);color:var(--accent-deep)}.sa-btn-ghost:hover{background:var(--accent);color:#fff}.sa-btn-small{padding:6px 14px;font-size:0.82rem}.sa-btn-start{width:100%}.sa-quiz-card{margin-top:10px;background:transparent !important;border:none !important;box-shadow:none !important}.sa-quiz-head{margin-bottom:16px}.sa-quiz-progress{height:8px;background:rgba(201,168,124,0.18);border-radius:999px;overflow:hidden;margin-bottom:10px}.sa-quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-deep));border-radius:999px;transition:width 0.4s ease}.sa-quiz-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sa-quiz-meta > span{font-size:0.85rem;color:var(--text-secondary);font-weight:600}.sa-badge{padding:4px 12px;border-radius:999px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.sa-badge-mcq{background:#e8f2fb;color:#1f6fb2}.sa-badge-short{background:#eaf7ea;color:#2e7d32}.sa-badge-long{background:#fdf0e0;color:#a85d12}.sa-badge-written{background:#fdf0e0;color:#a85d12}.sa-quiz-question{font-size:1.15rem;line-height:1.7;color:var(--text-primary);margin-bottom:10px;font-weight:500}.sa-qnum{font-weight:800;color:var(--accent-deep)}.sa-q-topic{font-size:0.82rem;color:var(--text-muted);margin-bottom:18px}.sa-opts{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.sa-opt{text-align:left;padding:14px 18px;border:1px solid rgba(255,255,255,0.3) !important;border-radius:14px;background:rgba(255,255,255,0.1) !important;backdrop-filter:blur(8px);cursor:pointer;font-size:0.98rem;color:#1a1714 !important;transition:all 0.25s;display:flex;align-items:center;gap:8px}.sa-opt:hover{border-color:var(--accent);transform:translateX(6px);background:#fdfbf8}.sa-opt:disabled{pointer-events:none;opacity:1}.sa-opt-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(176,125,71,0.1);font-weight:800;font-size:0.85rem;color:var(--accent-deep);flex-shrink:0}.sa-written-box{margin:16px 0}.sa-written-label{display:block;font-weight:700;font-size:0.82rem;color:var(--accent-deep);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.04em}.sa-written-input{width:100%;min-height:120px;padding:14px 16px;border:2px solid var(--card-border);border-radius:14px;background:var(--card-bg);font-family:inherit;font-size:0.96rem;color:var(--text-primary);line-height:1.6;resize:vertical;transition:border-color 0.2s,box-shadow 0.2s}.sa-written-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(176,125,71,0.12)}.sa-written-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.sa-written-saved{font-size:0.82rem;color:var(--success);font-weight:600}.sa-quiz-nav{display:flex;gap:12px;justify-content:space-between;margin-top:24px;align-items:center}.sa-btn-finish{background:#fdf0e0 !important;color:#a85d12 !important;border:1px solid rgba(168,93,18,0.2) !important}.sa-btn-finish:hover{background:#fae6cf !important;transform:translateY(-2px)}.sa-results-card{max-width:720px;margin:0 auto}.sa-results-summary{display:flex;align-items:center;gap:32px;margin-bottom:20px;padding:28px;background:linear-gradient(135deg,#f7f3ed,#efe8de);border-radius:18px}.sa-results-score-block{text-align:center;flex-shrink:0}.sa-result-score{font-size:2.8rem;font-weight:800;color:var(--text-primary)}.sa-result-pct{font-size:1.6rem;font-weight:700;color:var(--accent-deep);margin:4px 0}.sa-result-grade{font-size:0.95rem;color:var(--text-secondary)}.sa-results-stats{display:flex;gap:20px;flex:1}.sa-results-stat{text-align:center;padding:12px 16px;background:var(--card-bg);border-radius:14px;border:1px solid var(--card-border);flex:1}.sa-results-stat-num{display:block;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.sa-results-stat-label{font-size:0.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.sa-results-section-title{margin:24px 0 12px;font-size:1rem;font-weight:800;color:var(--text-primary)}.sa-result-item{padding:14px 16px;margin:10px 0;border-radius:14px;background:var(--card-bg);border:1px solid var(--card-border)}.sa-result-wrong{border-left:4px solid var(--error)}.sa-result-written{border-left:4px solid var(--accent)}.sa-result-q{font-weight:700;color:var(--text-primary);margin-bottom:8px}.sa-result-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:0.68rem;font-weight:700;text-transform:uppercase;margin-right:6px}.sa-result-badge.mcq{background:#e8f2fb;color:#1f6fb2}.sa-result-badge.written{background:#fdf0e0;color:#a85d12}.sa-result-row{font-size:0.92rem;color:var(--text-secondary);margin-bottom:6px}.sa-correct-text{color:var(--success) !important;font-weight:800}.sa-result-sol{font-size:0.88rem;color:var(--text-secondary);margin-top:6px;padding-top:6px;border-top:1px dashed var(--card-border)}.sa-result-your-answer{margin:10px 0 6px;padding:12px 14px;background:#fef8f0;border-radius:12px;border:1px solid rgba(176,125,71,0.2)}.sa-result-solution-box{margin:8px 0 6px;padding:12px 14px;background:var(--success-bg);border-radius:12px;border:1px solid rgba(52,168,83,0.25)}.sa-result-label{display:block;font-size:0.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.sa-sol-label{color:var(--success) !important}.sa-result-answer-text{font-size:0.92rem;line-height:1.6;color:var(--text-primary);white-space:pre-line}.sa-sol-text{color:#1a5c2e !important}.sa-mistake{padding:14px 16px;border-left:4px solid var(--error);background:#fdf7f4;border-radius:0 12px 12px 0;margin:12px 0}.sa-mistake-q{font-weight:700;color:var(--text-primary);margin-bottom:6px}.sa-mistake-sol{font-size:0.9rem;color:var(--text-secondary);line-height:1.55}.sa-dash-streak{padding:14px;background:#fdf0e0;border-radius:14px;margin-bottom:18px;color:#7a5520;font-size:0.98rem}.sa-dash-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.sa-dash-name{font-weight:700;color:var(--text-primary);min-width:110px}.sa-dash-tries{font-size:0.8rem;color:var(--text-muted)}.sa-dash-acc{font-weight:800;color:var(--accent-deep);min-width:48px;text-align:right}.sa-spinner{width:34px;height:34px;border:4px solid rgba(176,125,71,0.2);border-top-color:var(--accent-deep);border-radius:50%;animation:sa-spin 0.8s linear infinite;margin:18px auto}@keyframes sa-spin{to{transform:rotate(360deg)}}#sa-toasts{position:fixed;top:20px;right:20px;z-index:9999999 !important;display:flex;flex-direction:column;gap:10px}.sa-toast{padding:14px 20px;border-radius:14px;color:#fff;font-weight:600;font-size:0.95rem;box-shadow:0 8px 24px rgba(0,0,0,0.18);animation:sa-toast-in 0.3s ease;max-width:320px}.sa-toast-success{background:#15803d !important;border:1px solid rgba(255,255,255,0.2)}.sa-toast-error{background:#b91c1c !important;border:1px solid rgba(255,255,255,0.2)}.sa-toast-info{background:#1d4ed8 !important;border:1px solid rgba(255,255,255,0.2)}.sa-toast-warning{background:#b45309 !important;border:1px solid rgba(255,255,255,0.2)}.sa-toast-hide{opacity:0;transform:translateX(40px);transition:all 0.35s}.sa-toast.active{opacity:1;transform:translateX(0)}@keyframes sa-toast-in{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}@media (max-width:640px){.sa-form-row{flex-direction:column;gap:10px}.sa-tabs{flex-direction:column}.sa-results-summary{flex-direction:column;gap:16px}}.fun-float-text{position:absolute;bottom:0;color:rgba(255,255,255,0.08);font-size:0.85rem;font-weight:700;letter-spacing:0.05em;text-transform:lowercase;white-space:nowrap;pointer-events:none;z-index:0;animation:floatTextUp linear forwards}@keyframes floatTextUp{0%{transform:translateY(0) rotate(-2deg);opacity:0}10%{opacity:0.12}80%{opacity:0.08}100%{transform:translateY(-85vh) rotate(3deg);opacity:0}}.sa-opt.sa-correct-locked{border:2.5px solid #22c55e !important;background:linear-gradient(135deg,rgba(34,197,94,0.08),rgba(34,197,94,0.15)) !important;box-shadow:0 0 0 4px rgba(34,197,94,0.15),0 4px 16px rgba(34,197,94,0.2);animation:correctPop 0.4s cubic-bezier(0.34,1.56,0.64,1) both}@keyframes correctPop{0%{transform:scale(0.95)}50%{transform:scale(1.03)}100%{transform:scale(1)}}.sa-opt.sa-wrong-locked{border:2.5px solid #ef4444 !important;background:linear-gradient(135deg,rgba(239,68,68,0.06),rgba(239,68,68,0.12)) !important;box-shadow:0 0 0 4px rgba(239,68,68,0.12),0 4px 16px rgba(239,68,68,0.15);animation:wrongShake 0.5s ease both}@keyframes wrongShake{0%,100%{transform:translateX(0)}15%{transform:translateX(-8px)}30%{transform:translateX(8px)}45%{transform:translateX(-6px)}60%{transform:translateX(6px)}75%{transform:translateX(-2px)}90%{transform:translateX(2px)}}.sa-opt.sa-disabled{opacity:0.5;pointer-events:none}.sa-correct-badge{display:inline-block;background:#22c55e;color:#fff;font-size:0.68rem;font-weight:800;padding:2px 8px;border-radius:999px;margin-left:8px;text-transform:uppercase;letter-spacing:0.04em;animation:badgePop 0.3s ease 0.2s both}.sa-wrong-badge{display:inline-block;background:#ef4444;color:#fff;font-size:0.68rem;font-weight:800;padding:2px 8px;border-radius:999px;margin-left:8px;text-transform:uppercase;letter-spacing:0.04em;animation:badgePop 0.3s ease 0.2s both}@keyframes badgePop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.sa-opt-letter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:rgba(176,125,71,0.1);font-weight:800;font-size:0.85rem;color:var(--accent-deep,#8f5a2c);flex-shrink:0;transition:all 0.25s}.sa-opt.sa-correct-locked .sa-opt-letter{background:#22c55e;color:#fff;box-shadow:0 0 10px rgba(34,197,94,0.4)}.sa-opt.sa-wrong-locked .sa-opt-letter{background:#ef4444;color:#fff;box-shadow:0 0 10px rgba(239,68,68,0.3)}.sa-opt-text{flex:1}.paper-result-full{max-width:100% !important;margin:20px 0 !important;padding:0 !important}.paper-viewer-full{width:100%}.paper-viewer-full .pv-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,var(--accent,#b07d47),var(--accent-deep,#8f5a2c));border-radius:16px 16px 0 0;color:#fff}.paper-viewer-full .pv-header h4{margin:0;color:#fff;font-size:1.1rem}.paper-viewer-full .pv-count{font-size:0.8rem;background:rgba(255,255,255,0.2);padding:4px 12px;border-radius:20px;font-weight:600}.paper-viewer-full .paper-viewer-section{padding:20px 24px;background:var(--card-bg,#fdfbf8)}.paper-viewer-full .paper-viewer-section h5{margin:0 0 16px;font-size:1rem;font-weight:800;color:var(--accent-deep,#8f5a2c);text-transform:uppercase;letter-spacing:0.04em}.pv-question{padding:16px 0;border-bottom:1px solid var(--card-border,rgba(160,140,110,0.12))}.pv-question:last-child{border-bottom:none}.pv-stem{margin:0 0 10px;line-height:1.6;color:#1a1714;font-size:0.98rem}.pv-options{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.pv-option{text-align:left;padding:10px 14px;border:1.5px solid var(--card-border,rgba(160,140,110,0.15));border-radius:10px;background:#fff;cursor:default;font-size:0.92rem;color:#1a1714 !important;transition:all 0.2s}.pv-option.pv-correct{border-color:#22c55e;background:#dcfce7;color:#14532d !important}.pv-correct-badge{display:inline-block;background:#16a34a;color:#fff;font-size:0.65rem;font-weight:700;padding:2px 10px;border-radius:999px;margin-left:8px}.pv-solution{margin-top:8px;padding:10px 14px;background:rgba(34,197,94,0.05);border-radius:10px;border-left:3px solid #22c55e}.pv-solution-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:#22c55e;margin-bottom:4px}.pv-solution-body{font-size:0.9rem;color:#2d2a24;line-height:1.5}.sa-results-card{animation:dashFadeIn 0.5s ease both}.sa-results-summary{display:flex;align-items:center;gap:32px;margin-bottom:24px;padding:28px;background:linear-gradient(135deg,#f7f3ed,#efe8de);border-radius:18px;border:1px solid var(--card-border,rgba(160,140,110,0.15))}.sa-results-score-block{text-align:center;flex-shrink:0}.sa-result-score{font-size:3rem;font-weight:800;color:var(--accent-deep,#8f5a2c);line-height:1}.sa-result-grade{font-size:1rem;font-weight:600;color:var(--text-secondary,#6b6560);margin-top:4px}.sa-results-stats{display:flex;gap:16px;flex:1}.sa-results-stat{text-align:center;padding:12px 16px;background:var(--card-bg,#fff);border-radius:12px;border:1px solid var(--card-border,rgba(160,140,110,0.12));flex:1}.sa-results-stat-num{display:block;font-size:1.6rem;font-weight:800;line-height:1.2}.sa-stat-mcq{color:#22c55e}.sa-stat-written{color:#3b82f6}.sa-stat-wrong{color:#ef4444}.sa-results-stat-label{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted,#9b958e);margin-top:2px}.sa-results-section-title{margin:24px 0 12px;font-size:1rem;font-weight:800;color:var(--text-primary,#2d2a24)}.sa-mistakes-list{display:flex;flex-direction:column;gap:12px}.sa-mistake-item{padding:14px 18px;border-radius:12px;border-left:4px solid #ef4444;background:rgba(239,68,68,0.04)}.sa-mistake-q{font-weight:600;color:var(--text-primary,#2d2a24);margin-bottom:6px;line-height:1.5}.sa-mistake-row{display:flex;gap:20px;font-size:0.88rem}.sa-mistake-yours{color:#ef4444;font-weight:600}.sa-mistake-correct{color:#22c55e;font-weight:600}.sa-mistake-sol{margin-top:6px;font-size:0.85rem;color:var(--text-secondary,#6b6560);line-height:1.5}.sa-written-result{padding:14px 18px;border-radius:12px;margin-bottom:10px}.sa-written-result.sa-written-ok{border-left:4px solid #22c55e;background:rgba(34,197,94,0.04)}.sa-written-result.sa-written-wrong{border-left:4px solid #ef4444;background:rgba(239,68,68,0.04)}.sa-written-result-q{font-weight:600;color:var(--text-primary,#2d2a24);margin-bottom:8px}.sa-written-result-row{display:flex;gap:16px}.sa-written-result-col{flex:1}.sa-written-label-sm{display:block;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:4px}.sa-written-result:first-child .sa-written-label-sm{color:#ef4444}.sa-written-result:last-child .sa-written-label-sm{color:#22c55e}.sa-written-answer{padding:8px 12px;background:rgba(255,255,255,0.8);border-radius:8px;font-size:0.9rem;color:var(--text-primary,#2d2a24);line-height:1.5}.sa-written-solution{background:rgba(34,197,94,0.08);border-left:2px solid #22c55e}.sa-loading{text-align:center;padding:40px}.sa-spinner{width:36px;height:36px;border:3px solid var(--card-border,rgba(160,140,110,0.2));border-top-color:var(--accent,#b07d47);border-radius:50%;margin:0 auto 12px;animation:saSpin 0.8s linear infinite}@keyframes saSpin{to{transform:rotate(360deg)}}.sa-marks{font-size:0.8rem;color:var(--text-muted,#9b958e);font-weight:600}.sa-quiz-counter{font-weight:700;color:var(--text-primary,#2d2a24)}.sa-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sa-progress-item{padding:12px;background:rgba(255,255,255,0.6);border-radius:10px;border:1px solid var(--card-border,rgba(160,140,110,0.12))}.sa-progress-label{display:block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted,#9b958e);margin-bottom:4px}.sa-progress-value{display:block;font-size:1.3rem;font-weight:800;color:var(--accent-deep,#8f5a2c)}.sa-float-btn{position:fixed;bottom:24px;right:24px;padding:14px 28px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent,#b07d47),var(--accent-deep,#8f5a2c));color:#fff;font-weight:700;font-size:0.95rem;cursor:pointer;box-shadow:0 4px 20px rgba(143,90,44,0.3);z-index:100;transition:all 0.3s}.sa-float-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(143,90,44,0.4)}body{background:#f7f3ed !important;color:#2d2a24 !important}:root{--accent:#b07d47;--accent-deep:#8f5a2c;--card-bg:#fdfbf8;--card-border:rgba(160,140,110,0.15);--text-primary:#1a1714;--text-secondary:#4a4540;--text-muted:#8a847d;--success:#22c55e;--error:#ef4444;--bg-soft:#f7f3ed}.site-header{background:#1a1714 !important;border-bottom:1px solid rgba(176,125,71,0.15) !important}.site-header a,.site-header .brand span{color:#f5f0e8 !important}body.light-mode .site-header a,body.light-mode .site-header .brand,body.light-mode .site-header .brand span,body.light-mode .site-header .brand span span{color:#1e1b4b !important}.site-header a:hover{color:var(--accent) !important}.button-primary,.sa-btn{background:linear-gradient(135deg,#b07d47,#8f5a2c) !important;color:#fff !important}.button-primary:hover,.sa-btn:hover{box-shadow:0 6px 20px rgba(143,90,44,0.35) !important}.sa-section{background:transparent}.sa-card{background:var(--card-bg) !important;border:1px solid var(--card-border) !important;box-shadow:0 4px 20px rgba(60,40,20,0.05) !important;color:var(--text-primary) !important}.sa-card h3{color:var(--text-primary) !important}.sa-sub{color:var(--text-secondary) !important}.sa-quiz-question{color:var(--text-primary) !important}.sa-qnum{color:var(--accent-deep) !important;font-weight:800}.sa-q-topic{color:var(--text-muted) !important}.sa-tab{background:var(--card-bg) !important;border:2px solid var(--card-border) !important;color:var(--text-secondary) !important}.sa-tab-active{background:linear-gradient(135deg,#b07d47,#8f5a2c) !important;color:#fff !important;border-color:transparent !important}.sa-btn-ghost{background:transparent !important;border:2px solid var(--accent) !important;color:var(--accent-deep) !important}.sa-form-row select{background:#fff !important;color:var(--text-primary) !important;border-color:var(--card-border) !important}.sa-form-row select:focus{border-color:var(--accent) !important}.sa-form-row label{color:var(--text-secondary) !important}.sa-written-input{background:#fff !important;color:var(--text-primary) !important;border-color:var(--card-border) !important}.sa-written-label{color:var(--accent-deep) !important}.sa-opt{border-color:var(--card-border) !important;color:var(--text-primary) !important;background:var(--card-bg) !important}.sa-opt:hover:not(:disabled){border-color:var(--accent) !important;background:#fdfbf8 !important}.hero h1{color:#f5f0e8 !important}.hero h1 em{color:#efb883 !important;font-style:normal}.hero-intro{color:#c8bfb3 !important}.hero-copy .eyebrow{color:#d7c5eb !important}.hero-copy .eyebrow span{color:#efb883 !important}#paper-panel{color:var(--text-primary)}#paper-panel label{color:var(--text-secondary)}#paper-panel select{color:var(--text-primary);background:#fff;border-color:var(--card-border)}#paper-panel button{background:linear-gradient(135deg,#b07d47,#8f5a2c);color:#fff}.dash-theme-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 20px;position:relative;z-index:5;padding:10px 24px;background:rgba(255,255,255,0.08);border-radius:999px;border:1px solid rgba(255,255,255,0.12);backdrop-filter:blur(8px);width:fit-content;position:relative;z-index:5}.dash-theme-label{font-size:0.72rem;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-right:4px}.dash-theme-dot{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s ease}.dash-theme-dot:hover{transform:scale(1.3);border-color:#fff}.dash-theme-dot.active{border-color:#fff;transform:scale(1.4);box-shadow:0 0 16px rgba(255,255,255,0.4)}.dash-theme-dot[data-theme="midnight"]{background:#7c3aed}.dash-theme-dot[data-theme="aurora"]{background:#10b981}.dash-theme-dot[data-theme="sunset"]{background:#f97316}.dash-theme-dot[data-theme="ocean"]{background:#06b6d4}.dash-theme-dot[data-theme="forest"]{background:#22c55e}.dashboard-section[data-theme="midnight"]{--dash-bg:#0c0c1d;--dash-accent1:rgba(168,85,247,0.3);--dash-accent2:rgba(99,102,241,0.2);--dash-accent3:rgba(14,165,233,0.15);--dash-accent4:rgba(168,85,247,0.1);--dash-glow:rgba(168,85,247,0.5);--dash-card-bg:rgba(255,255,255,0.06);--dash-card-border:rgba(255,255,255,0.1);--dash-text:#ffffff;--dash-text-dim:rgba(255,255,255,0.55)}.dashboard-section[data-theme="aurora"]{--dash-bg:#031a12;--dash-accent1:rgba(16,185,129,0.35);--dash-accent2:rgba(34,197,94,0.25);--dash-accent3:rgba(20,184,166,0.2);--dash-accent4:rgba(52,211,153,0.15);--dash-glow:rgba(16,185,129,0.5);--dash-card-bg:rgba(255,255,255,0.06);--dash-card-border:rgba(16,185,129,0.15);--dash-text:#ecfdf5;--dash-text-dim:rgba(16,185,129,0.55)}.dashboard-section[data-theme="sunset"]{--dash-bg:#1c0a02;--dash-accent1:rgba(249,115,22,0.35);--dash-accent2:rgba(239,68,68,0.25);--dash-accent3:rgba(251,146,60,0.2);--dash-accent4:rgba(245,158,11,0.15);--dash-glow:rgba(249,115,22,0.5);--dash-card-bg:rgba(255,255,255,0.06);--dash-card-border:rgba(249,115,22,0.15);--dash-text:#fff7ed;--dash-text-dim:rgba(249,115,22,0.55)}.dashboard-section[data-theme="ocean"]{--dash-bg:#020e1e;--dash-accent1:rgba(6,182,212,0.35);--dash-accent2:rgba(59,130,246,0.25);--dash-accent3:rgba(99,102,241,0.2);--dash-accent4:rgba(34,211,238,0.15);--dash-glow:rgba(6,182,212,0.5);--dash-card-bg:rgba(255,255,255,0.06);--dash-card-border:rgba(6,182,212,0.15);--dash-text:#ecfeff;--dash-text-dim:rgba(6,182,212,0.55)}.dashboard-section[data-theme="rose"]{--dash-bg:#1a0510;--dash-accent1:rgba(244,63,94,0.35);--dash-accent2:rgba(236,72,153,0.25);--dash-accent3:rgba(251,113,133,0.2);--dash-accent4:rgba(244,114,182,0.15);--dash-glow:rgba(244,63,94,0.5);--dash-card-bg:rgba(255,255,255,0.06);--dash-card-border:rgba(244,63,94,0.15);--dash-text:#fff1f2;--dash-text-dim:rgba(244,63,94,0.55)}.dashboard-section[data-theme="forest"]{--dash-bg:#041408;--dash-accent1:rgba(34,197,94,0.35);--dash-accent2:rgba(132,204,22,0.25);--dash-accent3:rgba(22,163,74,0.2);--dash-accent4:rgba(74,222,128,0.15);--dash-glow:rgba(34,197,94,0.5);--dash-card-bg:rgba(255,255,255,0.06);--dash-card-border:rgba(34,197,94,0.15);--dash-text:#f0fdf4;--dash-text-dim:rgba(34,197,94,0.55)}.dashboard-section{transition:background 1.2s ease;background:var(--dash-bg,#0f0f1a)}.dashboard-section .dash-header-bubble,.dashboard-section .dash-card,.dashboard-section .dash-mastery-card,.dashboard-section .guest-bubble{transition:background 1.2s ease,border-color 1.2s ease,box-shadow 1.2s ease}.dashboard-section .dash-header-bubble{background:var(--dash-card-bg,rgba(255,255,255,0.06));border-color:var(--dash-card-border,rgba(255,255,255,0.1))}.dashboard-section .dash-card{background:var(--dash-card-bg,rgba(255,255,255,0.06));border-color:var(--dash-card-border,rgba(255,255,255,0.1))}.dashboard-section .dash-mastery-card{background:var(--dash-card-bg,rgba(255,255,255,0.06));border-color:var(--dash-card-border,rgba(255,255,255,0.1))}.dashboard-section .dash-welcome h2{color:var(--dash-text,#fff)}.dashboard-section .dash-subtitle{color:rgba(255,255,255,0.75) !important}.dashboard-section .dash-card-label{color:rgba(255,255,255,0.85) !important}.dashboard-section .dash-card-value{color:var(--dash-text,#fff)}.dashboard-section .dash-section-title{color:#fff !important}.dashboard-section .dash-mastery-name{color:rgba(255,255,255,0.9) !important}.dashboard-section .dash-mastery-pct{color:rgba(255,255,255,0.85) !important}.dashboard-section .guest-bubble{border-color:var(--dash-card-border,rgba(255,255,255,0.1))}.sa-count-row{display:flex;gap:8px;align-items:center}.sa-custom-count{width:80px;padding:10px 12px;border:2px solid var(--card-border);border-radius:10px;font-size:0.95rem;font-weight:600;color:var(--text-primary);background:#fff;transition:border-color 0.2s}.sa-custom-count:focus{outline:none;border-color:var(--accent)}.sa-results-correct-details{margin:16px 0}.sa-results-correct-details summary{cursor:pointer;font-weight:700;font-size:0.95rem;color:var(--success);padding:8px 0}.sa-results-correct-list{padding:4px 0}.sa-correct-item{padding:6px 0;font-size:0.9rem;color:var(--text-secondary);border-bottom:1px solid var(--card-border)}.user-greeting{position:relative}.user-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#1a1714;border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:8px;min-width:160px;box-shadow:0 8px 30px rgba(0,0,0,0.4);z-index:100}.user-menu[hidden]{display:none}.user-menu a,.user-menu button{display:block;width:100%;text-align:left;padding:8px 14px;border:none;background:none;color:#f5f0e8;font-size:0.85rem;font-weight:500;border-radius:8px;cursor:pointer;text-decoration:none;transition:background 0.2s}.user-menu a:hover,.user-menu button:hover{background:rgba(255,255,255,0.1)}.dash-popup-desc{color:rgba(255,255,255,0.85) !important;font-size:0.92rem;line-height:1.6}.dash-popup-tip{color:rgba(255,255,255,0.6) !important;font-size:0.82rem;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.1)}.dashboard[data-theme="midnight"]{background:#0d0b24}.dashboard[data-theme="aurora"]{background:#071a12}.dashboard[data-theme="sunset"]{background:#1c0e06}.dashboard[data-theme="ocean"]{background:#050508}.dashboard[data-theme="forest"]{background:#081e0e}.dashboard::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;transition:background 1.2s ease}.dashboard[data-theme="midnight"]::before{background:radial-gradient(ellipse 900px 600px at 20% 30%,rgba(139,92,246,0.35) 0%,transparent 60%),radial-gradient(ellipse 700px 500px at 80% 70%,rgba(99,102,241,0.25) 0%,transparent 60%);animation:dashGlow 12s ease-in-out infinite}.dashboard[data-theme="aurora"]::before{background:radial-gradient(ellipse 900px 600px at 15% 25%,rgba(16,185,129,0.35) 0%,transparent 60%),radial-gradient(ellipse 700px 500px at 75% 65%,rgba(34,197,94,0.25) 0%,transparent 60%);animation:dashGlow 14s ease-in-out infinite}.dashboard[data-theme="sunset"]::before{background:radial-gradient(ellipse 900px 600px at 18% 28%,rgba(249,115,22,0.35) 0%,transparent 60%),radial-gradient(ellipse 700px 500px at 78% 62%,rgba(251,146,60,0.25) 0%,transparent 60%);animation:dashGlow 10s ease-in-out infinite}.dashboard[data-theme="ocean"]::before{background:radial-gradient(ellipse 900px 600px at 22% 32%,rgba(60,70,130,0.12) 0%,transparent 60%),radial-gradient(ellipse 700px 500px at 72% 58%,rgba(100,110,180,0.08) 0%,transparent 60%);animation:dashGlow 20s ease-in-out infinite}.dashboard[data-theme="rose"]::before{background:radial-gradient(ellipse 900px 600px at 24% 34%,rgba(244,63,94,0.35) 0%,transparent 60%),radial-gradient(ellipse 700px 500px at 76% 56%,rgba(236,72,153,0.25) 0%,transparent 60%);animation:dashGlow 13s ease-in-out infinite}.dashboard[data-theme="forest"]::before{background:radial-gradient(ellipse 900px 600px at 16% 26%,rgba(34,197,94,0.35) 0%,transparent 60%),radial-gradient(ellipse 700px 500px at 80% 64%,rgba(132,204,22,0.25) 0%,transparent 60%);animation:dashGlow 15s ease-in-out infinite}@keyframes dashGlow{0%{opacity:0.35;transform:scale(1)}50%{opacity:0.55;transform:scale(1.02)}100%{opacity:0.35;transform:scale(1)}}.dashboard > *{position:relative;z-index:1}.dash-particles-old{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.dash-bg-blob,.dash-star,.dash-ripple,.dash-drop,.dash-orb,.dash-streak,.dash-spark,.dash-petal,.dash-leaf,.dash-pollen{position:absolute;pointer-events:none;will-change:transform,opacity}.dash-bg-blob{border-radius:50%}@keyframes auroraDrift{0%{transform:translate(0,0) scale(1) rotate(0deg);opacity:0.45}33%{transform:translate(50px,-30px) scale(1.1) rotate(5deg);opacity:0.7}66%{transform:translate(-35px,25px) scale(0.9) rotate(-3deg);opacity:0.5}100%{transform:translate(0,0) scale(1) rotate(0deg);opacity:0.45}}.dash-star{border-radius:50%;background:rgba(255,255,255,0.6)}@keyframes twinkle{0%,100%{opacity:0.15;transform:scale(0.85)}50%{opacity:0.95;transform:scale(1.15)}}.dash-ripple{width:20px;height:20px;border:2px solid rgba(52,211,153,0.3);border-radius:50%;transform:translate(-50%,-50%) scale(0)}@keyframes rippleExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:0.7;border-color:rgba(52,211,153,0.6)}50%{transform:translate(-50%,-50%) scale(6);opacity:0.35;border-color:rgba(16,185,129,0.3)}100%{transform:translate(-50%,-50%) scale(14);opacity:0;border-color:rgba(16,185,129,0.02)}}.dash-drop{border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;opacity:0}@keyframes waterFall{0%{transform:translateY(-10vh) translateX(0);opacity:0}8%{opacity:0.55}30%{transform:translateY(30vh) translateX(15px);opacity:0.45}60%{transform:translateY(60vh) translateX(-12px);opacity:0.35}92%{opacity:0.2}100%{transform:translateY(105vh) translateX(8px);opacity:0}}.dash-orb{border-radius:50%;opacity:0}@keyframes orbRise{0%{transform:translateY(100vh) translateX(0) scale(0.3);opacity:0}5%{opacity:0.7}30%{transform:translateY(60vh) translateX(20px) scale(0.8);opacity:0.6}60%{transform:translateY(30vh) translateX(-15px) scale(1);opacity:0.5}85%{opacity:0.3}100%{transform:translateY(-10vh) translateX(10px) scale(0.5);opacity:0}}.dash-streak{left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(245,158,11,0.15) 20%,rgba(249,115,22,0.2) 50%,rgba(245,158,11,0.15) 80%,transparent 100%);border-radius:999px}@keyframes streakDrift{0%{transform:translateX(-25%) scaleX(0.7);opacity:0.25}50%{transform:translateX(15%) scaleX(1.1);opacity:0.5}100%{transform:translateX(25%) scaleX(0.8);opacity:0.3}}.dash-spark{border-radius:50%}@keyframes sparkle{0%,100%{opacity:0;transform:scale(0.2)}20%{opacity:0.85;transform:scale(1.2)}40%{opacity:0.3;transform:scale(0.6)}60%{opacity:0.75;transform:scale(1.05)}80%{opacity:0.15;transform:scale(0.4)}}.dash-petal{width:10px;height:14px;background:radial-gradient(ellipse at 30% 30%,rgba(244,114,182,0.35),rgba(236,72,153,0.2));border-radius:50% 0 50% 0;opacity:0}@keyframes petalFall{0%{transform:translateY(-5vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:0.45}25%{transform:translateY(20vh) translateX(30px) rotate(45deg)}50%{transform:translateY(45vh) translateX(-20px) rotate(120deg);opacity:0.35}75%{transform:translateY(70vh) translateX(25px) rotate(200deg)}90%{opacity:0.25}100%{transform:translateY(105vh) translateX(-10px) rotate(300deg);opacity:0}}.dash-leaf{width:14px;height:10px;background:var(--leaf-c,rgba(34,197,94,0.35));border-radius:0 50% 50% 50%;transform:rotate(45deg);opacity:0}@keyframes leafFall{0%{transform:translateY(-5vh) translateX(0) rotate(45deg);opacity:0}5%{opacity:0.55}20%{transform:translateY(18vh) translateX(35px) rotate(90deg)}40%{transform:translateY(38vh) translateX(-30px) rotate(160deg)}55%{opacity:0.45}70%{transform:translateY(60vh) translateX(40px) rotate(240deg)}90%{opacity:0.2}100%{transform:translateY(105vh) translateX(-15px) rotate(420deg);opacity:0}}.dash-pollen{border-radius:50%;background:rgba(187,247,208,0.35);opacity:0}@keyframes pollenFloat{0%{transform:translateY(100vh) translateX(0);opacity:0}5%{opacity:0.4}50%{transform:translateY(50vh) translateX(30px);opacity:0.3}95%{opacity:0.2}100%{transform:translateY(-5vh) translateX(-20px);opacity:0}}.dash-asteroid{border-radius:30%;opacity:0.7}@keyframes asteroidFloat{0%{transform:translate(0,0) rotate(0deg);opacity:0.6}25%{transform:translate(30px,-20px) rotate(45deg);opacity:0.75}50%{transform:translate(-15px,-40px) rotate(90deg);opacity:0.65}75%{transform:translate(20px,-15px) rotate(135deg);opacity:0.7}100%{transform:translate(0,0) rotate(180deg);opacity:0.6}}.dash-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}body.paper-viewing-locked{overflow:hidden !important}.paper-result-full-overlay{position:fixed;inset:0;z-index:2000;background:#fffdf9;color:#15131a;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;align-items:center}.pv-close-btn{position:fixed;top:1.5rem;right:2rem;z-index:2001;width:40px;height:40px;border-radius:50%;background:#6e436d;color:#fff;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:transform 0.2s}.pv-close-btn:hover{transform:scale(1.1);background:#4e294e}.paper-viewer-full{width:100%;max-width:1100px;margin:0 auto}.pv-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(21,19,26,.13);text-align:center}.pv-header h4{font-size:2rem;margin-bottom:0.5rem;color:#6e436d}.paper-viewer-section{margin-bottom:3rem}.paper-viewer-section h5{font-size:1.5rem;color:#efb883;margin-bottom:1.5rem;border-left:5px solid #efb883;padding-left:1rem}.pv-question{margin-bottom:2rem;padding:1.5rem;background:rgba(0,0,0,0.02);border-radius:8px}.pv-stem{font-size:1.1rem;margin-bottom:1rem;line-height:1.6}.pv-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.pv-option{text-align:left;padding:0.8rem 1rem;border:1px solid rgba(21,19,26,.13);border-radius:6px;background:#fff;font-size:0.95rem}.pv-option.pv-correct{border-color:#22c55e;background:rgba(34,197,94,0.05);color:#15803d}.pv-correct-badge{float:right;font-size:0.75rem;background:#22c55e;color:#fff;padding:2px 8px;border-radius:4px}.pv-solution{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(21,19,26,.13)}.pv-solution-label{font-weight:800;font-size:0.8rem;text-transform:uppercase;color:#6c6770;margin-bottom:0.5rem}.pv-solution-body{font-size:0.95rem;line-height:1.7;color:#24202d}.pv-marks{float:right;font-weight:700;color:#6e436d;font-size:0.9rem}@media (max-width:768px){.pv-options{grid-template-columns:1fr}.paper-result-full-overlay{padding:1rem}.pv-close-btn{top:1rem;right:1rem}}.ai-copy{max-width:100%;width:100%;text-align:center;margin-bottom:0.2rem}.ai-copy h2{font-size:3.2rem;line-height:1;margin-bottom:0.8rem}.ai-copy p{font-size:1.1rem;color:var(--muted);max-width:95%;margin:0 auto 0.2rem}.ai-copy .eyebrow{margin-bottom:0.5rem}.prompt-chips{margin-top:1rem !important}.chat-msg{display:flex;width:100%;margin-bottom:1rem}.chat-user{justify-content:flex-end}.chat-ai{justify-content:flex-start}.chat-bubble{padding:1.2rem 1.6rem;border-radius:20px;max-width:100%;width:100%;font-size:1.05rem;line-height:1.7;position:relative;box-shadow:0 4px 15px rgba(0,0,0,0.08);word-wrap:break-word;animation:chatFadeIn 0.3s ease-out}@keyframes chatFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-user .chat-bubble{background:var(--plum);color:#fff;border-bottom-right-radius:4px;max-width:90%;width:fit-content;margin-left:auto}.chat-ai .chat-bubble{background:#fff;color:var(--ink);border:1px solid #eee;border-bottom-left-radius:4px;max-width:90%;width:fit-content}.chat-h3{font-size:1.25rem;font-weight:700;color:#4a2b4a;margin:1.2rem 0 0.6rem 0;border-left:4px solid #ccb8d2;padding-left:0.8rem;font-family:'Playfair Display',serif}.chat-ul{margin:0.8rem 0;padding-left:1.8rem;list-style-type:none}.chat-li{margin-bottom:0.5rem;position:relative;line-height:1.6}.chat-li::before{content:"•";color:#6e436d;font-weight:bold;position:absolute;left:-1.2rem}.chat-hr{border:0;border-top:1px dashed rgba(110,67,109,0.2);margin:1.2rem 0}.chat-ai .chat-bubble strong{color:#4a2b4a;font-weight:700;background:rgba(215,197,235,0.2);padding:0 4px;border-radius:3px}.chat-ai .chat-bubble br{margin-bottom:0.6rem;display:block;content:""}#microphone-button.mic-active{background:#ef4444;color:#fff;animation:micPulse 1.5s infinite}@keyframes micPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0.7)}70%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(239,68,68,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0)}}.ai-console.full-screen{position:fixed !important;inset:0 !important;z-index:999999 !important;background:#fffdf9 !important;color:#15131a !important;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;align-items:center;border-radius:0;border:none;margin:0;max-width:none}.ai-console.full-screen .ai-console-inner{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;min-height:100%;padding-bottom:120px}.ai-console.full-screen .ai-response-wrap{flex:1}.ai-console.full-screen .ai-form{position:fixed !important;bottom:2rem !important;left:50% !important;transform:translateX(-50%) !important;width:90% !important;max-width:800px !important;background:#fff !important;box-shadow:0 10px 40px rgba(0,0,0,0.1) !important;border-radius:20px !important;padding:10px 20px !important;z-index:1000001 !important;display:flex !important;align-items:center !important}.ai-console.full-screen .ai-note{position:fixed !important;bottom:0.5rem !important;left:50% !important;transform:translateX(-50%) !important;z-index:1000001 !important;margin:0 !important;background:rgba(255,255,255,0.8);padding:2px 10px;border-radius:10px}.ai-console.full-screen .attachment-preview{position:fixed !important;bottom:7rem !important;left:50% !important;transform:translateX(-50%) !important;z-index:1000001 !important;background:#fff !important;box-shadow:0 4px 12px rgba(0,0,0,0.1) !important}.ai-close-btn{position:fixed !important;top:1.5rem !important;right:2rem !important;z-index:1000000 !important;width:40px !important;height:40px;border-radius:50%;background:#6e436d;color:#fff;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:transform 0.2s;display:none}.ai-console.full-screen .ai-close-btn{display:flex}.ai-close-btn:hover{transform:scale(1.1);background:#4e294e}body.ai-viewing-locked{overflow:hidden}.ai-close-btn:hover{transform:scale(1.1);background:#4e294e}.ai-section{position:relative}.sa-quiz-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000000 !important;display:none;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;padding:60px 20px;box-sizing:border-box;background-size:400% 400% !important;animation:quizGradientMove 20s ease infinite !important;transition:background-color 0.4s ease}@keyframes quizGradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}body.quiz-open{overflow:hidden !important}.sa-quiz-overlay.theme-default{background:linear-gradient(-45deg,#F5F0E8,#E8E0D5,#DFD7CD,#E8E0D5) !important}.sa-quiz-overlay.theme-physics{background:linear-gradient(-45deg,#C4B5FD,#DDD6FE,#EDE9FE,#DDD6FE) !important}.sa-quiz-overlay.theme-chemistry{background:linear-gradient(-45deg,#FDBA74,#FED7AA,#FFEDD5,#FED7AA) !important}.sa-quiz-overlay.theme-mathematics{background:linear-gradient(-45deg,#7DD3FC,#BAE6FD,#E0F2FE,#BAE6FD) !important}.sa-quiz-overlay.theme-biology{background:linear-gradient(-45deg,#86EFAC,#BBF7D0,#DCFCE7,#BBF7D0) !important}.sa-quiz-overlay::before{content:"";position:fixed;inset:0;z-index:0;opacity:0.2;pointer-events:none}.sa-quiz-overlay.theme-mathematics::before{background-image:linear-gradient(#378ADD 1px,transparent 1px),linear-gradient(90deg,#378ADD 1px,transparent 1px);background-size:40px 40px;animation:mathScroll 30s linear infinite}@keyframes mathScroll{from{background-position:0 0}to{background-position:0 -400px}}.sa-quiz-overlay.theme-physics::before{background-image:radial-gradient(circle,#7F77DD 2px,transparent 2px);background-size:100px 100px;animation:physicsRotate 60s linear infinite}@keyframes physicsRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sa-quiz-overlay.theme-chemistry::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cpath fill='%23D85A30' fill-opacity='1' d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9z'/%3E%3C/svg%3E");animation:chemPulse 4s ease-in-out infinite}@keyframes chemPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.sa-quiz-overlay.theme-biology::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%231D9E75' d='M17,8C8,8,4,16,4,16s8-8,11-8c2.33,0,4,2,4,4c0,3-2,6-7,8c5-2,7-5,7-8C19,10,18.33,8,17,8z'/%3E%3C/svg%3E");animation:bioDrift 40s linear infinite}@keyframes bioDrift{from{background-position:0 0}to{background-position:0 400px}}.sa-quiz-overlay::before{background-image:radial-gradient(#8B7355 1px,transparent 1px);background-size:20px 20px}.sa-quiz-subject-icon{position:fixed;top:20px;right:80px;font-size:60px;opacity:0.08;pointer-events:none;z-index:0}.sa-quiz-container,.quiz-content-wrapper{background:transparent !important;backdrop-filter:none !important;box-shadow:none !important;border:none !important;padding:20px !important;max-width:1000px;width:95%;margin:0 auto;position:relative;z-index:10}.sa-quiz-setup,.sa-quiz-question-card,.sa-results-card,.sa-mistake-notebook-card,#sa-quiz-panel .sa-card{background:rgba(255,255,255,0.85) !important;backdrop-filter:blur(12px) !important;border:1px solid rgba(255,255,255,0.5) !important;border-radius:24px !important;padding:40px !important;margin-top:20px !important;box-shadow:0 12px 40px rgba(0,0,0,0.12) !important;color:#1a1714 !important}.sa-quiz-setup select,.sa-quiz-setup input{background:rgba(255,255,255,0.25) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.5) !important;border-radius:12px !important;padding:14px !important;color:#1a1714 !important;font-weight:500 !important}.sa-quiz-nav-tabs .sa-nav-tab{background:rgba(255,255,255,0.15) !important;backdrop-filter:blur(12px) !important;border:1px solid rgba(255,255,255,0.4) !important;color:#1a1714 !important;border-radius:12px;padding:12px 24px;font-weight:600;margin:0 5px}.sa-quiz-nav-tabs .sa-nav-tab.active{background:rgba(160,120,85,0.85) !important;color:#fff !important;border-color:rgba(160,120,85,1) !important}.theme-mathematics .sa-quiz-container{border-top-color:#378ADD}.theme-physics .sa-quiz-container{border-top-color:#7F77DD}.theme-chemistry .sa-quiz-container{border-top-color:#D85A30}.theme-biology .sa-quiz-container{border-top-color:#1D9E75}.sa-quiz-overlay *{color:#1a1714 !important}.sa-quiz-close{color:#fff !important}.sa-btn:not(.sa-btn-ghost){color:#fff !important}.sa-btn-ghost{background:rgba(255,255,255,0.3) !important;border:2px solid #8B7355 !important;color:#8B7355 !important}.sa-badge{color:inherit !important}.sa-quiz-card,.sa-quiz-setup,.sa-quiz-results{background:transparent !important;box-shadow:none !important;border:none !important;padding:0 !important}.sa-opt{background:rgba(255,255,255,0.2) !important;backdrop-filter:blur(15px) !important;border:1px solid rgba(255,255,255,0.4) !important;border-radius:16px !important;padding:20px !important;margin-bottom:15px !important;transition:all 0.3s ease !important;box-shadow:0 4px 15px rgba(0,0,0,0.05) !important}.sa-opt:hover:not(:disabled){background:rgba(255,255,255,0.8) !important;transform:translateY(-2px)}.sa-opt.sa-correct-locked{background:#dcfce7 !important;border-color:#22c55e !important}.sa-opt.sa-wrong-locked{background:#fee2e2 !important;border-color:#ef4444 !important}.theme-mathematics .sa-btn:not(.sa-btn-ghost),.theme-mathematics .sa-quiz-progress-bar{background:#378ADD !important}.theme-mathematics .sa-btn-ghost{border-color:#378ADD !important;color:#378ADD !important}.theme-physics .sa-btn:not(.sa-btn-ghost),.theme-physics .sa-quiz-progress-bar{background:#7F77DD !important}.theme-physics .sa-btn-ghost{border-color:#7F77DD !important;color:#7F77DD !important}.theme-chemistry .sa-btn:not(.sa-btn-ghost),.theme-chemistry .sa-quiz-progress-bar{background:#D85A30 !important}.theme-chemistry .sa-btn-ghost{border-color:#D85A30 !important;color:#D85A30 !important}.theme-biology .sa-btn:not(.sa-btn-ghost),.theme-biology .sa-quiz-progress-bar{background:#1D9E75 !important}.theme-biology .sa-btn-ghost{border-color:#1D9E75 !important;color:#1D9E75 !important}.theme-mathematics .sa-quiz-close{background:#378ADD !important}.theme-physics .sa-quiz-close{background:#7F77DD !important}.theme-chemistry .sa-quiz-close{background:#D85A30 !important}.theme-biology .sa-quiz-close{background:#1D9E75 !important}.sa-quiz-timer{font-family:monospace;font-size:1.2rem;font-weight:700;padding:8px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #eee;display:flex;align-items:center;gap:8px}.sa-quiz-timer.warning{color:#ef4444 !important;animation:sa-pulse 1s infinite}@keyframes sa-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.sa-quiz-container{max-width:900px;width:100%;margin:0 auto;position:relative}.sa-quiz-close{position:fixed !important;top:1.5rem !important;right:2rem !important;z-index:1000000 !important;width:40px !important;height:40px !important;border-radius:50% !important;background:#6e436d !important;color:#fff !important;border:none !important;font-size:24px !important;line-height:40px !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;transition:all 0.2s !important}.sa-quiz-close:hover{transform:scale(1.1) !important;background:#5a3659 !important}body.quiz-viewing-locked{overflow:hidden !important}.sa-quiz-card{border:none !important;box-shadow:0 12px 40px rgba(0,0,0,0.08) !important;background:rgba(255,255,255,0.92) !important;padding:40px !important}.sa-quiz-question{font-size:1.25rem !important;color:#1a1714 !important;margin-bottom:24px !important}.sa-opt{padding:18px 22px !important;font-size:1.05rem !important;border-color:#eee !important}.sa-opt:hover{background:#fcfaf7 !important;border-color:#b07d47 !important}.sa-quiz-progress{height:10px !important;background:#f0f0f0 !important;margin-bottom:20px !important}.sa-roadmap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-height:70vh;overflow-y:auto;padding-right:10px}.sa-chapter-card{display:flex;flex-direction:column;justify-content:space-between;transition:transform 0.2s ease;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.85) !important;backdrop-filter:blur(12px) !important;border-radius:20px !important;padding:24px !important;margin-top:0 !important}.sa-chapter-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.95) !important;box-shadow:0 12px 30px rgba(0,0,0,0.1) !important}.sa-chapter-number{font-size:0.75rem;font-weight:700;text-transform:uppercase;color:var(--plum);letter-spacing:1px;opacity:0.7}.sa-chapter-name{margin:5px 0 15px 0;font-size:1.1rem;color:#1a1714 !important;font-weight:700}.sa-btn-sm{padding:6px 14px;font-size:0.85rem;border-radius:8px}.sa-roadmap-grid::-webkit-scrollbar{width:6px}.sa-roadmap-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px}.sa-roadmap-grid::-webkit-scrollbar-thumb{background:var(--plum);border-radius:3px}.sa-back-btn{position:absolute;top:20px;left:20px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;font-size:1.2rem;transition:all 0.3s ease;z-index:1000}.sa-back-btn:hover{background:rgba(255,255,255,0.2);transform:translateX(-3px)}.sa-back-btn svg{width:24px;height:24px;fill:currentColor}.sa-challenge-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,10,18,0.95);z-index:1000000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:'Inter',sans-serif;overflow:hidden}.sa-challenge-header{position:absolute;top:30px;text-align:center;width:100%}.sa-challenge-title{font-size:2rem;font-weight:800;margin-bottom:5px;background:linear-gradient(90deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sa-challenge-timer{font-size:1.5rem;font-family:monospace;color:#fbbf24}.sa-challenge-buckets{display:flex;gap:40px;width:90%;max-width:800px;height:200px;position:absolute;bottom:50px}.sa-challenge-bucket{flex:1;border:3px dashed rgba(255,255,255,0.2);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);transition:all 0.3s}.sa-challenge-bucket.hover{background:rgba(255,255,255,0.15);border-color:#60a5fa;transform:scale(1.05)}.sa-challenge-bucket-label{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.sa-challenge-item{position:absolute;padding:20px 40px;background:#fff;color:#1a1a2e;border-radius:16px;font-weight:700;font-size:1.2rem;box-shadow:0 10px 30px rgba(0,0,0,0.3);cursor:grab;user-select:none;transition:transform 0.1s;z-index:10}.sa-challenge-item:active{cursor:grabbing}.sa-challenge-score{position:absolute;top:30px;right:40px;font-size:1.2rem;font-weight:600}.sa-challenge-close{position:absolute;top:30px;left:40px;width:44px;height:44px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all 0.3s ease;z-index:99999;color:#fff;border:1px solid rgba(255,255,255,0.2)}.sa-challenge-close:hover{background:rgba(239,68,68,0.2);color:#ef4444}.sa-challenge-result{text-align:center;animation:popIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}.sa-challenge-result h2{font-size:3rem;margin-bottom:20px}.sa-challenge-result p{font-size:1.2rem;color:#94a3b8;margin-bottom:30px}.sa-challenge-btn{padding:14px 32px;background:#6366f1;color:#fff;border-radius:12px;font-weight:700;border:none;cursor:pointer;transition:0.3s}.sa-challenge-btn:hover{background:#4f46e5;transform:translateY(-2px)}@keyframes popIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.sa-admin-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,0.98);backdrop-filter:blur(20px);z-index:9999999;display:none;flex-direction:column;color:#f8fafc;overflow-y:auto;padding:40px 20px}.sa-admin-container{max-width:1100px;margin:0 auto;width:100%;padding:20px}.sa-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1)}.sa-admin-title{font-size:2.5rem;font-weight:900;font-family:'Playfair Display',serif;background:linear-gradient(135deg,#a5b4fc,#fde68a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.02em}.sa-admin-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.sa-stat-bubble{padding:25px;border-radius:24px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);text-align:center;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.sa-stat-bubble:hover{transform:translateY(-10px);background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.2)}.sa-stat-bubble-indigo{box-shadow:0 10px 30px rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.3)}.sa-stat-bubble-teal{box-shadow:0 10px 30px rgba(20,184,166,0.15);border-color:rgba(20,184,166,0.3)}.sa-stat-bubble-amber{box-shadow:0 10px 30px rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.3)}.sa-stat-label{display:block;font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:10px;opacity:0.7}.sa-stat-value{font-size:2.2rem;font-weight:900;font-family:'Playfair Display',serif}.sa-stat-bubble-indigo .sa-stat-value{color:#a5b4fc}.sa-stat-bubble-teal .sa-stat-value{color:#99f6e4}.sa-stat-bubble-amber .sa-stat-value{color:#fde68a}.sa-loading-pulse{width:60px;height:60px;border-radius:50%;background:#6366f1;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(99,102,241,0.7)}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(99,102,241,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(99,102,241,0)}}.sa-admin-section{margin-bottom:20px;border-radius:20px;background:rgba(15,23,42,0.4);border:1px solid rgba(255,255,255,0.08);overflow:hidden}.sa-section-trigger{width:100%;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;transition:background 0.3s}.sa-section-trigger:hover{background:rgba(255,255,255,0.03)}.sa-trigger-left{display:flex;align-items:center;gap:15px;color:#fff;font-weight:700;font-size:1.1rem}.sa-trigger-icon{font-size:1.4rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border-radius:12px}.sa-section-content{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),padding 0.4s ease;padding:0 25px}.sa-admin-section.is-expanded .sa-section-content{padding:0 25px 25px}.sa-section-trigger i.fa-chevron-down{transition:transform 0.3s;opacity:0.5}.sa-admin-section.is-expanded i.fa-chevron-down{transform:rotate(180deg)}.sa-admin-table{width:100%;border-collapse:collapse;margin-top:10px}.sa-admin-table th{text-align:left;padding:12px 15px;color:#94a3b8;font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid rgba(255,255,255,0.1)}.sa-admin-table td{padding:15px;border-bottom:1px solid rgba(255,255,255,0.05);font-size:0.95rem;color:#e2e8f0}.sa-admin-actions{display:flex;gap:8px}.sa-admin-btn{padding:8px 14px;border-radius:10px;font-size:0.8rem;font-weight:700;cursor:pointer;border:none;transition:all 0.3s}.sa-admin-btn-edit{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.sa-admin-btn-reset{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.sa-admin-btn-ban{background:linear-gradient(135deg,#ffffff,#f1f5f9);color:#0f172a;border:1px solid #e2e8f0}.sa-admin-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.sa-admin-btn-broadcast{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;padding:12px 24px;font-size:1rem}.sa-admin-btn-broadcast:disabled{opacity:0.6;cursor:not-allowed;transform:none !important}.sa-admin-btn:hover{transform:translateY(-2px);filter:brightness(1.2);box-shadow:0 5px 15px rgba(0,0,0,0.3)}.sa-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 20px rgba(0,0,0,0.3)}.sa-admin-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f172a;padding:30px;border-radius:24px;z-index:10000000;width:90%;max-width:420px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 25px 50px -12px rgba(0,0,0,0.7)}.sa-admin-input{width:100%;background:rgba(30,41,59,0.5);border:1px solid rgba(255,255,255,0.1);padding:14px;border-radius:12px;color:white;font-family:inherit;transition:border-color 0.3s}.sa-admin-input:focus{border-color:#6366f1;outline:none}.sa-role-badge{padding:5px 12px;border-radius:50px;font-size:0.7rem;font-weight:800;text-transform:uppercase}.sa-role-admin{background:#fbbf24;color:#000}.sa-role-user{background:rgba(255,255,255,0.1);color:#fff}.sa-announcement-card{background:linear-gradient(135deg,rgba(251,191,36,0.15),rgba(245,158,11,0.05));border:1px solid rgba(251,191,36,0.3);border-radius:24px;padding:25px;display:flex;align-items:center;gap:25px;margin-bottom:35px;animation:slideInUp 0.6s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 15px 35px rgba(0,0,0,0.2),0 0 0 1px rgba(251,191,36,0.1);position:relative;overflow:hidden}.sa-announcement-card::after{content:'';position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,0.05));pointer-events:none}.sa-announcement-icon{font-size:2.2rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:18px;box-shadow:0 8px 20px rgba(245,158,11,0.3);flex-shrink:0}.sa-announcement-content{flex:1}.sa-announcement-content h4{margin:0 0 6px 0;color:#fbbf24;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.15em;font-weight:800}.sa-announcement-content p{margin:0;color:#fff;font-size:1.2rem;font-weight:600;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.sa-announcement-close{position:absolute;top:15px;right:15px;background:rgba(255,255,255,0.1);border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.3s;opacity:0.6}.sa-announcement-close:hover{background:rgba(239,68,68,0.2);color:#ef4444;opacity:1;transform:rotate(90deg)}@keyframes slideInUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sa-admin-input-group{margin-bottom:15px}.sa-admin-label{display:block;font-size:0.75rem;font-weight:800;text-transform:uppercase;color:#cbd5e1;margin-bottom:8px;letter-spacing:0.05em}.dash-feedback-row{display:flex;gap:2rem;margin-top:2rem;align-items:stretch}.dash-review-box{flex:1;background:#fff;border-radius:24px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,0.05);display:flex;flex-direction:column}.dash-review-box h3{margin:0 0 0.5rem 0;font-size:1.25rem;color:var(--plum)}.dash-review-box p{margin:0 0 1.5rem 0;color:var(--muted);font-size:0.9rem}.dash-review-box textarea{flex:1;width:100%;min-height:150px;border:1px solid rgba(0,0,0,0.1);border-radius:16px;padding:1rem;font-family:inherit;font-size:0.95rem;resize:none;background:#fafafa;transition:all 0.3s ease}.dash-review-box textarea:focus{background:#fff;border-color:var(--plum);box-shadow:0 0 0 4px rgba(110,67,109,0.05)}.review-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}#review-char-count{font-size:0.8rem;color:var(--muted)}.dash-review-box .button-primary{padding:0.6rem 1.5rem;border-radius:12px}.sa-custom-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2147483647;opacity:0;pointer-events:all;animation:saModalFadeIn 0.2s ease-out forwards}@keyframes saModalFadeIn{to{opacity:1}}.sa-custom-modal{background:#1e293b;border:1px solid rgba(255,255,255,0.1);border-radius:24px;width:90%;max-width:450px;padding:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);transform:translateY(20px);animation:saModalSlideUp 0.3s cubic-bezier(0.34,1.56,0.64,1) forwards;position:relative;color:#fff;text-align:center}@keyframes saModalSlideUp{to{transform:translateY(0)}}.sa-modal-icon{width:64px;height:64px;background:rgba(99,102,241,0.1);color:#818cf8;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px}.sa-modal-icon.danger{background:rgba(239,68,68,0.1);color:#ef4444}.sa-modal-icon.warning{background:rgba(245,158,11,0.1);color:#fbbf24}.sa-custom-modal h3{font-family:'Playfair Display',serif;font-size:1.5rem;margin:0 0 12px;color:#fff}.sa-custom-modal p{color:#94a3b8;font-size:0.95rem;line-height:1.6;margin:0 0 24px}.sa-modal-footer{display:flex;gap:12px}.sa-modal-btn{flex:1;padding:12px;border-radius:12px;font-weight:700;font-size:0.9rem;cursor:pointer;transition:all 0.2s;border:none}.sa-modal-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.sa-modal-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.sa-modal-btn-ghost{background:rgba(255,255,255,0.05);color:#94a3b8;border:1px solid rgba(255,255,255,0.1)}.sa-modal-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.sa-modal-btn:active{transform:translateY(0)}.sa-announcement-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,0.2);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all 0.2s;z-index:10}.sa-announcement-close:hover{background:rgba(239,68,68,0.8);transform:rotate(90deg)}@media (max-width:768px){*{box-sizing:border-box}html{overflow-x:hidden}body{overflow-x:hidden;width:100%}.nav-shell{padding:1rem}.hero{padding:60px 1rem 40px;min-height:auto}.hero h1{font-size:2.2rem}.hero-intro{font-size:1rem}.subject-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 1rem}.subject-card{padding:16px 12px}.subject-card h3{font-size:1rem}.dashboard{padding:80px 0 30px}.dashboard-shell{max-width:100%;padding:0 12px}.dash-cards-grid{grid-template-columns:1fr;gap:10px}.dash-card{padding:14px 16px;border-radius:16px}.dash-card-icon{width:40px;height:40px;font-size:1.2rem}.papers-section{padding:20px 12px !important;max-width:100% !important;overflow:hidden}.paper-search-form{max-width:100% !important;width:100%}.paper-search-form select,.paper-search-form button{width:100%;font-size:1rem;padding:12px}.ai-console{max-width:100% !important;padding:0 12px}.ai-chat-container{max-height:60vh}.quiz-overlay{padding:10px !important;font-size:0.95rem}.quiz-overlay .question-text{font-size:1rem;word-wrap:break-word;overflow-wrap:break-word}.quiz-overlay .option-btn{padding:12px;font-size:0.9rem;width:100%;text-align:left}.subject-hub{padding:0 12px !important;max-width:100% !important}.subject-hub .chapter-card{padding:14px}.subject-hub .chapter-title{font-size:1rem}.paper-viewer-fullscreen{padding:10px !important}.paper-viewer-fullscreen .question-item{padding:12px}.paper-viewer-fullscreen .question-stem{font-size:0.9rem;word-wrap:break-word}.paper-viewer-fullscreen .option{font-size:0.85rem;padding:8px 10px}.feedback-section,.support-section{padding:16px !important}.feedback-form textarea{width:100%;min-height:80px}.upgrade-cards{grid-template-columns:1fr !important;gap:12px !important}.ai-access-cards{flex-direction:column;gap:12px}.ai-card{min-width:0;width:100%}.fixed-quiz-btn{bottom:16px !important;right:16px !important;padding:12px 18px !important;font-size:0.85rem}#takeQuizBtn,.take-quiz-btn{bottom:20px !important;right:16px !important}}@media (max-width:480px){.hero h1{font-size:1.8rem}.hero h1 em{font-size:1.6rem}.subject-grid{grid-template-columns:1fr 1fr;gap:8px}.subject-card{padding:12px 8px;border-radius:16px}.subject-card h3{font-size:0.85rem}.subject-card p{font-size:0.75rem}.dash-cards-grid{grid-template-columns:1fr;gap:8px}.dash-card{padding:12px;gap:10px}.dash-card-icon{width:36px;height:36px;font-size:1rem;border-radius:12px}.dash-card-label{font-size:0.65rem}.dash-card-value{font-size:1.3rem}.paper-search-form{padding:0 !important}.paper-search-form .form-group{margin-bottom:10px}.quiz-overlay .option-btn{padding:10px;font-size:0.85rem;min-height:44px}.quiz-overlay .question-text{font-size:0.95rem;line-height:1.5}.subject-hub .chapter-card{margin-bottom:8px}.paper-viewer-fullscreen .question-stem{font-size:0.85rem}.paper-viewer-fullscreen .option{font-size:0.8rem;padding:6px 8px}.paper-viewer-fullscreen .solution-text{font-size:0.8rem}.nav-shell{padding:0.8rem}.brand{font-size:0.95rem}.sa-toast{max-width:calc(100vw - 32px);font-size:0.85rem}.sa-custom-modal{margin:16px;padding:24px;border-radius:16px}.sa-custom-modal h3{font-size:1.2rem}.chat-input-area{padding:8px}.chat-input-area input{font-size:0.9rem;padding:10px}.chat-msg{padding:10px;font-size:0.85rem}}@media (max-width:768px){canvas{width:100% !important;max-width:100vw}.theme-canvas-container{width:100vw;left:0;transform:none}}@media (max-width:768px){.section-shell,.papers-section,.ai-console,.subject-hub,.feedback-section,.support-section,.dashboard-shell,.upgrade-section,#papers-section,.hero{max-width:100% !important;width:100% !important;overflow-x:hidden;padding-left:12px !important;padding-right:12px !important}.quiz-question-text,.quiz-stem,[class*="question"]{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}[style*="width:1080"],[style*="width:1100"],[style*="width:1200"]{max-width:100% !important;width:100% !important}}@media (max-width:768px){.paper-viewer-fullscreen{position:fixed !important;inset:0 !important;width:100vw !important;max-width:100vw !important;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.paper-viewer-fullscreen .paper-content{padding:8px !important}.paper-viewer-fullscreen h2{font-size:1rem}.paper-viewer-fullscreen .section-title{font-size:0.9rem}}@media (max-width:768px){.ai-chat-panel{max-width:100% !important;width:100% !important;left:0 !important;right:0 !important}}@media (max-width:768px){.admin-panel{padding:10px !important;max-width:100% !important}.admin-panel table{font-size:0.8rem}}@media (max-width:768px){.paper-viewer-full,.ai-console-inner,.sa-admin-container,.dashboard-shell,.papers-section,.subject-hub-container{max-width:100% !important;width:100% !important;padding-left:12px !important;padding-right:12px !important}div[style*="max-width:1100"],div[style*="max-width:1100"],div[style*="max-width:1080"],div[style*="max-width:1080"],div[style*="width:1100px"],div[style*="width:1100px"],div[style*="width:1080px"],div[style*="width:1080px"]{max-width:100% !important;width:100% !important}#papers-section{max-width:100% !important;width:100% !important;padding:12px !important}.ai-console{max-width:100% !important;width:100% !important}.subject-hub{max-width:100% !important;width:100% !important;padding:0 12px !important}#paperSearchSection{max-width:100% !important;width:100% !important;padding:12px !important}.paper-search-form,.paper-search-form .form-group{width:100% !important;max-width:100% !important}.section-shell,.hero,.papers-section,#papers-section,.ai-console,.subject-hub,.upgrade-section,.feedback-section,.support-section{box-sizing:border-box !important}}@media (max-width:480px){.quiz-option,.quiz-option-btn{width:100% !important;max-width:100% !important;min-height:44px !important;font-size:0.85rem !important;padding:10px 12px !important;word-wrap:break-word !important;overflow-wrap:break-word !important;white-space:normal !important;box-sizing:border-box !important}.quiz-stem,.quiz-question,.quiz-q-text{word-wrap:break-word !important;overflow-wrap:break-word !important;white-space:normal !important;max-width:100% !important;font-size:0.9rem !important}.sa-admin-table-wrap,.sa-admin-table{max-width:100% !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important}.sa-admin-table th,.sa-admin-table td{white-space:nowrap !important;font-size:0.72rem !important;padding:6px 8px !important}.ai-console,.ai-response-wrap,.ai-response{max-width:100% !important;width:100% !important;overflow-x:hidden !important;word-wrap:break-word !important;overflow-wrap:break-word !important}.chat-bubble{max-width:100% !important;word-wrap:break-word !important;overflow-wrap:break-word !important;font-size:0.85rem !important}.auth-modal-content,.sa-modal-content{width:95% !important;max-width:95% !important;max-height:90vh !important;overflow-y:auto !important}.sa-toast{max-width:90vw !important;word-wrap:break-word !important}.papers-section,#papers-section,.paper-viewer{padding:8px !important;overflow-x:hidden !important}.dash-cards-grid{grid-template-columns:1fr !important;gap:10px !important;padding:0 8px !important}.dash-mastery-card{padding:12px !important}.upgrade-section,.feedback-section,.support-section{padding:20px 12px !important}.sa-admin-container{padding:10px !important}.sa-admin-stats-row{flex-direction:column !important;gap:10px !important}.sa-stat-bubble{width:100% !important}}.dark-mode-toggle{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:50%;width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;flex-shrink:0}.dark-mode-toggle:hover{background:rgba(255,255,255,0.2)}.dm-icon-sun,.dm-icon-moon{font-size:1.1rem;line-height:1}body.light-mode .dm-icon-sun{display:none}body:not(.light-mode) .dm-icon-moon{display:none}body.light-mode .dark-mode-toggle{background:rgba(0,0,0,0.08);border-color:rgba(0,0,0,0.15);color:#1e293b}body.light-mode{background:#f8fafc;color:#1e293b}body.light-mode::before{display:none !important}body.light-mode .site-header{color:#1e293b;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}body.light-mode .site-header .nav-shell{background:transparent}body.light-mode .main-nav{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.08)}body.light-mode .main-nav a{color:#475569;opacity:1}body.light-mode .main-nav a[href="#subjects"]{color:#4f46e5}body.light-mode .main-nav a[href="#past-papers"]{color:#0891b2}body.light-mode .main-nav a:hover{background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.1)}body.light-mode .nav-cta{background:rgba(0,0,0,0.06);color:#1e293b;border-color:rgba(0,0,0,0.12)}body.light-mode .brand{color:#1e293b}body.light-mode .dark-mode-toggle{background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.12)}body.light-mode .user-greeting .nav-cta{background:rgba(0,0,0,0.06);color:#1e293b;border-color:rgba(0,0,0,0.12)}body.light-mode .user-menu{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 30px rgba(0,0,0,0.12)}body.light-mode .user-menu .text-button{color:#475569}body.light-mode .user-menu .text-button:hover{background:#f1f5f9}body.light-mode .hero{background:linear-gradient(160deg,#eef2ff 0%,#ddd6fe 40%,#e0e7ff 70%,#f0f9ff 100%) !important;color:#1e293b}body.light-mode .hero-orb{opacity:0.05;filter:blur(60px)}body.light-mode .hero-grid{opacity:0.03}body.light-mode .hero h1{color:#1e1b4b !important;font-size:3.2rem}body.light-mode .hero h1 em{color:#4f46e5 !important;font-style:italic}body.light-mode .hero-intro{color:#475569;font-size:1.05rem}body.light-mode .hero-copy .eyebrow{color:#6366f1}body.light-mode .hero-proof div{color:#475569}body.light-mode .hero-proof strong{color:#1e293b}body.light-mode .hero-actions .button-primary{background:#4f46e5;color:#fff}body.light-mode .hero-actions .button-quiet{color:#4f46e5;border-color:#c7d2fe;background:rgba(255,255,255,0.6)}body.light-mode .eyebrow-dark{color:#6366f1}body.light-mode .hero-content-wrapper{position:relative;z-index:2}body.light-mode .study-console{background:rgba(255,255,255,0.85);border-color:#e2e8f0;box-shadow:0 8px 32px rgba(0,0,0,0.08);backdrop-filter:blur(12px)}body.light-mode .console-card{background:#fff;border-color:#e2e8f0}body.light-mode .console-top,body.light-mode .console-footer{background:rgba(0,0,0,0.03);color:#64748b}body.light-mode .console-label{color:#6366f1;font-weight:700}body.light-mode .live-dot{color:#16a34a}body.light-mode .hero-subject{color:#475569;border-color:transparent}body.light-mode .hero-subject.active{background:#4f46e5;color:#fff;border-color:#4f46e5}body.light-mode .hero-subject:hover{background:rgba(79,70,229,0.1)}body.light-mode .subjects{background:#f1f5f9}body.light-mode .subject-card{border-color:#e2e8f0;color:#1e293b;box-shadow:0 2px 12px rgba(0,0,0,0.06)}body.light-mode .subject-card:not(.sage):not(.plum):not(.apricot):not(.ink){background:#fff}body.light-mode .subject-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.1)}body.light-mode .subject-card h3{color:#1e1b4b;font-weight:800}body.light-mode .subject-card.ink{background:#1e1b4b !important;color:#fff !important}body.light-mode .subject-card.ink p{color:#c7d2fe !important}body.light-mode .subject-card.ink .subject-symbol{color:#a5b4fc}body.light-mode .subject-card.ink .subject-number{color:#818cf8}body.light-mode .subject-card.ink .card-arrow{color:#c7d2fe}body.light-mode .subject-card p{color:#64748b}body.light-mode .subject-card .subject-number{color:#cbd5e1}body.light-mode .subject-card .subject-symbol{color:#4f46e5}body.light-mode .subject-card .card-arrow{color:#94a3b8}body.light-mode .section-heading h2{color:#1e1b4b}body.light-mode .section-heading p{color:#64748b}body.light-mode .section-heading .eyebrow-dark{color:#6366f1}body.light-mode .papers{background:#fff}body.light-mode .papers-intro h2{color:#1e1b4b}body.light-mode .papers-intro p{color:#64748b}body.light-mode .papers-intro .eyebrow{color:#6366f1}body.light-mode .paper-panel{background:#f8fafc;border-color:#e2e8f0;box-shadow:0 4px 24px rgba(0,0,0,0.06)}body.light-mode .panel-heading{background:transparent}body.light-mode .panel-kicker{color:#6366f1}body.light-mode .panel-heading h3{color:#1e1b4b}body.light-mode .archive-count{color:#64748b}body.light-mode .field select,body.light-mode .field input{background:#fff;color:#1e293b;border-color:#d1d5db}body.light-mode .field select:hover,body.light-mode .field input:hover{border-color:#4f46e5}body.light-mode .field label span{color:#374151;font-weight:600}body.light-mode .paper-result{color:#475569}body.light-mode #ai-support-section{background:#f1f5f9;border-color:#e2e8f0}body.light-mode #ai-support-section h2{color:#1e1b4b;font-weight:900}body.light-mode #ai-support-section p{color:#475569}body.light-mode .sa-mastery-card,body.light-mode .dash-mastery-card.sa-feedback-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 12px rgba(0,0,0,0.06)}body.light-mode #review-text{background:#fff;color:#1e293b;border-color:#d1d5db}body.light-mode #review-text:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1)}body.light-mode #public-testimonials-container{background:#fff;border-color:#e2e8f0}body.light-mode .help-chat-panel{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 40px rgba(0,0,0,0.15)}body.light-mode .help-chat-header{background:#eef2ff;color:#1e293b;border-color:#e2e8f0}body.light-mode .help-faq-item{background:#f8fafc;border-color:#e2e8f0;color:#334155}body.light-mode .help-faq-item:hover{background:#eef2ff;border-color:#c7d2fe}body.light-mode .help-faq-answer{background:#eef2ff;color:#475569}body.light-mode .help-faq-answer strong{color:#4f46e5}body.light-mode .help-chat-close{color:#64748b}body.light-mode .help-chat-intro{color:#64748b}body.light-mode .help-chat-bubble{box-shadow:0 4px 20px rgba(99,102,241,0.3)}body.light-mode .ai-console{background:#fff;border-color:#e2e8f0;color:#1e293b}body.light-mode .ai-console-head{background:#f8fafc;border-color:#e2e8f0}body.light-mode .ai-console-head strong{color:#1e293b}body.light-mode .ai-response{color:#334155}body.light-mode .ai-form textarea{background:#f8fafc;color:#1e293b;border-color:#d1d5db}body.light-mode .ai-form textarea:focus{border-color:#4f46e5}body.light-mode .ai-note{color:#94a3b8}body.light-mode .about-section{background:#eef2ff}body.light-mode .about-left h2{color:#1e1b4b}body.light-mode .about-left p{color:#475569}body.light-mode .about-stat{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 12px rgba(0,0,0,0.06)}body.light-mode .about-stat strong{color:#4f46e5}body.light-mode .about-stat span{color:#64748b}body.light-mode .site-footer{background:#1e1b4b;color:#e2e8f0}body.light-mode .site-footer a{color:#a5b4fc}body.light-mode .site-footer a:hover{color:#c7d2fe}body.light-mode .auth-dialog{background:#fff;color:#1e293b}body.light-mode .auth-dialog h2{color:#1e1b4b}body.light-mode .auth-dialog label{color:#374151}body.light-mode .text-button{color:#4f46e5}body.light-mode .auth-form input{background:#f8fafc;color:#1e293b;border-color:#d1d5db}body.light-mode .auth-form input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1)}body.light-mode .auth-backdrop{background:rgba(0,0,0,0.3)}body.light-mode .guest-bubble{background:#fff;border-color:#e2e8f0}body.light-mode .guest-bubble h2{color:#1e1b4b}body.light-mode .guest-bubble p{color:#475569}body.light-mode .guest-icon{background:#eef2ff}body.light-mode .sa-toast{background:#fff;color:#1e293b;border-color:#e2e8f0;box-shadow:0 8px 30px rgba(0,0,0,0.12)}.help-chat-widget{position:fixed;bottom:80px;right:24px;z-index:10001}.help-chat-bubble{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(99,102,241,0.4);transition:transform 0.2s,box-shadow 0.2s}.help-chat-bubble:hover{transform:scale(1.08);box-shadow:0 6px 25px rgba(99,102,241,0.5)}.help-chat-icon{font-size:1.5rem;line-height:1}.help-chat-panel{position:absolute;bottom:68px;right:0;width:340px;max-height:480px;background:#1e1b2e;border:1px solid rgba(255,255,255,0.1);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,0.4);overflow:hidden;display:flex;flex-direction:column;z-index:10001}.help-chat-panel.help-hidden{display:none !important}@keyframes helpPanelIn{from{opacity:0;transform:translateY(12px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}.help-chat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:rgba(99,102,241,0.15);border-bottom:1px solid rgba(255,255,255,0.08);font-weight:700;font-size:0.95rem;color:#e0e7ff}.help-chat-close{background:none;border:none;color:#94a3b8;font-size:1.3rem;cursor:pointer;padding:2px 6px;line-height:1;position:relative;z-index:10002}.help-chat-close:hover{color:#fff}.help-chat-body{padding:12px 14px;overflow-y:auto;flex:1}.help-chat-intro{font-size:0.82rem;color:#94a3b8;margin:0 0 10px}.help-faq-list{display:flex;flex-direction:column;gap:4px}.help-faq-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:#e2e8f0;font-size:0.88rem;font-family:inherit;cursor:pointer;text-align:left;transition:background 0.15s;width:100%}.help-faq-item:hover{background:rgba(99,102,241,0.15)}.help-faq-item span{font-size:1.1rem;flex-shrink:0}.help-faq-answer{padding:10px 12px;font-size:0.84rem;color:#cbd5e1;line-height:1.5;background:rgba(99,102,241,0.08);border-radius:8px;margin-bottom:4px;animation:helpPanelIn 0.2s ease}.help-faq-answer strong{color:#a5b4fc}@media(max-width:480px){.help-chat-panel{width:calc(100vw - 32px);right:-8px}}.about-section{padding:80px 2rem;background:#f8fafc;border-top:1px solid #e2e8f0}.about-inner{max-width:1100px;margin:0 auto;display:flex;gap:60px;align-items:center}.about-left{flex:1.5}.about-left .eyebrow{margin-bottom:12px}.about-left h2{font-size:2.2rem;font-weight:900;color:#1e1b4b;margin:0 0 20px;line-height:1.2}.about-left p{font-size:1rem;color:#475569;line-height:1.7;margin:0 0 16px;font-weight:500}.about-right{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.about-stat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 16px;text-align:center;transition:transform 0.2s,box-shadow 0.2s}.about-stat:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.06)}.about-stat strong{display:block;font-size:1.8rem;font-weight:900;color:#4f46e5}.about-stat span{font-size:0.85rem;color:#64748b;font-weight:600}@media(max-width:768px){.about-inner{flex-direction:column;gap:40px}.about-left{text-align:center}.about-right{width:100%}}@media(max-width:480px){.about-section{padding:50px 1rem}.about-left h2{font-size:1.6rem}}.scroll-fade{opacity:0;transform:translateY(24px);transition:opacity 0.5s ease,transform 0.5s ease}.scroll-fade.visible{opacity:1;transform:translateY(0)}.subject-card{transition:transform 0.25s ease,box-shadow 0.25s ease}.subject-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,0.12)}.subject-card:active{transform:translateY(-2px) scale(0.98);transition-duration:0.1s}.subject-grid .subject-card{opacity:0;transform:translateY(20px)}.subject-grid .subject-card.tile-in{opacity:1;transform:translateY(0);transition:opacity 0.4s ease,transform 0.4s ease}body:not(.light-mode) .subjects{background:#15131a}body:not(.light-mode) .section-heading h2{color:#f5f0e8}body:not(.light-mode) .section-heading p{color:#9ca3af}body:not(.light-mode) .section-heading .eyebrow-dark{color:#a5b4fc}body:not(.light-mode) .papers{background:#1a1725}body:not(.light-mode) .papers-intro h2{color:#f5f0e8}body:not(.light-mode) .papers-intro p{color:#9ca3af}body:not(.light-mode) .papers-intro .eyebrow{color:#a5b4fc}body:not(.light-mode) .paper-panel{background:#24202d;border-color:rgba(255,255,255,0.08)}body:not(.light-mode) .panel-heading{background:rgba(255,255,255,0.03)}body:not(.light-mode) .panel-heading h3{color:#f5f0e8}body:not(.light-mode) .panel-kicker{color:#a5b4fc}body:not(.light-mode) .archive-count{color:#9ca3af}body:not(.light-mode) .field label span{color:#d1d5db}body:not(.light-mode) .field select,body:not(.light-mode) .field input{background:#1a1725;color:#e5e7eb;border-color:rgba(255,255,255,0.12)}body:not(.light-mode) .field select:hover,body:not(.light-mode) .field input:hover{border-color:rgba(165,180,252,0.4)}body:not(.light-mode) .paper-result{color:#9ca3af}body:not(.light-mode) .ai-support-section,body:not(.light-mode) #ai-support-section{background:#1a1725;border-color:rgba(255,255,255,0.08)}body:not(.light-mode) #ai-support-section > div > div:first-child{text-align:center}body:not(.light-mode) #ai-support-section h2{color:#f5f0e8}body:not(.light-mode) #ai-support-section p{color:#9ca3af}body:not(.light-mode) .ai-plans-card,body:not(.light-mode) .dash-mastery-card.sa-feedback-card{background:#24202d;border-color:rgba(255,255,255,0.08)}body:not(.light-mode) .plan-card{background:#1a1725;border-color:rgba(255,255,255,0.1)}body:not(.light-mode) .plan-card strong{color:#e5e7eb}body:not(.light-mode) .plan-card p{color:#9ca3af}body:not(.light-mode) .plan-card ul{color:#d1d5db}body:not(.light-mode) .upgrade-click-card{background:#24202d}body:not(.light-mode) .upgrade-click-card p{color:#fbbf24}body:not(.light-mode) .review-textarea{background:#1a1725;color:#e5e7eb;border-color:rgba(255,255,255,0.12)}body:not(.light-mode) .review-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.15)}body:not(.light-mode) #review-char-count{color:#9ca3af}body:not(.light-mode) .dash-btn-primary{color:#fff}body:not(.light-mode) .dash-feedback-row > div p{color:#9ca3af}body:not(.light-mode) .dash-feedback-row > div h3{color:#f5f0e8}body:not(.light-mode) .about-section{background:#1a1725}body:not(.light-mode) .about-left h2{color:#f5f0e8}body:not(.light-mode) .about-left p{color:#9ca3af}body:not(.light-mode) .about-left .eyebrow{color:#a5b4fc}body:not(.light-mode) .about-stat{background:#24202d;border-color:rgba(255,255,255,0.08)}body:not(.light-mode) .about-stat strong{color:#a5b4fc}body:not(.light-mode) .about-stat span{color:#9ca3af}body:not(.light-mode) .study-console{background:rgba(36,32,45,0.9);border-color:rgba(255,255,255,0.08)}body:not(.light-mode) .console-card{background:#1a1725;border-color:rgba(255,255,255,0.08)}body:not(.light-mode) .console-top{background:rgba(255,255,255,0.03)}body:not(.light-mode) .console-footer{background:rgba(255,255,255,0.03);color:#9ca3af}body:not(.light-mode) .console-label{color:#a5b4fc}body:not(.light-mode) .live-dot{color:#4ade80}body:not(.light-mode) .hero-subject{color:#9ca3af;border-color:transparent}body:not(.light-mode) .hero-subject.active{background:rgba(165,180,252,0.2);color:#a5b4fc;border-color:rgba(165,180,252,0.3)}body:not(.light-mode) .hero-subject:hover{background:rgba(255,255,255,0.08)}body:not(.light-mode) .auth-dialog{background:#24202d;color:#e5e7eb;border-color:rgba(255,255,255,0.08)}body:not(.light-mode) .auth-dialog h2{color:#f5f0e8}body:not(.light-mode) .auth-dialog label{color:#d1d5db}body:not(.light-mode) .auth-form input{background:#1a1725;color:#e5e7eb;border-color:rgba(255,255,255,0.12)}body:not(.light-mode) .auth-backdrop{background:rgba(0,0,0,0.6)}body:not(.light-mode) .guest-bubble{background:#24202d;border-color:rgba(255,255,255,0.08)}body:not(.light-mode) .guest-bubble h2{color:#f5f0e8}body:not(.light-mode) .guest-bubble p{color:#9ca3af}body:not(.light-mode) .guest-icon{background:rgba(165,180,252,0.1)}body:not(.light-mode) .ai-console{background:#24202d;border-color:rgba(255,255,255,0.08)}body:not(.light-mode) .ai-console-head{background:#1a1725;border-color:rgba(255,255,255,0.08)}body:not(.light-mode) .ai-console-head strong{color:#f5f0e8}body:not(.light-mode) .ai-response{color:#d1d5db}body:not(.light-mode) .ai-form textarea{background:#1a1725;color:#e5e7eb;border-color:rgba(255,255,255,0.12)}body:not(.light-mode) .sa-toast{background:#24202d;color:#e5e7eb;border-color:rgba(255,255,255,0.1)}body:not(.light-mode) .plan-card{border:1px solid rgba(255,255,255,0.1) !important}body:not(.light-mode) .ai-card-premium{background:rgba(99,102,241,0.1) !important;border-color:rgba(99,102,241,0.2) !important}body:not(.light-mode) .ai-card-premium strong{color:#e5e7eb !important}body:not(.light-mode) .ai-card-premium p{color:#d1d5db !important}body:not(.light-mode) .ai-card-premium ul{color:#d1d5db !important}body:not(.light-mode) .dash-mastery-card > div:last-child{background:rgba(251,191,36,0.08) !important;border-color:rgba(251,191,36,0.2) !important}body:not(.light-mode) #ai-support-section h2{color:#f5f0e8 !important;font-size:2rem;font-weight:900}body:not(.light-mode) #ai-support-section > div > div:first-child > p{color:#d1d5db !important;font-weight:500}body:not(.light-mode) .ai-plans-card > div > p,body:not(.light-mode) .ai-plans-card > div:first-child > p{color:#d1d5db !important}body:not(.light-mode) .ai-plans-card > div:first-child > strong{color:#f5f0e8 !important}body:not(.light-mode) .dash-feedback-row > div:first-child > div:first-child > p{color:#d1d5db !important}body:not(.light-mode) .sa-feedback-card > p{color:#d1d5db !important}body:not(.light-mode) .sa-feedback-card h3{color:#f5f0e8 !important}body:not(.light-mode) #review-char-count{color:#9ca3af !important}body:not(.light-mode) .study-console{background:#1e1b2e !important;border:1px solid rgba(165,180,252,0.15) !important;box-shadow:0 20px 50px rgba(0,0,0,0.3) !important}body:not(.light-mode) .console-card{background:#15131a !important;border:1px solid rgba(165,180,252,0.12) !important}body:not(.light-mode) .console-card h2{color:#f5f0e8 !important}body:not(.light-mode) .console-card p{color:#d1d5db !important}body:not(.light-mode) .console-card .focus-description{color:#9ca3af !important}body:not(.light-mode) .chapter-icon{color:#a5b4fc !important}body:not(.light-mode) #hero-subject-label{color:#a5b4fc !important}body:not(.light-mode) #hero-subject-title{color:#f5f0e8 !important}body:not(.light-mode) .progress-row span{color:#9ca3af !important}body:not(.light-mode) .progress-row strong{color:#a5b4fc !important}body:not(.light-mode) .progress-track{background:rgba(255,255,255,0.08) !important}body:not(.light-mode) .progress-track i{background:linear-gradient(90deg,#6366f1,#a5b4fc) !important}body.light-mode .field select,body.light-mode .field input[type="text"]{border:2px solid #fbbf24 !important;background:#fffbeb !important;color:#1e293b !important;padding:12px 16px !important;border-radius:10px !important;transition:border-color 0.2s,box-shadow 0.2s !important}body.light-mode .field select:focus,body.light-mode .field input[type="text"]:focus{border-color:#f59e0b !important;box-shadow:0 0 0 3px rgba(251,191,36,0.2) !important;outline:none !important}body.light-mode .hero{background:linear-gradient(180deg,#ede9fe 0%,#ddd6fe 35%,#c4b5fd 65%,#ede9fe 100%) !important;padding:8rem 2rem 5rem !important;min-height:auto !important}body.light-mode .hero-orb{display:none !important}body.light-mode .hero-grid{display:none !important}body.light-mode .study-console{background:rgba(255,255,255,0.92) !important;border:1px solid rgba(139,92,246,0.2) !important;box-shadow:0 12px 40px rgba(139,92,246,0.08) !important;backdrop-filter:blur(12px) !important}body.light-mode .console-card{background:#fff !important;border:1px solid #e9e5f5 !important}body.light-mode .console-card h2{color:#1e1b4b !important;font-size:1.6rem !important}body.light-mode .console-card p{color:#475569 !important}body.light-mode .chapter-icon{color:#7c3aed !important}body.light-mode #hero-subject-label{color:#7c3aed !important;font-weight:600}body.light-mode .progress-track{background:#e9e5f5 !important}body.light-mode .progress-track i{background:linear-gradient(90deg,#7c3aed,#a78bfa) !important}body:not(.light-mode) .hero{background:linear-gradient(160deg,#0f0d18 0%,#1a1528 40%,#251d35 70%,#0f0d18 100%) !important}body:not(.light-mode) .hero h1{color:#f5f0e8 !important}body:not(.light-mode) .hero h1 em{color:#c4b5fd !important}body:not(.light-mode) .hero-intro{color:#9ca3af !important}body:not(.light-mode) .hero-proof div{color:#9ca3af !important}body:not(.light-mode) .hero-proof strong{color:#e5e7eb !important}body:not(.light-mode) #ai-support-section > div > div:first-child h2{color:#f5f0e8 !important}body:not(.light-mode) #ai-support-section > div > div:first-child p{color:#d1d5db !important}body:not(.light-mode) .dash-feedback-row h3{color:#f5f0e8 !important}body:not(.light-mode) .dash-feedback-row > div:last-child > p{color:#d1d5db !important}body:not(.light-mode) #review-text{background:#15131a !important;color:#e5e7eb !important;border-color:rgba(255,255,255,0.12) !important}body:not(.light-mode) #review-text::placeholder{color:#6b7280 !important}body:not(.light-mode) .dash-btn-primary{background:#6366f1 !important;color:#fff !important}body:not(.light-mode) .ai-card-premium{border:1px solid rgba(139,92,246,0.3) !important}body:not(.light-mode) .ai-card-premium strong{color:#f5f0e8 !important}body:not(.light-mode) .ai-card-premium p{color:#d1d5db !important}body:not(.light-mode) .ai-card-premium ul li{color:#d1d5db !important}body:not(.light-mode) #ai-plans-container > div:first-child strong{color:#f5f0e8 !important}body:not(.light-mode) #ai-plans-container > div:first-child p{color:#d1d5db !important}body:not(.light-mode) #ai-plans-container > div:first-child ul li{color:#d1d5db !important}body:not(.light-mode) .console-card h2,body:not(.light-mode) #hero-subject-title{color:#f5f0e8 !important;text-shadow:0 1px 2px rgba(0,0,0,0.3)}body:not(.light-mode) .console-card p,body:not(.light-mode) .focus-description{color:#d1d5db !important}body:not(.light-mode) .console-card .chapter-icon{font-size:2rem;color:#a5b4fc !important;opacity:1}body:not(.light-mode) #hero-subject-label{color:#a5b4fc !important;font-weight:700}body:not(.light-mode) .console-top{background:rgba(255,255,255,0.05)}body:not(.light-mode) .console-label{color:#a5b4fc !important;letter-spacing:0.1em;font-weight:700;font-size:0.7rem}body:not(.light-mode) .live-dot{color:#4ade80 !important;font-weight:600}body:not(.light-mode) .progress-row span{color:#9ca3af !important}body:not(.light-mode) .progress-row strong{color:#c4b5fd !important;font-size:1rem}body:not(.light-mode) .progress-track{background:rgba(255,255,255,0.06) !important;height:6px}body:not(.light-mode) .progress-track i{background:linear-gradient(90deg,#818cf8,#c4b5fd) !important}body:not(.light-mode) .hero-subject.active{background:rgba(129,140,248,0.25) !important;color:#c4b5fd !important;border-bottom:2px solid #818cf8 !important}body:not(.light-mode) .hero-subject{color:#9ca3af !important}body:not(.light-mode) .hero-subject:hover{color:#d1d5db !important;background:rgba(255,255,255,0.06)}body:not(.light-mode) .console-footer{background:rgba(255,255,255,0.03);border-top:1px solid rgba(255,255,255,0.06);color:#6b7280 !important;font-size:0.7rem}body:not(.light-mode) .mini-bars i{background:#6b7280}body.light-mode .hero h1{color:#1e1b4b !important;font-size:3.5rem;line-height:1.1;text-shadow:none}body.light-mode .hero h1 em{color:#4f46e5 !important;font-style:italic}body.light-mode .hero-intro{color:#334155 !important;font-size:1.1rem;line-height:1.6;max-width:480px}body.light-mode .hero-copy .eyebrow{color:#6366f1 !important;font-weight:700;font-size:0.8rem;letter-spacing:0.15em;text-transform:uppercase}body.light-mode .hero-proof div{color:#475569 !important}body.light-mode .hero-proof strong{color:#1e293b !important;font-size:1.4rem}body.light-mode .hero-actions .button-primary{background:#4f46e5 !important;color:#fff !important;padding:14px 32px;border-radius:12px;font-weight:700;font-size:1rem;box-shadow:0 4px 12px rgba(79,70,229,0.25)}body.light-mode .hero-actions .button-quiet{color:#4f46e5 !important;border:1px solid #c7d2fe;background:rgba(255,255,255,0.5);padding:14px 32px;border-radius:12px;font-weight:700}body.light-mode .hero-actions .button-quiet:hover{background:rgba(79,70,229,0.06)}body.light-mode .console-card h2,body.light-mode #hero-subject-title{color:#1e1b4b !important}body.light-mode .console-card p,body.light-mode .focus-description{color:#475569 !important}body.light-mode .chapter-icon{color:#7c3aed !important}body.light-mode #hero-subject-label{color:#7c3aed !important}body.light-mode .hero-subject.active{background:#4f46e5 !important;color:#fff !important}body.light-mode .hero-subject{color:#6b7280 !important}body.light-mode .progress-track{background:#e9e5f5 !important}body.light-mode .progress-track i{background:linear-gradient(90deg,#7c3aed,#a78bfa) !important}body:not(.light-mode) .subjects .section-heading h2{color:#f5f0e8 !important}body:not(.light-mode) .subjects .section-heading p{color:#9ca3af !important}body:not(.light-mode) .paper-panel{background:#1e1b2e !important;border:1px solid rgba(165,180,252,0.12) !important}body:not(.light-mode) .paper-panel .panel-heading{background:rgba(255,255,255,0.03)}body:not(.light-mode) .paper-panel h3{color:#f5f0e8 !important}body:not(.light-mode) .field select,body:not(.light-mode) .field input{background:#15131a !important;color:#e5e7eb !important;border:1px solid rgba(165,180,252,0.2) !important}body:not(.light-mode) .field select:hover,body:not(.light-mode) .field input:hover{border-color:rgba(165,180,252,0.4) !important}body:not(.light-mode) .field label span{color:#d1d5db !important;font-weight:600}body:not(.light-mode) .paper-result{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:12px;color:#9ca3af !important}body:not(.light-mode) .about-section{background:#0f0d18 !important;border-top:1px solid rgba(255,255,255,0.06)}body:not(.light-mode) .about-left h2{color:#f5f0e8 !important}body:not(.light-mode) .about-left p{color:#d1d5db !important}body:not(.light-mode) .about-stat{background:#1e1b2e !important;border:1px solid rgba(165,180,252,0.12) !important}body:not(.light-mode) .about-stat strong{color:#a5b4fc !important}body:not(.light-mode) .about-stat span{color:#9ca3af !important}body.light-mode .paper-panel{border:3px solid #fbbf24 !important;background:#fffbeb !important;box-shadow:0 8px 32px rgba(251,191,36,0.12) !important}body.light-mode .panel-heading{background:rgba(251,191,36,0.06) !important;border-bottom:1px solid rgba(251,191,36,0.15)}body.light-mode .panel-heading h3{color:#92400e !important}body.light-mode .panel-kicker{color:#b45309 !important}body.light-mode .archive-count{color:#b45309 !important}body.light-mode .paper-result{background:rgba(251,191,36,0.06);border:1px solid rgba(251,191,36,0.15);color:#92400e}body:not(.light-mode) .paper-panel{border:2px solid rgba(165,180,252,0.2) !important}body.light-mode .site-header{background:rgba(255,255,255,0.92) !important;backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,0.06);position:sticky;top:0;z-index:100}body.light-mode .main-nav{background:rgba(79,70,229,0.06);border:1px solid rgba(79,70,229,0.12)}body.light-mode .main-nav a{color:#475569}body.light-mode .main-nav a:hover{background:rgba(79,70,229,0.08);color:#4f46e5}body.light-mode .brand{color:#1e1b4b}body.light-mode .brand-mark i{background:#4f46e5}body:not(.light-mode) .site-header{background:rgba(15,13,24,0.85) !important;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.05)}body:not(.light-mode) .main-nav{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06)}body:not(.light-mode) .main-nav a{color:#9ca3af}body:not(.light-mode) .main-nav a:hover{background:rgba(255,255,255,0.06);color:#e5e7eb}body:not(.light-mode) .brand{color:#e5e7eb}body:not(.light-mode) .brand-mark i{background:#a5b4fc}body:not(.light-mode) .nav-cta{background:rgba(99,102,241,0.15);color:#c4b5fd;border-color:rgba(99,102,241,0.2)}body:not(.light-mode) .nav-cta:hover{background:rgba(99,102,241,0.25)}body.light-mode .site-header{background:#ffffff !important;border-bottom:1px solid #e2e8f0 !important}body.light-mode .main-nav{background:#f1f5f9 !important;border:1px solid #e2e8f0 !important}body.light-mode .main-nav a{color:#334155 !important;font-weight:600}body.light-mode .main-nav a:hover{background:#e0e7ff !important;color:#4338ca !important}body.light-mode .nav-cta{background:#4f46e5 !important;color:#ffffff !important;border:none !important;font-weight:700}body.light-mode .nav-cta:hover{background:#4338ca !important}body.light-mode .brand{color:#1e1b4b !important;font-weight:900}body.light-mode .brand-mark i{background:#4f46e5 !important}body.light-mode .user-greeting .nav-cta{background:#4f46e5 !important;color:#ffffff !important}body.light-mode .user-menu{background:#ffffff !important;border:1px solid #e2e8f0 !important;box-shadow:0 8px 30px rgba(0,0,0,0.12) !important}body.light-mode .user-menu .text-button{color:#334155 !important}body.light-mode .user-menu .text-button:hover{background:#f1f5f9 !important}body.light-mode #admin-nav-bubble{background:#fef3c7 !important;color:#92400e !important;border:1px solid #fbbf24 !important;font-weight:700}body:not(.light-mode) .paper-panel{border:3px solid #fbbf24 !important;background:rgba(251,191,36,0.04) !important;box-shadow:0 0 0 1px rgba(251,191,36,0.1),0 8px 32px rgba(0,0,0,0.3) !important}body:not(.light-mode) .panel-heading{background:rgba(251,191,36,0.06) !important;border-bottom:1px solid rgba(251,191,36,0.15) !important}body:not(.light-mode) .panel-heading h3{color:#fbbf24 !important}body:not(.light-mode) .panel-kicker{color:#fbbf24 !important}body:not(.light-mode) .archive-count{color:#d97706 !important}body:not(.light-mode) .field select,body:not(.light-mode) .field input{border:2px solid rgba(251,191,36,0.4) !important}body:not(.light-mode) .field select:hover,body:not(.light-mode) .field input:hover{border-color:#fbbf24 !important}body:not(.light-mode) .field label span{color:#fbbf24 !important}body:not(.light-mode) .paper-result{background:rgba(251,191,36,0.04);border:1px solid rgba(251,191,36,0.12);color:#d1d5db}body:not(.light-mode) #ai-support-section .dash-mastery-card > div:last-child{background:rgba(251,191,36,0.06) !important;border:1px solid rgba(251,191,36,0.25) !important}body:not(.light-mode) #ai-support-section .dash-mastery-card > div:last-child h4{color:#fbbf24 !important}body:not(.light-mode) #ai-support-section .dash-mastery-card > div:last-child p{color:#d1d5db !important}body:not(.light-mode) #ai-support-section .dash-mastery-card > div:last-child > div{background:#1a1725 !important;border:2px solid rgba(251,191,36,0.3) !important}body:not(.light-mode) #ai-support-section .dash-mastery-card > div:last-child > div p{color:#e5e7eb !important}body:not(.light-mode) #ai-support-section .dash-mastery-card > div:last-child > div p strong{color:#fbbf24 !important}body:not(.light-mode) #review-text:focus{outline:none !important;border-color:rgba(251,191,36,0.4) !important;box-shadow:0 0 0 3px rgba(251,191,36,0.15) !important}body.light-mode #review-text:focus{outline:none !important;border-color:#f59e0b !important;box-shadow:0 0 0 3px rgba(245,158,11,0.2) !important}*:focus-visible{outline:2px solid #6366f1 !important;outline-offset:2px}body:not(.light-mode) *:focus-visible{outline-color:#818cf8 !important}body:not(.light-mode) #ai-support-section .dash-mastery-card > div:last-child > div p span,body:not(.light-mode) #ai-support-section .upgrade-click-card p span{color:#d1d5db !important}body:not(.light-mode) #ai-support-section .upgrade-click-card p{color:#e5e7eb !important}body:not(.light-mode) #ai-support-section .upgrade-click-card p strong{color:#fbbf24 !important}body:not(.light-mode) .review-textarea{border:none !important;outline:none !important;box-shadow:none !important}body:not(.light-mode) .review-textarea:focus{border:none !important;outline:none !important;box-shadow:inset 0 0 0 2px rgba(251,191,36,0.3) !important}body.light-mode .review-textarea{border:2px solid #e2e8f0 !important;outline:none !important}body.light-mode .review-textarea:focus{border-color:#f59e0b !important;box-shadow:0 0 0 3px rgba(245,158,11,0.15) !important}body:not(.light-mode) .paper-panel{border-radius:24px !important;overflow:hidden}body.light-mode .paper-panel{border-radius:24px !important;overflow:hidden}body.light-mode .paper-panel{border-color:#fbbf24 !important;background:#fffbeb !important}body.light-mode .paper-panel .past-paper-label,body.light-mode .paper-panel .curated-label,body.light-mode #searchPastPapers label,body.light-mode #searchResultLabel{color:#92400e !important}body.light-mode .paper-panel h2,body.light-mode .paper-panel h3,body.light-mode #searchPastPapers h2{color:#1e293b !important}body.light-mode .paper-panel p{color:#475569 !important}body.light-mode .paper-panel select,body.light-mode .paper-panel input[type="text"]{color:#1e293b !important;background:#fff !important;border-color:#fbbf24 !important}body.light-mode .paper-panel .archive-btn,body.light-mode .paper-panel button[type="submit"]{color:#fff !important}body.light-mode .brand-text,body.light-mode .brand span,body.light-mode nav .brand-text,body.light-mode nav .brand span{color:#1e1b4b !important}body.light-mode nav .brand{color:#1e1b4b !important}body.light-mode .main-nav .brand span{color:#1e1b4b !important}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;z-index:10010}.hamburger-btn span{display:block;width:100%;height:2.5px;background:#f5f0e8;border-radius:2px;transition:transform 0.3s,opacity 0.3s}body.light-mode .hamburger-btn span{background:#1e293b}.hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.hamburger-btn{display:flex}.main-nav{position:fixed;top:0;right:-280px;width:260px;height:100vh;background:#1a1725;flex-direction:column;padding:80px 24px 24px;gap:4px;z-index:10009;transition:right 0.3s ease;box-shadow:-4px 0 20px rgba(0,0,0,0.3);border-left:1px solid rgba(255,255,255,0.06);display:none}.main-nav.open{display:flex;right:0}body.light-mode .main-nav{background:#ffffff;box-shadow:-4px 0 20px rgba(0,0,0,0.1)}.main-nav a{padding:12px 16px;font-size:1rem;border-radius:10px;color:#d1d5db}body.light-mode .main-nav a{color:#334155}.main-nav a:hover{background:rgba(255,255,255,0.06);color:#fff}body.light-mode .main-nav a:hover{background:#f1f5f9;color:#1e1b4b}.dark-mode-toggle{margin-left:auto}.nav-cta{font-size:0.85rem;padding:8px 14px}.user-greeting .nav-cta{font-size:0.85rem;padding:8px 14px}.site-header{flex-wrap:wrap}}.offline-banner{position:fixed;top:0;left:0;right:0;background:#dc2626;color:#fff;text-align:center;padding:10px 16px;font-size:0.9rem;font-weight:700;z-index:99999;transform:translateY(-100%);transition:transform 0.3s ease}.offline-banner.show{transform:translateY(0)}.notification-bell{position:relative;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:6px;border-radius:8px;transition:background 0.2s;color:#d1d5db}body.light-mode .notification-bell{color:#475569}.notification-bell:hover{background:rgba(255,255,255,0.08)}body.light-mode .notification-bell:hover{background:rgba(0,0,0,0.06)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:#ef4444;color:#fff;border-radius:9px;font-size:0.65rem;font-weight:800;display:none;align-items:center;justify-content:center;padding:0 4px;border:2px solid #1a1725;animation:badgePulse 2s ease-in-out infinite}body.light-mode .notification-badge{border-color:#fff}.notification-badge.show{display:flex}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:0.85rem;color:#9ca3af}.breadcrumb a{color:#a5b4fc;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{opacity:0.4}.breadcrumb .current{color:#f5f0e8;font-weight:600}body.light-mode .breadcrumb .current{color:#1e293b}.page-404{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:60px 20px}.page-404 h1{font-size:6rem;font-weight:900;color:#6366f1;margin:0}.page-404 p{font-size:1.2rem;color:#9ca3af;margin:16px 0 32px}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}body.light-mode .skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.ai-support-section{padding:80px 0;border-top:1px solid rgba(255,255,255,0.06)}body.light-mode .ai-support-section{border-top-color:#e2e8f0}.ai-support-header{text-align:center;margin-bottom:50px}.ai-support-header h2{font-size:2.5rem;margin-bottom:15px;font-weight:900}.ai-support-header p{font-size:1.1rem;max-width:700px;margin:0 auto;line-height:1.6;font-weight:600}.ai-plans-layout{display:flex;gap:32px;align-items:stretch}.ai-plans-left{flex:0 0 500px;display:flex;flex-direction:column;gap:24px}.ai-plans-right{flex:1;display:flex;flex-direction:column;gap:30px}.ai-plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.plan-card{padding:24px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform 0.2s}.plan-card strong{display:block;font-size:1.1rem;margin-bottom:8px}.plan-card p{font-size:0.85rem;line-height:1.5}.plan-card ul{padding:0;margin:12px 0 0;list-style:none;font-size:0.85rem;line-height:1.8}.plan-badge{margin-top:20px;font-size:0.95rem;font-weight:900;padding:6px 12px;border-radius:8px;width:fit-content}.plan-upgrade-btn{margin-top:20px;font-size:1.05rem;font-weight:900;color:#fff;background:#312e81;padding:10px 20px;border-radius:12px;width:fit-content;border:none;cursor:pointer;box-shadow:0 4px 10px rgba(49,46,129,0.2)}.transparency-box{padding:20px;border-radius:20px;font-size:0.9rem}.transparency-box h4{margin-bottom:6px;font-weight:900}.transparency-box p{margin-bottom:12px;line-height:1.5;font-weight:800}.feedback-header h3{margin-bottom:12px;border-bottom:2px solid #cbd5e1;padding-bottom:10px}.feedback-header p{font-size:0.95rem;margin-bottom:12px;line-height:1.6;font-weight:600}body.light-mode .feedback-header h3{border-bottom-color:#e2e8f0}body.light-mode .ai-support-header h2{color:#1e1b4b}body.light-mode .ai-support-header p{color:#475569}body.light-mode .plan-card strong{color:#1e1b4b}body.light-mode .plan-card p{color:#475569}body.light-mode .plan-card ul{color:#334155}body.light-mode .transparency-box{background:#fffbeb;border-left:6px solid #d97706;border:1px solid #fcd34d}body.light-mode .transparency-box h4{color:#78350f}body.light-mode .transparency-box p{color:#78350f}body.light-mode .feedback-header p{color:#475569}body.light-mode .feedback-header h3{color:#1e1b4b}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:20px}body.light-mode .footer-inner{border-bottom-color:#e2e8f0}.footer-brand-col{flex:0 0 auto}.footer-brand-col p{margin-top:8px;font-size:0.9rem}.footer-links{display:flex;gap:24px;flex:1;justify-content:center}.footer-contact{flex:0 0 auto;text-align:right;font-size:0.85rem;line-height:1.8}.footer-contact p{margin:0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;opacity:0.6}.footer-bottom a{color:inherit;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}@media (max-width:768px){.footer-inner{flex-direction:column;gap:20px;text-align:center}.footer-contact{text-align:center}.footer-links{justify-content:center}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}body.light-mode .review-textarea{background:#ffffff;color:#1e293b;border:2px solid #e2e8f0}body.light-mode .review-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,0.15)}body.light-mode #review-char-count{color:#64748b}body.light-mode .sa-feedback-card{background:#ffffff;border-color:#e2e8f0}body.light-mode #public-testimonials-container{background:#ffffff;border-color:#e2e8f0}body.light-mode #public-testimonials-container h3{color:#1e1b4b;border-bottom-color:#e2e8f0}body.light-mode .ai-plans-card{background:#ffffff;border-color:#e2e8f0}body.light-mode .ai-card-premium{background:#f5f3ff !important;border-color:#ddd6fe !important}body.light-mode .plan-card{background:#f8fafc;border:1px solid #e2e8f0}body.light-mode .dash-section-title{color:#1e1b4b}body.light-mode .upgrade-click-card{background:#fffbeb;border-color:#fcd34d}body.light-mode .ai-plans-card p{color:#475569}body.light-mode .ai-plans-card .dash-section-title{color:#1e1b4b;border-bottom-color:#e2e8f0}.hamburger-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:10008;backdrop-filter:blur(2px)}.hamburger-overlay.show{display:block}@media (max-width:768px){.site-header{position:sticky !important;z-index:10010 !important}.nav-shell{flex-wrap:nowrap;padding:0.8rem 1rem}.main-nav{position:fixed !important;top:0 !important;right:-280px;width:260px !important;height:100vh !important;background:#1a1725;flex-direction:column !important;padding:80px 24px 24px !important;gap:4px !important;z-index:10011 !important;transition:right 0.3s ease !important;box-shadow:-4px 0 20px rgba(0,0,0,0.3) !important;border-left:1px solid rgba(255,255,255,0.06) !important;align-items:stretch !important;overflow-y:auto;display:none !important}body.light-mode .main-nav{background:#ffffff !important}.main-nav.open{display:flex !important;right:0 !important}.main-nav a{padding:14px 16px !important;font-size:1rem !important;border-radius:10px !important;color:#d1d5db !important;display:block !important;width:100% !important}body.light-mode .main-nav a{color:#334155 !important}.main-nav a:hover{background:rgba(255,255,255,0.08) !important;color:#fff !important}.dark-mode-toggle{margin-left:auto}.nav-cta{font-size:0.85rem;padding:8px 14px}}body:not(.light-mode) .ai-console.full-screen{background:#0f0d18 !important;color:#f5f0e8 !important}body:not(.light-mode) .ai-console.full-screen .ai-console-head{background:#1a1725 !important;border-color:rgba(255,255,255,0.08) !important;color:#f5f0e8 !important}body:not(.light-mode) .ai-console.full-screen .ai-console-head strong{color:#f5f0e8 !important}body:not(.light-mode) .ai-console.full-screen .ai-console-head span{color:#9ca3af !important}body:not(.light-mode) .ai-console.full-screen .available{color:#4ade80 !important}body:not(.light-mode) .ai-console.full-screen .ai-response{color:#d1d5db !important}body:not(.light-mode) .ai-console.full-screen .ai-response p{color:#d1d5db !important}body:not(.light-mode) .ai-console.full-screen .ai-form{background:#1a1725 !important;border:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 10px 40px rgba(0,0,0,0.4) !important}body:not(.light-mode) .ai-console.full-screen .ai-form textarea{background:#24202d !important;color:#f5f0e8 !important;border-color:rgba(255,255,255,0.1) !important}body:not(.light-mode) .ai-console.full-screen .ai-form textarea::placeholder{color:#9ca3af !important}body:not(.light-mode) .ai-console.full-screen .ai-note{background:rgba(26,23,37,0.9) !important;color:#9ca3af !important}body:not(.light-mode) .ai-console.full-screen .attachment-preview{background:#1a1725 !important;color:#d1d5db !important;border-color:rgba(255,255,255,0.1) !important}body:not(.light-mode) .ai-console.full-screen .composer-tool{color:#d1d5db !important;background:rgba(255,255,255,0.06) !important;border-color:rgba(255,255,255,0.1) !important}body:not(.light-mode) .ai-console.full-screen .composer-tool:hover{background:rgba(255,255,255,0.12) !important;color:#fff !important}body:not(.light-mode) .ai-console.full-screen #ai-button{background:#6366f1 !important;color:#fff !important}body:not(.light-mode) .ai-console.full-screen .ai-close-btn{background:#6366f1 !important;color:#fff !important}body:not(.light-mode) .ai-console.full-screen .ai-close-btn:hover{background:#4f46e5 !important}body:not(.light-mode) .ai-console.full-screen .response-star{color:#a5b4fc !important}body:not(.light-mode) .ai-console.full-screen .typing-indicator span{color:#9ca3af !important}body:not(.light-mode) .ai-console.full-screen .typing-indicator i{background:#6366f1 !important}body:not(.light-mode) .ai-user-msg{background:#2d2a3a !important;color:#f5f0e8 !important}body:not(.light-mode) .ai-bot-msg{background:#1a1725 !important;color:#d1d5db !important}.study-console{transition:transform 0.3s ease,box-shadow 0.3s ease}.study-console:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.3)}.console-card{transition:transform 0.25s ease,box-shadow 0.25s ease}.console-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.2)}.hero-subject{transition:all 0.25s ease}.hero-subject:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.hero-subject.active{animation:subjectPop 0.3s ease}@keyframes subjectPop{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.console-label{animation:labelPulse 3s ease-in-out infinite}@keyframes labelPulse{0%,100%{opacity:1}50%{opacity:0.6}}.progress-track i{transition:width 0.8s cubic-bezier(0.4,0,0.2,1)}.hero-copy{animation:fadeInUp 0.6s ease both}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes consoleFloat{0%,100%{transform:translateY(0px) rotate(0deg)}25%{transform:translateY(-6px) rotate(0.3deg)}50%{transform:translateY(-2px) rotate(-0.2deg)}75%{transform:translateY(-8px) rotate(0.1deg)}}@keyframes consoleGlow{0%,100%{box-shadow:0 20px 50px rgba(0,0,0,0.3),0 0 0 rgba(165,180,252,0)}50%{box-shadow:0 20px 50px rgba(0,0,0,0.3),0 0 25px rgba(165,180,252,0.08)}}@keyframes liveDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.85)}}@keyframes progressBarShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes miniBarWave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.8)}}body:not(.light-mode) .study-console{animation:consoleFloat 8s ease-in-out infinite,consoleGlow 4s ease-in-out infinite}.study-console{transition:transform 0.4s cubic-bezier(.22,1,.36,1),box-shadow 0.4s ease,filter 0.3s ease}.study-console:hover{transform:translateY(-6px) scale(1.015) rotate(-0.5deg) !important;box-shadow:0 30px 60px rgba(0,0,0,0.35),0 0 40px rgba(165,180,252,0.12) !important;filter:brightness(1.06);animation-play-state:paused}.live-dot:before{animation:liveDotPulse 2s ease-in-out infinite}.progress-track i{background:linear-gradient(90deg,#818cf8,#c4b5fd,#818cf8) !important;background-size:200% 100% !important;animation:progressBarShimmer 3s linear infinite}.mini-bars i{animation:miniBarWave 1.5s ease-in-out infinite}.mini-bars i:nth-child(2){animation-delay:0.15s}.mini-bars i:nth-child(3){animation-delay:0.3s}.mini-bars i:nth-child(4){animation-delay:0.45s}.mini-bars i:nth-child(5){animation-delay:0.6s}.console-card{transition:transform 0.5s cubic-bezier(.22,1,.36,1),opacity 0.4s ease,box-shadow 0.4s ease}.study-console:hover .console-card{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,0.2)}.study-console:hover .chapter-icon{transform:rotate(8deg) scale(1.1);transition:transform 0.4s cubic-bezier(.22,1,.36,1)}body.light-mode .study-console{animation:consoleFloat 10s ease-in-out infinite}body.light-mode .study-console:hover{transform:translateY(-4px) scale(1.01) !important;box-shadow:0 24px 48px rgba(0,0,0,0.1),0 0 30px rgba(129,140,248,0.08) !important}@keyframes bellGlow{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.4)}50%{box-shadow:0 0 8px 3px rgba(239,68,68,0.25)}}.notification-badge.show{animation:badgePulse 2s ease-in-out infinite,bellGlow 2s ease-in-out infinite}@keyframes bellShake{0%,100%{transform:rotate(0deg)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}}.notification-bell.has-new{animation:bellShake 0.8s ease-in-out}.notification-bell.has-new{background:rgba(239,68,68,0.15) !important;border-radius:8px}body.light-mode .notification-bell.has-new{background:rgba(239,68,68,0.1) !important}.plan-card,.ai-plans-card > div:last-child,.dash-mastery-card.sa-feedback-card,.dash-mastery-card > div:last-child{transition:transform 0.35s cubic-bezier(.22,1,.36,1),box-shadow 0.35s ease,border-color 0.35s ease}.plan-card:hover,.ai-plans-card > div:last-child:hover,.dash-mastery-card.sa-feedback-card:hover,.dash-mastery-card > div:last-child:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px rgba(0,0,0,0.25),0 0 20px rgba(165,180,252,0.08)}body.light-mode .plan-card:hover,body.light-mode .dash-mastery-card.sa-feedback-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.12)}.dash-mastery-card > div:last-child{transition:transform 0.35s cubic-bezier(.22,1,.36,1),box-shadow 0.35s ease}.dash-mastery-card > div:last-child:hover{transform:translateY(-4px)}.plan-card:hover .sa-btn,.plan-card:hover button{transform:scale(1.05);transition:transform 0.25s ease}.sa-feedback-card textarea:hover{border-color:rgba(165,180,252,0.4) !important;transition:border-color 0.3s ease}.ai-card-premium{transition:transform 0.35s cubic-bezier(.22,1,.36,1),box-shadow 0.35s ease,border-color 0.35s ease}.ai-card-premium:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px rgba(124,58,237,0.2),0 0 20px rgba(124,58,237,0.1);border-color:#a78bfa}.ai-card-premium:hover button{transform:scale(1.05);transition:transform 0.25s ease}.ai-card-premium:hover > div:first-child{animation:badgePulse 0.6s ease-in-out}.about-stat{transition:transform 0.35s cubic-bezier(.22,1,.36,1),box-shadow 0.35s ease,border-color 0.35s ease;cursor:pointer;position:relative}.about-stat:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 32px rgba(79,70,229,0.12),0 0 20px rgba(79,70,229,0.06);border-color:#818cf8}.about-stat strong{transition:transform 0.3s ease,color 0.3s ease}.about-stat:hover strong{transform:scale(1.12);color:#818cf8}body.light-mode .about-stat:hover strong{color:#4f46e5}#ai-support-section .dash-mastery-card > div:last-child{transition:transform 0.35s cubic-bezier(.22,1,.36,1),box-shadow 0.35s ease}#ai-support-section .dash-mastery-card > div:last-child:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(251,191,36,0.1)}@media (max-width:480px){#scroll-top-btn{bottom:90px !important;right:14px !important;width:42px !important;height:42px !important}}.study-console.no-float{animation:none !important}body:not(.light-mode) .site-header{position:sticky;top:0;z-index:100}@media (max-width:768px){#scroll-top-btn{bottom:100px !important;right:16px !important;width:42px !important;height:42px !important;font-size:1.1rem !important}}@media (max-width:480px){#scroll-top-btn{bottom:110px !important;right:12px !important;width:40px !important;height:40px !important}}@media (min-width:769px){#scroll-top-btn{right:auto !important;left:24px !important;bottom:24px !important}}@media (max-width:768px){#scroll-top-btn{bottom:100px !important;right:16px !important;width:42px !important;height:42px !important;font-size:1.1rem !important}}
/* ===== MOBILE FIXES — Quiz, AI, Plans, Past Papers ===== */

/* Quiz overlay — fit on screen properly */
@media (max-width: 768px) {
  .sa-quiz-overlay {
    padding: 0 !important;
    overflow-y: auto !important;
  }
  .sa-quiz-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    min-height: 100vh !important;
    padding: 10px !important;
  }
  .sa-quiz-header {
    padding: 10px 12px !important;
    position: sticky;
    top: 0;
    z-index: 10;
    background: inherit;
  }
  .sa-quiz-title {
    font-size: 1.3rem !important;
  }
  .sa-quiz-subtitle {
    font-size: 0.8rem !important;
  }
  .sa-close-btn {
    width: 36px !important;
    height: 36px !important;
    font-size: 1.2rem !important;
  }
  .sa-back-btn {
    width: 36px !important;
    height: 36px !important;
  }

  /* Quiz mode cards — stack vertically */
  .sa-mode-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .sa-mode-card {
    padding: 16px !important;
    min-height: auto !important;
  }

  /* Quiz question — compact layout */
  .sa-question-card {
    padding: 14px !important;
    margin-bottom: 10px !important;
  }
  .sa-question-text {
    font-size: 1rem !important;
    line-height: 1.5 !important;
    margin-bottom: 10px !important;
  }
  .sa-question-chapter {
    font-size: 0.75rem !important;
    margin-bottom: 8px !important;
  }

  /* Quiz options — compact */
  .sa-option {
    padding: 10px 12px !important;
    margin-bottom: 8px !important;
    font-size: 0.9rem !important;
  }
  .sa-option-text {
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
  }

  /* Quiz navigation — fit all buttons */
  .sa-quiz-nav {
    display: flex !important;
    gap: 6px !important;
    padding: 8px 0 !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .sa-quiz-nav .sa-btn {
    padding: 8px 12px !important;
    font-size: 0.8rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .sa-quiz-footer {
    padding: 8px 0 !important;
  }
  .sa-quiz-footer .sa-btn {
    padding: 8px 14px !important;
    font-size: 0.8rem !important;
  }

  /* Quiz timer — compact */
  .sa-timer {
    font-size: 0.85rem !important;
    padding: 4px 10px !important;
  }

  /* Difficulty selector — compact */
  .sa-diff-card {
    padding: 12px !important;
  }
  .sa-diff-card h3 {
    font-size: 1rem !important;
  }
  .sa-diff-card p {
    font-size: 0.8rem !important;
  }
}

/* AI Access & Support — stack cards on mobile */
@media (max-width: 768px) {
  #ai-support-section .dash-feedback-row {
    flex-direction: column !important;
    gap: 20px !important;
  }
  #ai-support-section .ai-plans-card {
    flex: none !important;
    width: 100% !important;
  }
  #ai-support-section #ai-plans-container {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  #ai-support-section .plan-card,
  #ai-support-section .ai-card-premium {
    min-height: auto !important;
    padding: 18px !important;
  }
  #ai-support-section .upgrade-click-card {
    padding: 12px !important;
  }
  #ai-support-section .upgrade-click-card p:last-child {
    font-size: 0.95rem !important;
    word-break: break-all !important;
  }
  #ai-support-section .dash-feedback-row > div:last-child {
    width: 100% !important;
  }
  #ai-support-section .sa-feedback-card {
    min-height: auto !important;
  }
  #ai-support-section #review-text {
    height: 200px !important;
    min-height: 200px !important;
  }
}

/* Past papers — text overflow fix */
@media (max-width: 768px) {
  .paper-result {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: pre-wrap !important;
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
  }
  .paper-result .solution-box,
  .paper-result .explanation {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: pre-wrap !important;
  }
}

/* AI console — mobile fit */
@media (max-width: 768px) {
  .ai-console.full-screen {
    padding: 0 !important;
    border-radius: 0 !important;
  }
  .ai-console.full-screen .ai-console-head {
    padding: 12px 14px 8px !important;
  }
  .ai-console.full-screen .ai-response-wrap {
    padding: 8px 12px 60px !important;
  }
  .ai-console.full-screen .ai-form {
    padding: 8px 10px !important;
    gap: 6px !important;
  }
  .ai-console.full-screen .ai-form textarea {
    font-size: 0.9rem !important;
    padding: 8px 10px !important;
    min-height: 44px !important;
    max-height: 100px !important;
  }
  .ai-console.full-screen .ai-form button {
    width: 38px !important;
    height: 38px !important;
  }
  .ai-console.full-screen .composer-tools {
    gap: 4px !important;
  }
  .ai-console.full-screen .composer-tool {
    width: 34px !important;
    height: 34px !important;
    font-size: 0.85rem !important;
  }
  .ai-console.full-screen .ai-note {
    font-size: 0.55rem !important;
    padding: 4px 10px !important;
  }
  .ai-console.full-screen .ai-response {
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
  }
  .ai-console.full-screen .ai-response p {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
  }
  /* Fix math symbols in AI response */
  .ai-console.full-screen .ai-response code,
  .ai-console.full-screen .ai-response .math {
    font-family: 'DM Mono', monospace !important;
    background: rgba(99, 102, 241, 0.1) !important;
    padding: 1px 4px !important;
    border-radius: 3px !important;
    font-size: 0.85em !important;
  }
}

/* CLS fix — add min-heights to prevent layout shifts */
@media (max-width: 768px) {
  .hero {
    min-height: auto !important;
    padding-top: 7rem !important;
  }
  .study-console {
    min-height: 200px !important;
  }
  .console-card {
    min-height: 180px !important;
  }
  .subject-card {
    min-height: 180px !important;
  }
  .dash-card {
    min-height: 100px !important;
  }
  .dash-mastery-card {
    min-height: 150px !important;
  }
  .ai-response-wrap {
    min-height: 150px !important;
  }
}

/* Scroll-to-top — move above Take Quiz on mobile */
@media (max-width: 768px) {
  #scroll-top-btn {
    bottom: 130px !important;
    right: 14px !important;
    width: 40px !important;
    height: 40px !important;
    z-index: 9987 !important;
  }
}

/* Fix: study console gets blurry on hover in dark mode */
body:not(.light-mode) .study-console:hover {
  filter: none !important;
}

/* Fix: past papers more compact on mobile */
@media (max-width: 768px) {
  .paper-panel .mcq-block,
  .paper-panel .section-block {
    padding: 10px !important;
    margin-bottom: 8px !important;
  }
  .paper-panel .mcq-block h4,
  .paper-panel .section-block h4 {
    font-size: 0.85rem !important;
    margin-bottom: 6px !important;
  }
  .paper-panel .mcq-block p,
  .paper-panel .section-block p {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
  }
  .paper-panel .mcq-options {
    gap: 4px !important;
  }
  .paper-panel .mcq-options div {
    padding: 6px 10px !important;
    font-size: 0.8rem !important;
  }
  .paper-panel .solution-box {
    padding: 8px 10px !important;
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
  }
  .paper-panel .solution-box p {
    margin-bottom: 3px !important;
  }
}

/* Past papers — wider text on mobile for readability */
@media (max-width: 768px) {
  .paper-panel {
    padding: 14px 10px !important;
  }
  .paper-panel .mcq-block,
  .paper-panel .section-block {
    padding: 10px 12px !important;
    max-width: 100% !important;
  }
  .paper-panel .mcq-block p,
  .paper-panel .section-block p,
  .paper-panel .solution-box p {
    max-width: 100% !important;
    font-size: 0.88rem !important;
    line-height: 1.55 !important;
  }
  .paper-panel .mcq-options div {
    max-width: 100% !important;
    font-size: 0.88rem !important;
    padding: 10px 14px !important;
  }
  .paper-panel .solution-box {
    max-width: 100% !important;
    padding: 12px 14px !important;
  }
  .paper-panel h3 {
    font-size: 1.1rem !important;
  }
  .paper-panel h4 {
    font-size: 0.95rem !important;
  }
}

/* Hide chat bubble when overlays are open */
.sa-quiz-overlay[style*="flex"] ~ .help-chat-widget,
.sa-quiz-overlay[style*="display: flex"] ~ .help-chat-widget,
body.quiz-open .help-chat-widget,
body.quiz-open ~ .help-chat-widget,
body.ai-open .help-chat-widget,
body.admin-open .help-chat-widget {
  display: none !important;
}

/* Past papers — wider text on mobile (REAL classes) */
@media (max-width: 768px) {
  .pv-header {
    padding: 10px 12px !important;
  }
  .pv-header h4 {
    font-size: 1rem !important;
    word-wrap: break-word !important;
  }
  .paper-viewer-section {
    padding: 8px 10px !important;
  }
  .paper-viewer-section h5 {
    font-size: 0.9rem !important;
  }
  .pv-question {
    padding: 8px 10px !important;
    margin-bottom: 6px !important;
  }
  .pv-stem {
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
  }
  .pv-options {
    gap: 4px !important;
  }
  .pv-option {
    padding: 8px 10px !important;
    font-size: 0.85rem !important;
    line-height: 1.4 !important;
  }
  .pv-solution {
    padding: 8px 10px !important;
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
  }
  .pv-solution-body {
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
  }
}

/* ===== IMPROVED HELP CHATBOX ===== */
.help-chat-panel {
  width: 380px;
  max-height: 520px;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 12px 40px rgba(0,0,0,0.3);
}
.help-chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  color: #fff;
}
.help-chat-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.help-chat-avatar {
  width: 36px;
  height: 36px;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
.help-chat-header-left strong {
  display: block;
  font-size: 0.9rem;
}
.help-chat-status {
  font-size: 0.65rem;
  color: #86efac;
  font-weight: 500;
}
.help-chat-close {
  background: rgba(255,255,255,0.2);
  border: none;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.help-chat-close:hover {
  background: rgba(255,255,255,0.3);
}
.help-chat-search {
  padding: 10px 14px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}
.help-chat-search input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 0.85rem;
  background: #fff;
  color: #1e293b;
  outline: none;
  transition: border-color 0.2s;
}
.help-chat-search input:focus {
  border-color: #6366f1;
}
.help-chat-search input::placeholder {
  color: #94a3b8;
}
body:not(.light-mode) .help-chat-search {
  background: #1a1725;
  border-bottom-color: rgba(255,255,255,0.06);
}
body:not(.light-mode) .help-chat-search input {
  background: #24202d;
  border-color: rgba(255,255,255,0.1);
  color: #e2e8f0;
}
body:not(.light-mode) .help-chat-search input::placeholder {
  color: #64748b;
}
.help-chat-body {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  background: #fff;
}
body:not(.light-mode) .help-chat-body {
  background: #0f0d18;
}
.help-chat-msg {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  animation: chatFadeIn 0.3s ease;
}
@keyframes chatFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.help-chat-msg-avatar {
  width: 30px;
  height: 30px;
  background: #6366f1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.help-chat-msg-text {
  background: #f1f5f9;
  padding: 10px 14px;
  border-radius: 12px 12px 12px 4px;
  font-size: 0.85rem;
  line-height: 1.5;
  color: #1e293b;
  max-width: 85%;
}
body:not(.light-mode) .help-chat-msg-text {
  background: #1a1725;
  color: #e2e8f0;
}
body:not(.light-mode) .help-chat-msg-text strong {
  color: #a5b4fc;
}
.help-faq-categories {
  display: flex;
  gap: 6px;
  padding: 8px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.help-cat-btn {
  padding: 5px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  background: #fff;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s;
}
.help-cat-btn:hover {
  border-color: #6366f1;
  color: #6366f1;
}
.help-cat-btn.active {
  background: #6366f1;
  color: #fff;
  border-color: #6366f1;
}
body:not(.light-mode) .help-cat-btn {
  background: #1a1725;
  border-color: rgba(255,255,255,0.1);
  color: #94a3b8;
}
body:not(.light-mode) .help-cat-btn:hover {
  border-color: #818cf8;
  color: #818cf8;
}
body:not(.light-mode) .help-cat-btn.active {
  background: #6366f1;
  color: #fff;
  border-color: #6366f1;
}
.help-faq-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.help-faq-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: #334155;
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s;
  width: 100%;
}
.help-faq-item:hover {
  background: #f1f5f9;
}
body:not(.light-mode) .help-faq-item {
  color: #cbd5e1;
}
body:not(.light-mode) .help-faq-item:hover {
  background: rgba(255,255,255,0.04);
}
.help-faq-item span {
  font-size: 1rem;
  flex-shrink: 0;
}
.help-chat-answer {
  margin: 4px 0 8px 38px;
  padding: 10px 14px;
  background: #f0fdf4;
  border-left: 3px solid #22c55e;
  border-radius: 0 10px 10px 0;
  font-size: 0.82rem;
  line-height: 1.5;
  color: #166534;
  animation: chatFadeIn 0.3s ease;
}
body:not(.light-mode) .help-chat-answer {
  background: rgba(34,197,94,0.08);
  color: #86efac;
  border-left-color: #4ade80;
}
body:not(.light-mode) .help-chat-answer strong {
  color: #4ade80;
}
.help-chat-typing {
  display: flex;
  gap: 4px;
  padding: 10px 14px;
  margin-bottom: 8px;
  margin-left: 38px;
}
.help-chat-typing i {
  width: 6px;
  height: 6px;
  background: #94a3b8;
  border-radius: 50%;
  animation: typingDot 1s infinite;
}
.help-chat-typing i:nth-child(2) { animation-delay: 0.2s; }
.help-chat-typing i:nth-child(3) { animation-delay: 0.4s; }
@keyframes typingDot {
  0%, 100% { opacity: 0.3; transform: scale(0.8); }
  50% { opacity: 1; transform: scale(1); }
}
.help-actions-label {
  font-size: 0.72rem;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 12px 0 8px;
  padding-top: 8px;
  border-top: 1px solid #e2e8f0;
}
body:not(.light-mode) .help-actions-label {
  color: #64748b;
  border-top-color: rgba(255,255,255,0.06);
}
.help-actions-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.help-action-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  color: #334155;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.help-action-btn:hover {
  border-color: #6366f1;
  color: #6366f1;
  background: #eef2ff;
}
body:not(.light-mode) .help-action-btn {
  background: #1a1725;
  border-color: rgba(255,255,255,0.1);
  color: #cbd5e1;
}
body:not(.light-mode) .help-action-btn:hover {
  border-color: #818cf8;
  color: #818cf8;
  background: rgba(99,102,241,0.1);
}
.help-action-btn span {
  font-size: 1rem;
}
.help-chat-contact {
  text-align: center;
  padding: 10px;
  margin-top: 8px;
  border-top: 1px solid #e2e8f0;
}
body:not(.light-mode) .help-chat-contact {
  border-top-color: rgba(255,255,255,0.06);
}
.help-chat-contact p {
  font-size: 0.75rem;
  color: #64748b;
  margin: 0 0 4px;
}
.help-contact-link {
  display: inline-block;
  padding: 6px 16px;
  background: #25d366;
  color: #fff !important;
  border-radius: 20px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.2s;
}
.help-contact-link:hover {
  transform: scale(1.05);
}

/* Mobile chatbox */
@media (max-width: 768px) {
  .help-chat-panel {
    width: calc(100vw - 32px);
    max-height: 70vh;
    bottom: 80px;
    right: 16px;
  }
  .help-actions-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* ===== IMPROVED CHATBOX — ANSWER STYLING ===== */
.help-chat-answer {
  background: linear-gradient(135deg, rgba(16,185,129,0.1), rgba(5,150,105,0.05));
  border-left: 3px solid #10b981;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 4px 0 10px 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: #e2e8f0;
  animation: answerSlideIn 0.3s ease;
}
.help-answer-q {
  font-weight: 600;
  font-size: 0.82rem;
  color: #a5b4fc;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(165,180,252,0.2);
}
body.light-mode .help-chat-answer {
  background: linear-gradient(135deg, rgba(16,185,129,0.08), rgba(5,150,105,0.04));
  border-left-color: #059669;
  color: #1e293b;
}
body.light-mode .help-answer-q {
  color: #4f46e5;
  border-bottom-color: rgba(79,70,229,0.2);
}
.help-faq-item {
  transition: opacity 0.2s ease, transform 0.15s ease;
}
.help-faq-item:active {
  transform: scale(0.98);
}
@keyframes answerSlideIn {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
/* Typing indicator dots animation */
.help-chat-typing {
  display: flex;
  gap: 4px;
  padding: 10px 14px;
  margin: 4px 0;
}
.help-chat-typing i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6366f1;
  display: block;
  animation: typingBounce 1.2s infinite;
}
.help-chat-typing i:nth-child(2) { animation-delay: 0.15s; }
.help-chat-typing i:nth-child(3) { animation-delay: 0.3s; }
@keyframes typingBounce {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
  30% { transform: translateY(-5px); opacity: 1; }
}

/* ===== CHAT NUDGE TOOLTIP ===== */
.help-chat-nudge {
  position: absolute;
  bottom: 68px;
  right: 0;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fff;
  padding: 10px 16px;
  border-radius: 14px 14px 4px 14px;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: 0 4px 20px rgba(99,102,241,0.4);
  opacity: 0;
  transform: translateY(8px) scale(0.9);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
  z-index: 9999;
}
.help-chat-nudge.show {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.help-chat-nudge::after {
  content: '';
  position: absolute;
  bottom: -6px;
  right: 18px;
  width: 12px;
  height: 12px;
  background: #4f46e5;
  transform: rotate(45deg);
  border-radius: 2px;
}
body.light-mode .help-chat-nudge {
  background: linear-gradient(135deg, #4f46e5, #4338ca);
  box-shadow: 0 4px 20px rgba(79,70,229,0.35);
}
body.light-mode .help-chat-nudge::after {
  background: #4338ca;
}
@media (max-width: 600px) {
  .help-chat-nudge {
    right: 0;
    bottom: 64px;
    font-size: 0.8rem;
    padding: 8px 12px;
  }
}

/* ===== PAGE TRANSITION SPINNER ===== */
.sa-page-loader {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.3);
  backdrop-filter: blur(4px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.sa-page-loader.active {
  opacity: 1;
  pointer-events: auto;
}
.sa-page-spinner {
  width: 44px;
  height: 44px;
  border: 4px solid rgba(99,102,241,0.2);
  border-top-color: #6366f1;
  border-radius: 50%;
  animation: saSpin 0.7s linear infinite;
}
body.light-mode .sa-page-spinner {
  border-color: rgba(79,70,229,0.2);
  border-top-color: #4f46e5;
}
@keyframes saSpin {
  to { transform: rotate(360deg); }
}

/* ===== SCROLL REVEAL ANIMATIONS ===== */
.sa-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.sa-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.sa-reveal-delay-1 { transition-delay: 0.1s; }
.sa-reveal-delay-2 { transition-delay: 0.2s; }
.sa-reveal-delay-3 { transition-delay: 0.3s; }
.sa-reveal-delay-4 { transition-delay: 0.4s; }

/* ===== FOOTER LINKS ===== */
.footer-extra-links {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
}
.footer-extra-links a {
  color: #b6adb4;
  text-decoration: none;
  font-size: 0.72rem;
  transition: color 0.2s;
}
.footer-extra-links a:hover {
  color: #fff;
}
body.light-mode .footer-extra-links a {
  color: #6b7280;
}
body.light-mode .footer-extra-links a:hover {
  color: #1f2937;
}

/* ===== STATIC PAGES (Privacy, Terms) ===== */
.sa-static-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 120px 24px 60px;
  min-height: 80vh;
}
.sa-static-page h1 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 2.2rem;
  margin-bottom: 1rem;
  color: var(--ink);
}
.sa-static-page h2 {
  font-size: 1.3rem;
  margin-top: 2rem;
  color: var(--plum);
}
.sa-static-page p, .sa-static-page li {
  font-size: 0.95rem;
  line-height: 1.8;
  color: #4a4453;
}
.sa-static-page ul {
  padding-left: 1.5rem;
}
body.light-mode .sa-static-page h1 { color: #1e1b4b; }
body.light-mode .sa-static-page p,
body.light-mode .sa-static-page li { color: #374151; }

/* ===== BETTER ERROR MESSAGES ===== */
.sa-error-toast {
  background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
  border-left: 4px solid #fca5a5 !important;
}
.sa-success-toast {
  background: linear-gradient(135deg, #059669, #047857) !important;
  border-left: 4px solid #6ee7b7 !important;
}

/* ===== FOOTER CONTACT BUTTONS ===== */
.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-contact-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}
.footer-contact-btn:active {
  transform: scale(0.97) !important;
}
@media (max-width: 600px) {
  .footer-contact {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .footer-contact-btn {
    font-size: 0.8rem !important;
    padding: 8px 14px !important;
  }
}

/* ===== QUIZ HISTORY BUTTON HOVER ANIMATION ===== */
button[onclick="openQuizHistory()"] {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
button[onclick="openQuizHistory()"]:hover {
  transform: translateY(-4px) scale(1.05) !important;
  box-shadow: 0 8px 25px rgba(99,102,241,0.5) !important;
}
button[onclick="openQuizHistory()"]:active {
  transform: translateY(-1px) scale(0.98) !important;
}

/* ===== NEW STYLES: Footer Buttons ===== */
.footer-link-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 10px;
  color: #e2e8f0 !important;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
  transition: all 0.2s;
}
.footer-link-btn:hover {
  background: rgba(255,255,255,0.15);
  border-color: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}

/* ===== NEW STYLES: Scroll-to-Top Fix ===== */
#scroll-top-btn {
  z-index: 9988 !important;
}
.help-chat-widget {
  z-index: 9989 !important;
}

/* ===== NEW STYLES: Mobile Bottom Bar Fix ===== */
@media (max-width: 768px) {
  #sa-open-quiz {
    display: none !important;
  }
  .help-chat-widget {
    bottom: 24px !important;
    right: 24px !important;
  }
  #scroll-top-btn {
    bottom: 84px !important;
    right: 24px !important;
  }
}

/* ===== NEW STYLES: Paper Panel Border Fix (Lighter) ===== */
.paper-panel {
  box-shadow: 12px 12px 0 rgba(233,197,164,0.4) !important;
  border: 1px solid rgba(233,197,164,0.3) !important;
}

/* ===== NEW STYLES: Verify Email Modal ===== */
#verify-email-modal button:disabled {
  background: #94a3b8;
  cursor: not-allowed;
}
/* ===== FIX 1: Light Mode Footer Background ===== */
body.light-mode .site-footer,
body[data-theme="light"] .site-footer {
  background: #1a1a2e !important;
}

/* ===== FIX 2: Hide Take Quiz Button on Mobile ===== */
@media (max-width: 768px) {
  #sa-open-quiz {
    display: none !important;
  }
}

/* ===== FIX 3: Scroll-to-Top Button Fix ===== */
#scroll-top-btn {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 9999 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
  color: #fff !important;
  border: none !important;
  font-size: 1.3rem !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4) !important;
  transition: opacity 0.3s, transform 0.3s !important;
}

#scroll-top-btn:hover {
  transform: translateY(-3px) !important;
}

/* Help chat widget above scroll-to-top */
.help-chat-widget {
  z-index: 10000 !important;
}

/* Mobile: Stack buttons properly */
@media (max-width: 768px) {
  .help-chat-widget {
    bottom: 24px !important;
    right: 24px !important;
  }
  #scroll-top-btn {
    bottom: 84px !important;
    right: 24px !important;
  }
}
/* ===== FIX: Light Mode Footer - Keep Dark Professional Color ===== */
body.light-mode .site-footer {
  background: #1a1a2e !important;
  color: #e2e8f0 !important;
}

body.light-mode .footer-link-btn {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.2) !important;
  color: #e2e8f0 !important;
}

body.light-mode .footer-link-btn:hover {
  background: rgba(255,255,255,0.18) !important;
}

body.light-mode .site-footer p {
  color: #94a3b8 !important;
}

body.light-mode .footer-contact-btn {
  opacity: 0.9;
}
/* ===== FIX: Hide Take Quiz Floating Button Completely ===== */
#sa-open-quiz {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ===== FIX: Light Mode Footer - Professional Dark Color ===== */
body.light-mode .site-footer {
  background: #1a1a2e !important;
  color: #e2e8f0 !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}

body.light-mode .footer-link-btn {
  background: rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.2) !important;
  color: #e2e8f0 !important;
}

body.light-mode .footer-link-btn:hover {
  background: rgba(255,255,255,0.18) !important;
  transform: translateY(-2px) !important;
}

body.light-mode .site-footer p {
  color: #94a3b8 !important;
}

/* ===== FIX: Scroll-to-Top Button - Always Proper Positioning ===== */
#scroll-top-btn {
  position: fixed !important;
  bottom: 24px !important;
  left: 24px !important;
  right: auto !important;
  z-index: 9999 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
  color: #fff !important;
  border: none !important;
  font-size: 1.3rem !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4) !important;
  transition: opacity 0.3s, transform 0.3s !important;
  display: none !important;
}

#scroll-top-btn.visible {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}/* Hide mobile-only nav items on desktop: mobile logout + dashboard open/close
   (PC users use the profile dropdown menu for these instead) */
@media (min-width: 621px) {
  #mobile-logout-btn,
  #dashboard-toggle-link {
    display: none !important;
  }
}

#scroll-top-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5) !important;
}




/* Help chat widget on right side */
.help-chat-widget {
  z-index: 10000 !important;
}

/* Mobile layout */
@media (max-width: 768px) {
  #scroll-top-btn {
    bottom: 24px !important;
    left: 24px !important;
  }
  .help-chat-widget {
    bottom: 24px !important;
    right: 24px !important;
  }
}

/* ===== DEFINITIVE FIX: Footer always dark, no blue ===== */
.site-footer {
  background: #0f0d18 !important;
  color: #e2e8f0 !important;
}

body.light-mode .site-footer {
  background: #0f0d18 !important;
  color: #e2e8f0 !important;
}

/* ===== DEFINITIVE FIX: Take Quiz button hidden ===== */
#sa-open-quiz,
.sa-float-btn {
  display: none !important;
  visibility: hidden !important;
}

/* ===== DEFINITIVE FIX: Scroll-to-top button ===== */
#scroll-top-btn {
  position: fixed !important;
  bottom: 24px !important;
  left: 24px !important;
  right: auto !important;
  z-index: 9999 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
  color: #fff !important;
  border: none !important;
  font-size: 1.3rem !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4) !important;
  display: none !important;
}

#scroll-top-btn.visible {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#scroll-top-btn:hover {
  transform: translateY(-3px) !important;
}

@media (max-width: 768px) {
  #scroll-top-btn {
    bottom: 24px !important;
    left: 24px !important;
  }
}

/* ===== FIX: Take Quiz button hidden ===== */
#sa-open-quiz,
.sa-float-btn {
  display: none !important;
  visibility: hidden !important;
}

/* ===== FIX: Footer always dark ===== */
.site-footer {
  background: #0f0d18 !important;
  color: #e2e8f0 !important;
}

/* ===== FIX: Footer links as proper styled buttons ===== */
.footer-links {
  display: flex !important;
  gap: 16px !important;
  flex: 1 !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.footer-links a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px 20px !important;
  background: rgba(99, 102, 241, 0.12) !important;
  border: 1px solid rgba(99, 102, 241, 0.25) !important;
  border-radius: 12px !important;
  color: #a5b4fc !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  transition: all 0.3s ease !important;
}

.footer-links a:hover {
  background: rgba(99, 102, 241, 0.25) !important;
  border-color: rgba(99, 102, 241, 0.5) !important;
  color: #c7d2fe !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.2) !important;
}

body.light-mode .footer-links a {
  background: rgba(79, 70, 229, 0.08) !important;
  border-color: rgba(79, 70, 229, 0.2) !important;
  color: #4f46e5 !important;
}

body.light-mode .footer-links a:hover {
  background: rgba(79, 70, 229, 0.15) !important;
  color: #4338ca !important;
}

/* ===== FIX: Lighten past papers border ===== */
body:not(.light-mode) .paper-panel {
  border: 2px solid rgba(251, 191, 36, 0.35) !important;
  background: rgba(251, 191, 36, 0.03) !important;
}

body.light-mode .paper-panel {
  border: 2px solid rgba(251, 191, 36, 0.25) !important;
  background: #fffbeb !important;
}

/* ===== FIX: Scroll-to-top button positioned correctly ===== */
#scroll-top-btn {
  position: fixed !important;
  bottom: 24px !important;
  left: 24px !important;
  right: auto !important;
  z-index: 9999 !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
  color: #fff !important;
  border: none !important;
  font-size: 1.3rem !important;
  cursor: pointer !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4) !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
}

#scroll-top-btn.visible {
  display: flex !important;
}

/* ===== FIX: MOBILE MENU - SOLID BACKGROUND ===== */
@media (max-width: 768px) {
  .main-nav {
    background: #1a1725 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
  }
  body.light-mode .main-nav {
    background: #ffffff !important;
  }
  .main-nav.open {
    background: #1a1725 !important;
    opacity: 1 !important;
  }
  body.light-mode .main-nav.open {
    background: #ffffff !important;
  }
  #mobile-logout-btn {
    margin-top: 10px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
    color: #f87171 !important;
    font-weight: 700 !important;
  }
  body.light-mode #mobile-logout-btn {
    border-top-color: #e2e8f0 !important;
    color: #dc2626 !important;
  }
}/* Hide mobile-only nav items on desktop: mobile logout + dashboard open/close
   (PC users use the profile dropdown menu for these instead) */
@media (min-width: 621px) {
  #mobile-logout-btn,
  #dashboard-toggle-link {
    display: none !important;
  }
}

#scroll-top-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5) !important;
}




@media (max-width: 768px) {
  #scroll-top-btn {
    bottom: 90px !important;
    left: 16px !important;
    width: 42px !important;
    height: 42px !important;
  }
}

/* ===== FIX: Help chat widget separate from scroll button ===== */
.help-chat-widget {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  left: auto !important;
  z-index: 10000 !important;
}

@media (max-width: 768px) {
  .help-chat-widget {
    bottom: 24px !important;
    right: 16px !important;
  }
}

/* ===== IMPROVED FOOTER BUTTONS ===== */
.footer-links {
  display: flex !important;
  gap: 12px !important;
  flex: 1 !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.footer-links a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 24px !important;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(139, 92, 246, 0.15)) !important;
  border: 1px solid rgba(139, 92, 246, 0.3) !important;
  border-radius: 50px !important;
  color: #c4b5fd !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.02em !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  box-shadow: 0 4px 15px rgba(99, 102, 241, 0.15) !important;
  position: relative !important;
  overflow: hidden !important;
}

.footer-links a::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent) !important;
  transition: left 0.5s ease !important;
}

.footer-links a:hover::before {
  left: 100% !important;
}

.footer-links a:hover {
  background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
  border-color: transparent !important;
  color: #fff !important;
  transform: translateY(-3px) scale(1.05) !important;
  box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4) !important;
}

body.light-mode .footer-links a {
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.1), rgba(99, 102, 241, 0.08)) !important;
  border-color: rgba(79, 70, 229, 0.25) !important;
  color: #6366f1 !important;
}

body.light-mode .footer-links a:hover {
  background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
  color: #fff !important;
}

/* ===== FIX: Scroll-to-top stays visible during scroll ===== */
#scroll-top-btn.scrolling {
  display: flex !important;
  pointer-events: none !important;
}

/* ===== Hide scroll-to-top inside past paper viewer ===== */
body.paper-viewing-locked #scroll-top-btn {
  display: none !important;
}

body.paper-viewing-locked .help-chat-widget {
  display: none !important;
}

/* ===== Mobile-specific footer buttons ===== */
@media (max-width: 620px) {
  .footer-links {
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
  }
  
  .footer-links a {
    padding: 10px 18px !important;
    font-size: 0.82rem !important;
  }
  
  #scroll-top-btn {
    left: 16px !important;
    bottom: 90px !important;
    width: 42px !important;
    height: 42px !important;
  }
  
  .help-chat-widget {
    right: 16px !important;
    bottom: 24px !important;
  }
}