:root{--primary-blue:#64748b;--dark-blue:#1e293b;--gold:#94a3b8;--p:var(--primary-blue);--p-dark:var(--dark-blue);--p-light:color-mix(in srgb, var(--primary-blue) 12%, transparent);--light-blue:color-mix(in srgb, var(--primary-blue) 15%, transparent);--bg-grad:color-mix(in srgb, var(--primary-blue) 5%, transparent);--border:color-mix(in srgb, var(--primary-blue) 15%, transparent);--shadow:0 4px 24px color-mix(in srgb, var(--primary-blue) 15%, transparent);--err:#c62828;--err-lt:#fdecea;--ok:#2e7d32;--ok-lt:#e8f5e9;--bg:#fff;--r:16px;--r-lg:28px;--nav-h:64px;--app-scale:1;--card-bg:#ffffffd9;--text-main:#1e293b;--text-light:#64748b;--gradient-premium-banner:radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--gold) 40%, transparent), transparent 28%), radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--primary-blue) 30%, transparent), transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--primary-blue) 6%, transparent) 0%, color-mix(in srgb, var(--dark-blue) 4%, transparent) 100%);--gradient-premium-primary:linear-gradient(135deg, var(--primary-blue), var(--dark-blue));--gradient-premium-gold:linear-gradient(135deg, var(--gold), var(--primary-blue));--gradient-glass-card:radial-gradient(circle at 12% 20%, #ffffffb8, transparent 22%), linear-gradient(135deg, color-mix(in srgb, var(--primary-blue) 12%, transparent) 0%, color-mix(in srgb, var(--gold) 15%, transparent) 100%)}@media (width>=1025px){:root{--app-scale:.9}#root{zoom:var(--app-scale)}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(var(--border) 1px, transparent 1px), linear-gradient(135deg, var(--bg) 0%, var(--bg-grad) 100%);min-height:100vh;color:var(--text-main);background-size:20px 20px,100% 100%;background-attachment:fixed;font-family:DM Sans,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}body.login-body{background-image:linear-gradient(135deg,#f5f7fa 0%,#e4e8f0 100%);background-size:100% 100%}.bg-animation{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.math-shape{color:var(--p);opacity:0;animation:linear infinite floatUp;position:absolute;bottom:-100px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.15}90%{opacity:.15}to{opacity:0;transform:translateY(-120vh)rotate(360deg)}}.math-shape:first-child{font-size:2.5rem;animation-duration:25s;animation-delay:0s;left:10%}.math-shape:nth-child(2){font-size:1.8rem;animation-duration:20s;animation-delay:5s;left:25%}.math-shape:nth-child(3){font-size:3.5rem;animation-duration:35s;animation-delay:2s;left:40%}.math-shape:nth-child(4){font-size:2rem;animation-duration:22s;animation-delay:8s;left:60%}.math-shape:nth-child(5){font-size:3rem;animation-duration:30s;animation-delay:4s;left:75%}.math-shape:nth-child(6){font-size:1.8rem;animation-duration:18s;animation-delay:1s;left:90%}.math-shape:nth-child(7){font-size:2rem;animation-duration:28s;animation-delay:12s;left:15%}.math-shape:nth-child(8){font-size:2.8rem;animation-duration:26s;animation-delay:9s;left:85%}.math-shape:nth-child(9){font-size:4rem;animation-duration:32s;animation-delay:6s;left:50%}.math-shape:nth-child(10){font-size:1.6rem;animation-duration:19s;animation-delay:15s;left:35%}.navbar{background:color-mix(in srgb, var(--primary-blue) 97%, transparent);-webkit-backdrop-filter:blur(12px);z-index:1000;width:100%;height:var(--nav-h);box-shadow:0 2px 20px color-mix(in srgb, var(--primary-blue) 20%, transparent);justify-content:space-between;align-items:center;padding:0 5%;display:flex;position:fixed;top:0}.logo{color:#fff;white-space:nowrap;cursor:pointer;align-items:center;gap:10px;font-family:Sora,sans-serif;font-size:20px;font-weight:800;text-decoration:none;display:flex}.logo i{font-size:22px}.nav-brand-logo{object-fit:cover;background:#fffffff2;border:3px solid #fffffff2;border-radius:10px;width:34px;height:34px;padding:0}.nav-streak-pill{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-weight:950;display:inline-flex;box-shadow:inset 0 1px #ffffff29}.nav-streak-pill i{color:#facc15}.nav-streak-pill:hover{background:#ffffff3d}.nav-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.nav-profile{position:relative}.nav-profile-button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:9px;min-height:42px;padding:5px 10px 5px 6px;transition:background .18s,border-color .18s;display:flex}.nav-profile-button:hover{background:#ffffff2e;border-color:#ffffff47}.nav-profile-avatar{width:30px;height:30px;color:var(--primary-blue);background:#fffffff5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-profile-text{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.1;display:flex}.nav-profile-text strong{text-overflow:ellipsis;white-space:nowrap;max-width:132px;font-family:Sora,sans-serif;font-size:.82rem;overflow:hidden}.nav-profile-text span{opacity:.78;font-size:.68rem;font-weight:800}.nav-profile-caret{opacity:.78;font-size:.72rem}.nav-profile-menu{border:1px solid var(--border);width:180px;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.nav-profile-menu button{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:10px;font-weight:800;display:flex}.nav-profile-menu button:hover{background:var(--light-blue);color:var(--primary-blue)}.nav-links{gap:28px;font-weight:600;display:flex}.nav-links a{color:#ffffffd9;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-size:.8rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:22px;transition:background .2s;display:none}.hamburger:hover{background:#ffffff26}.mobile-menu{top:var(--nav-h);background:var(--dark-blue);z-index:998;opacity:0;border-top:1px solid #ffffff1a;flex-direction:column;width:100%;transition:all .25s;display:none;position:fixed;left:0;transform:translateY(-10px);box-shadow:0 8px 24px #00000026}.mobile-menu.active{opacity:1;display:flex;transform:translateY(0)}.mobile-menu a{color:#fff;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover{background:#ffffff1a}.mobile-menu a i{text-align:center;opacity:.8;width:20px}.page-wrap{padding-top:calc(var(--nav-h) + 20px);flex-direction:column;align-items:center;min-height:100vh;padding-bottom:60px;display:flex}.hero{padding:calc(var(--nav-h) + 60px) 5% 60px;text-align:center}.badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--primary-blue);letter-spacing:.5px;background:#e6f0fae6;border:1px solid #0056b333;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.02em;max-width:860px;color:var(--dark-blue);margin-bottom:16px;margin-left:auto;margin-right:auto;font-family:Sora,sans-serif;font-size:clamp(2rem,7vw,3.6rem);font-weight:800;line-height:1.15}.hero h1 span{color:var(--primary-blue)}.hero p{color:var(--text-light);max-width:600px;margin:0 auto 36px;font-size:clamp(.95rem,3.5vw,1.2rem);font-weight:500}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 16px;display:flex}.btn{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:50px;padding:14px 30px;font-family:Sora,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-primary{background:var(--primary-blue);color:#fff;box-shadow:0 6px 20px color-mix(in srgb, var(--primary-blue) 35%, transparent)}.btn-primary:hover{box-shadow:0 10px 30px color-mix(in srgb, var(--primary-blue) 45%, transparent);background:var(--dark-blue);transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--primary-blue);border:2px solid var(--primary-blue);background:#fff9}.btn-secondary:hover{background:var(--light-blue);transform:translateY(-3px)}.challenge-section{padding:20px 5% 80px}.section-title{color:var(--dark-blue);text-align:center;margin-bottom:8px;font-family:Sora,sans-serif;font-size:clamp(1.8rem,5vw,2.4rem);font-weight:800}.section-subtitle{color:var(--text-light);text-align:center;margin-bottom:40px;font-size:1.1rem}.grid-wrap{max-width:1100px;margin:0 auto}.section-label{color:var(--primary-blue);border-bottom:2px solid var(--light-blue);text-transform:uppercase;letter-spacing:1.5px;margin:36px 0 14px;padding-bottom:8px;font-family:Sora,sans-serif;font-size:.75rem;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.home-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff80;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:22px 12px 18px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #00285a0d}.home-card:hover,.home-card:active{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--primary-blue) 30%, transparent);background:#fff;transform:translateY(-4px)}.home-card:active{transform:scale(.97)}.card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;transition:transform .3s;display:flex}.home-card:hover .card-icon,.home-card:active .card-icon{transform:scale(1.08)}.card-label{color:var(--dark-blue);text-align:center;font-size:.88rem;font-weight:700;line-height:1.3}.ic-amber{color:#d97706;background:#fffbeb}.ic-sky{color:#0284c7;background:#f0f9ff}.ic-purple{color:#9333ea;background:#faf5ff}.ic-emerald{color:#059669;background:#ecfdf5}.ic-rose{color:#e11d48;background:#fff1f2}.ic-indigo{color:#4f46e5;background:#eef2ff}.practice-card{border-radius:var(--r-lg);width:100%;max-width:520px;box-shadow:var(--shadow);background:#fff;margin:20px auto 0;padding:36px 32px;position:relative;overflow:hidden}.practice-card:before{content:"";background:linear-gradient(90deg, var(--p) 0%, var(--gold) 100%);height:6px;position:absolute;top:0;left:0;right:0}.screen{display:none}.screen.active{animation:.3s pop;display:block}@keyframes pop{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.setup-head{text-align:center;margin-bottom:28px}.setup-badge{background:var(--p-light);color:var(--p);text-transform:uppercase;letter-spacing:2px;border:1px solid #0056b333;border-radius:50px;margin-bottom:10px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-block}.setup-title{color:var(--p);font-family:Sora,sans-serif;font-size:2rem;font-weight:800;line-height:1.1}.setup-sub{color:#78909c;margin-top:6px;font-size:14px}.mode-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.mode-card{border-radius:var(--r);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafafa;border:2px solid #e0e0e0;padding:18px 10px 14px;transition:border-color .18s,background .18s,transform .12s}.mode-card:hover{border-color:var(--p);background:var(--gold-lt);transform:translateY(-2px)}.mode-card.selected{border-color:var(--p);background:var(--p-light)}.mode-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 10px;display:flex}.mode-icon svg{width:24px;height:24px}.icon-easy{background:#e8f5e9}.icon-easy svg{stroke:#2e7d32}.icon-hard{background:#fff3e0}.icon-hard svg{stroke:#e65100}.icon-beast{background:#fce4ec}.icon-beast svg{stroke:#880e4f}.mode-name{color:#263238;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:800}.mode-desc{color:#90a4ae;margin-top:4px;font-size:11px;line-height:1.4}.mode-card.selected .mode-name{color:var(--p)}.mode-card.selected .mode-desc{color:#4caf50}.cust-row{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.cust-row span{color:#90a4ae;text-underline-offset:3px;font-size:13px;font-weight:600;text-decoration:underline}.cust-row:hover span{color:var(--p)}.cust-arrow{stroke:#90a4ae;fill:none;width:16px;height:16px;transition:transform .2s}.cust-arrow.open{transform:rotate(90deg)}.adv-panel{border-radius:var(--r);background:#f5f7f8;border:1.5px dashed #cfd8dc;margin-bottom:20px;padding:20px;display:none}.adv-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.adv-field label{text-transform:uppercase;letter-spacing:1.5px;color:#90a4ae;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.adv-field input[type=number]{width:100%;color:var(--p);background:0 0;border:none;border-bottom:2px solid #cfd8dc;outline:none;padding:4px 0;font-size:1.2rem;font-weight:700;transition:border-color .2s}.adv-field input[type=number]:focus{border-bottom-color:var(--p)}.tog-row{border-top:1px solid #eceff1;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.tog-lbl{color:#37474f;font-size:14px;font-weight:600}.tog-sub{color:#90a4ae;margin-top:2px;font-size:11px}.tog{flex-shrink:0;width:44px;height:24px;position:relative}.tog input{opacity:0;width:0;height:0;position:absolute}.tog-sl{cursor:pointer;background:#cfd8dc;border-radius:12px;transition:background .2s;position:absolute;inset:0}.tog-sl:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.tog input:checked+.tog-sl{background:var(--p)}.tog input:checked+.tog-sl:before{transform:translate(20px)}.start-btn{cursor:pointer;background:var(--p);color:#fff;text-transform:uppercase;letter-spacing:2px;border:none;border-radius:50px;width:100%;padding:17px;font-family:Sora,sans-serif;font-size:1rem;font-weight:800;transition:background .18s,transform .12s,box-shadow .18s;box-shadow:0 6px 20px #0056b359}.start-btn:hover{background:var(--p-dark);box-shadow:0 8px 26px #0056b373}.start-btn:active{transform:scale(.98)}.game-bar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.timer-pill{background:var(--p-light);color:var(--p);text-align:center;border:1.5px solid #0056b34d;border-radius:50px;min-width:76px;padding:6px 18px;font-size:15px;font-weight:800;transition:background .3s,border-color .3s,color .3s}.timer-pill.urgent{background:var(--err-lt);color:var(--err);border-color:#ef9a9a}.score-row{gap:8px;display:flex}.chip{border-radius:50px;padding:6px 16px;font-size:13px;font-weight:800}.chip-ok{background:var(--ok-lt);color:var(--ok);border:1.5px solid #a5d6a7}.chip-bad{background:var(--err-lt);color:var(--err);border:1.5px solid #ef9a9a}.prog-wrap{background:#eceff1;border-radius:3px;height:6px;margin-bottom:28px;overflow:hidden}.prog-bar{background:linear-gradient(90deg, var(--p), var(--gold));border-radius:3px;width:0%;height:6px;transition:width .4s}.flash-zone{flex-direction:column;justify-content:center;align-items:center;min-height:180px;margin-bottom:20px;display:flex}.flash-num{color:var(--p);letter-spacing:-2px;text-align:center;word-break:break-all;font-size:88px;font-weight:900;line-height:1;transition:opacity 80ms}.flash-sub{color:#90a4ae;letter-spacing:.5px;margin-top:10px;font-size:13px;font-weight:600}.ans-zone{text-align:center}.ans-prompt{text-transform:uppercase;letter-spacing:1.5px;color:#90a4ae;margin-bottom:14px;font-size:13px;font-weight:700}#user-ans{width:75%;color:var(--p);text-align:center;background:0 0;border:none;border-bottom:3px solid #cfd8dc;outline:none;margin:0 auto 24px;padding:6px 0;font-size:3rem;font-weight:900;transition:border-color .2s;display:block}#user-ans:focus{border-bottom-color:var(--p)}#user-ans::placeholder{color:#cfd8dc}.result-bubble{color:#fff;letter-spacing:-1px;border-radius:50px;justify-content:center;align-items:center;margin:4px 0 14px;padding:12px 44px;font-size:2.4rem;font-weight:900;display:inline-flex}.bbl-ok{background:var(--ok)}.bbl-bad{background:var(--err)}.res-lbl{margin-bottom:8px;font-size:14px;font-weight:700}.lbl-ok{color:var(--ok)}.lbl-bad{color:var(--err)}.g-btn{cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;border:none;border-radius:50px;width:100%;margin-top:10px;padding:15px;font-size:.95rem;font-weight:800;transition:all .15s;display:block}.g-btn:active{transform:scale(.98)}.g-btn-p{background:var(--p);color:#fff;box-shadow:0 5px 18px #0056b34d}.g-btn-p:hover{background:var(--p-dark)}.g-btn-ghost{color:#90a4ae;background:0 0;border:1.5px solid #cfd8dc}.g-btn-ghost:hover{color:#546e7a;background:#f5f7f8}.end-wrap{text-align:center;padding:10px 0}.score-ring-wrap{width:140px;height:140px;margin:0 auto 24px;position:relative}.score-ring-wrap svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#eceff1;stroke-width:10px}.ring-bar{fill:none;stroke:var(--p);stroke-width:10px;stroke-linecap:round;stroke-dasharray:377;stroke-dashoffset:377px;transition:stroke-dashoffset 1s}.ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-pct{color:var(--p);font-size:2rem;font-weight:900;line-height:1}.ring-acc{color:#90a4ae;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:11px;font-weight:700}.end-title{color:var(--p);margin-bottom:6px;font-size:1.6rem;font-weight:800}.end-sub{color:#78909c;margin-bottom:24px;font-size:14px}.end-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px;display:grid}.stat-box{border-radius:var(--r);background:#f5f7f8;padding:14px 8px}.stat-val{color:var(--p);font-size:1.8rem;font-weight:900}.stat-key{text-transform:uppercase;letter-spacing:1px;color:#90a4ae;margin-top:4px;font-size:10px;font-weight:700}.stat-box.s-ok .stat-val{color:var(--ok)}.stat-box.s-bad .stat-val{color:var(--err)}@media (width<=768px){:root{--nav-h:60px}.hamburger{display:block}.nav-links{display:none}.nav-actions{gap:10px}.nav-streak-pill{min-height:38px;padding:0 10px}.nav-profile-button{min-height:38px;padding:4px 7px 4px 4px}.nav-profile-text,.nav-profile-caret{display:none}.nav-profile-menu{right:-44px}.hero{padding:calc(var(--nav-h) + 40px) 20px 48px}.hero p{padding:0 8px}.cta-buttons{gap:10px}.btn{padding:13px 26px;font-size:.82rem}.challenge-section{padding:12px 16px 60px}.grid-wrap{padding:0}.section-label{margin:28px 0 12px}.grid{grid-template-columns:repeat(3,1fr);gap:10px}.home-card{border-radius:14px;gap:8px;padding:16px 8px 14px}.home-card .card-icon{border-radius:12px;width:46px;height:46px;font-size:18px}.home-card .card-icon svg{width:20px;height:20px}.home-card .card-label{font-size:.82rem}}@media (width<=480px){:root{--nav-h:58px}.logo{font-size:18px}.logo span{text-overflow:ellipsis;max-width:150px;overflow:hidden}.logo i{font-size:20px}.hero{padding:calc(var(--nav-h) + 28px) 16px 40px}.badge{padding:7px 16px;font-size:11px}.cta-buttons{flex-direction:column;align-items:stretch;gap:10px}.btn{text-align:center;padding:15px 20px;font-size:.85rem}.challenge-section{padding:8px 14px 50px}.section-title{margin-bottom:6px}.section-subtitle{margin-bottom:28px;font-size:.95rem}.grid{grid-template-columns:repeat(3,1fr);gap:9px}.home-card{border-radius:12px;gap:7px;padding:14px 6px 12px}.home-card .card-icon{border-radius:10px;width:42px;height:42px;font-size:16px}.home-card .card-icon svg{width:18px;height:18px}.home-card .card-label{font-size:.78rem}}@media (width<=360px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.home-card{border-radius:14px;padding:16px 10px 14px}.home-card .card-icon{width:44px;height:44px}.home-card .card-label{font-size:.82rem}}@media (width<=400px){.practice-card{padding:28px 20px}.flash-num{font-size:72px}.mode-name{font-size:12px}.mode-icon{width:34px;height:34px}.mode-icon svg{width:20px;height:20px}}:root{--sidebar-w:280px}.sidebar{top:var(--nav-h);width:var(--sidebar-w);height:calc(100vh - var(--nav-h));background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border);z-index:900;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;left:0;overflow:hidden;box-shadow:4px 0 24px #0056b30d}@media (width>=1025px){.sidebar{height:calc((100vh / var(--app-scale)) - var(--nav-h))}}.sidebar-scroll{height:100%;padding:24px 16px 80px;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#0056b333;border-radius:4px}.sidebar-group{margin-bottom:24px}.sidebar-label{color:var(--primary-blue);text-transform:uppercase;letter-spacing:1.5px;opacity:.8;margin-bottom:8px;padding-left:12px;font-family:Sora,sans-serif;font-size:.7rem;font-weight:800}.sidebar-link{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-link i:not(.drop-arrow){text-align:center;width:20px;color:var(--text-light);font-size:1.1rem;transition:color .2s}.sidebar-link:hover{background:var(--light-blue);color:var(--primary-blue)}.sidebar-link:hover i:not(.drop-arrow){color:var(--primary-blue)}.sidebar-link.active{background:var(--primary-blue);color:#fff;box-shadow:0 4px 12px #0056b333}.sidebar-link.active i{color:#fff}.drop-arrow{margin-left:auto;font-size:.8rem;transition:transform .3s}.drop-arrow.open{transform:rotate(180deg)}.dropdown-content{max-height:0;transition:max-height .3s;overflow:hidden}.sidebar-dropdown.open .dropdown-content{max-height:150px}.sub-link{opacity:.85;padding:10px 14px 10px 48px;font-size:.88rem}.sidebar-overlay{inset:0;top:var(--nav-h);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:899;opacity:0;background:#0a192f66;transition:opacity .3s;display:none;position:fixed}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));flex:1;min-width:0;transition:margin-left .3s,width .3s}.main-content .page-wrap{align-items:stretch;padding-left:clamp(14px,1.7vw,32px);padding-right:clamp(14px,1.7vw,32px)}.main-content .dashboard-container,.main-content .achievement-page,.main-content .arena-container,.main-content .session-shell,.main-content .profile-container,.main-content .live-container,.main-content .recorded-container,.main-content .ebook-container,.main-content .exam-container,.main-content .iabacus-page,.main-content .contact-container,.main-content .mental-flash-shell{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{width:100%;margin-left:0}.sidebar-overlay.active{opacity:1;display:block}}.abacus-frame{background:#f8fafc;border:4px solid #334155;border-radius:8px;padding:4px 8px;display:flex;box-shadow:inset 0 2px 6px #0000001a}.abacus-beam{z-index:2;background:#334155;border-radius:2px;width:100%;height:6px;margin:4px 0}.bead-area{z-index:3;flex-direction:column;justify-content:space-between;align-items:center;width:100%;display:flex}.top-area{height:40px;padding-bottom:2px}.bottom-area{justify-content:flex-end;height:120px;padding-top:2px}.bead{background:linear-gradient(135deg, var(--p-light) 0%, var(--p) 100%);border:1px solid var(--p-dark);border-radius:10px;width:24px;height:16px;margin:2px 0;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.bead-5.active{background:linear-gradient(135deg,#ffd54f 0%,#f57f17 100%);border-color:#f57f17;transform:translateY(0)}.bead-1.active{background:linear-gradient(135deg,#ffd54f 0%,#f57f17 100%);border-color:#f57f17;transform:translateY(0)}.abacus-container{justify-content:center;align-items:center;gap:24px;margin:30px 0 40px;display:flex}.abacus-frame{background:#fff;border:3px solid #334155;border-radius:12px;padding:8px 12px;display:flex;position:relative;box-shadow:0 8px 20px #0000000f}.abacus-frame:after{content:"";z-index:2;background:#334155;height:4px;position:absolute;top:48px;left:0;right:0}.abacus-col{flex-direction:column;align-items:center;width:34px;margin:0 4px;display:flex;position:relative}.abacus-col:before{content:"";z-index:1;background:#cbd5e1;width:3px;position:absolute;top:0;bottom:0}.bead-area{z-index:3;flex-direction:column;align-items:center;width:100%;display:flex}.top-area{justify-content:flex-start;height:44px;padding-top:2px}.bottom-area{justify-content:flex-end;height:104px;padding-bottom:2px}.bead{border-radius:20px;width:28px;height:16px;margin:1.5px 0;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 -2px 5px #0003,0 2px 4px #00000026}.bead.blue{background:linear-gradient(#60a5fa 0%,#2563eb 100%);border:1px solid #1d4ed8}.bead.orange{background:linear-gradient(#fbbf24 0%,#ea580c 100%);border:1px solid #c2410c}.bead-5{transform:translateY(-4px)}.bead-5.active{transform:translateY(18px)}.bead-1{transform:translateY(4px)}.bead-1.active{transform:translateY(-18px)}.mcq-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:10px;display:grid}.mcq-btn{border:2px solid var(--primary-blue);color:var(--primary-blue);cursor:pointer;background:#fff;border-radius:50px;padding:14px;font-family:Sora,sans-serif;font-size:1.3rem;font-weight:800;transition:all .2s;box-shadow:0 2px 8px #0056b30d}.mcq-btn:hover:not(:disabled){background:var(--light-blue);transform:translateY(-2px)}.mcq-btn:active:not(:disabled){transform:scale(.98)}.mcq-btn.correct{background:var(--ok);border-color:var(--ok);color:#fff;box-shadow:0 6px 16px #2e7d324d}.mcq-btn.wrong{background:var(--err);border-color:var(--err);color:#fff;box-shadow:0 6px 16px #c628284d}.mcq-btn:disabled{cursor:default}.student-sidebar{box-shadow:none;background:#fffffff5;flex-direction:column;gap:12px;padding:12px;display:flex}.student-sidebar-brand{background:linear-gradient(135deg, var(--primary-blue), var(--dark-blue));color:#fff;box-shadow:0 10px 20px color-mix(in srgb, var(--primary-blue) 18%, transparent);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.student-sidebar-logo{width:42px;height:42px;color:var(--primary-blue);background:#fffffff0;border:3px solid #fffffff0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.student-sidebar-logo img{object-fit:cover;width:100%;height:100%;padding:0}.student-sidebar-brand-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.student-sidebar-brand-text strong{text-overflow:ellipsis;white-space:nowrap;font-family:Sora,sans-serif;font-size:.92rem;overflow:hidden}.student-sidebar-brand-text span{opacity:.78;font-size:.7rem;font-weight:800}.student-sidebar-scroll{scrollbar-width:thin;scrollbar-color:#0f172a38 transparent;flex:1;min-height:0;padding:2px 2px 8px 0;overflow-y:auto}.student-sidebar-scroll::-webkit-scrollbar{width:6px}.student-sidebar-scroll::-webkit-scrollbar-track{background:0 0}.student-sidebar-scroll::-webkit-scrollbar-thumb{background:#0f172a38;border-radius:999px}.student-sidebar-group{margin-bottom:12px}.student-sidebar-label{text-transform:uppercase;color:var(--primary-blue);letter-spacing:1px;padding:0 8px 6px;font-family:Sora,sans-serif;font-size:.72rem;font-weight:900}.student-sidebar-links{gap:7px;display:grid}.student-sidebar-link,.student-logout{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:#ffffff9e;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:10px 11px;font-size:.92rem;font-weight:850;transition:transform .18s,background .18s,color .18s,border-color .18s;display:flex}.student-sidebar-link:hover{background:var(--light-blue);color:var(--primary-blue);border-color:color-mix(in srgb, var(--primary-blue) 22%, transparent);transform:translateY(-1px)}.student-sidebar-link.active{background:linear-gradient(135deg, var(--primary-blue), var(--dark-blue));color:#fff;box-shadow:0 8px 18px color-mix(in srgb, var(--primary-blue) 18%, transparent)}.student-link-icon{background:var(--light-blue);width:32px;height:32px;color:var(--primary-blue);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.student-sidebar-link.active .student-link-icon{color:#fff;background:#ffffff2e}.student-logout{color:#b91c1c;background:#fff1f2;border-color:#fecdd3;flex-shrink:0;margin-top:auto}@media (width<=580px){.adv-grid{grid-template-columns:1fr!important;gap:12px!important}}@media (width<=480px){.abacus-container{flex-wrap:wrap!important;gap:12px!important;margin:20px 0 30px!important}}@media (width<=768px){.page-wrap{padding-left:0!important;padding-right:0!important;padding-top:calc(var(--nav-h) + 10px)!important;padding-bottom:40px!important}.main-content .dashboard-container,.main-content .achievement-page,.main-content .arena-container,.main-content .session-shell,.main-content .profile-container,.main-content .live-container,.main-content .recorded-container,.main-content .ebook-container,.main-content .exam-container,.main-content .iabacus-page,.main-content .contact-container,.main-content .mental-flash-shell,.main-content .gamezone-container{gap:16px!important;padding-bottom:40px!important;padding-left:16px!important;padding-right:16px!important}.live-header-banner,.recorded-header-banner,.ebook-header-banner,.exam-header-banner,.iabacus-header-banner,.rubiks-header-banner,.dash-header,.gamezone-header-banner,.achievement-header,.session-hero{border-radius:20px!important;gap:12px!important;padding:20px 16px!important}.achievement-header,.session-hero{flex-direction:column!important;align-items:stretch!important}.iabacus-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.iabacus-card{border-radius:16px!important;gap:10px!important;padding:16px 12px!important}.iabacus-card-desc{display:none!important}.iabacus-card h3{font-size:.95rem!important}.iabacus-card-icon{border-radius:10px!important;width:40px!important;height:40px!important;font-size:1.1rem!important}.iabacus-card-header{gap:10px!important}.gamezone-grid{grid-template-columns:1fr!important;gap:12px!important}.gamezone-card{border-radius:16px!important;gap:12px!important;padding:16px!important}.practice-card{border-radius:20px!important;margin-top:10px!important;padding:20px 16px!important}.mcq-grid{gap:10px!important}.mcq-btn{padding:10px!important;font-size:1.1rem!important}.pyramid-input,.pyramid-block{border-radius:8px!important;width:48px!important;height:48px!important;font-size:1.1rem!important}.iabacus-page .side-panel,.iabacus-page .abacus-area{border-radius:18px!important;padding:20px 14px!important}.game-stage{border-radius:16px!important;padding:20px 14px!important}}.iabacus-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;width:100%;display:grid}.iabacus-card{background:var(--gradient-glass-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:20px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.iabacus-card:hover{border-color:var(--primary-blue);transform:translateY(-6px);box-shadow:0 12px 24px #00000014}.iabacus-card-desc{color:var(--text-light);margin:0;font-size:.95rem;line-height:1.4}.gamezone-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;width:100%;display:grid}.gamezone-card{background:var(--gradient-glass-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;justify-content:space-between;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.premium-banner{box-shadow:var(--shadow);border:1px solid var(--border);background:var(--gradient-premium-banner)!important;color:#fff!important}.premium-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--gradient-glass-card)!important}.premium-card:hover{box-shadow:0 12px 30px color-mix(in srgb, var(--primary-blue) 20%, transparent);border-color:var(--primary-blue);transform:translateY(-4px)}.premium-gradient-primary{background:var(--gradient-premium-primary)!important}.premium-gradient-gold{background:var(--gradient-premium-gold)!important}.premium-gradient-green{background:linear-gradient(135deg,#22c55e,#84cc16)!important}.study-buddy-wrap{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:30px;right:30px}.bot-character{cursor:pointer;pointer-events:auto;width:85px;height:85px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);animation:4s ease-in-out infinite floatBot}.bot-character:hover{transform:scale(1.08)translateY(-5px)}.bot-character:active{transform:scale(.95)}.bot-character.happy{animation:4s ease-in-out infinite floatBot,1s ease-in-out happyBounce}.bot-character.sleep{animation:6s ease-in-out infinite floatBot}.bot-eyes-tracking{transition:transform .1s ease-out}.zzz-container{color:var(--primary-blue);opacity:.8;pointer-events:none;font-family:Sora,sans-serif;font-weight:800;position:absolute;top:-20px;right:20px}.zzz-container span{opacity:0;animation:3s linear infinite floatZ;display:inline-block}.z1{font-size:1rem;animation-delay:0s}.z2{font-size:.8rem;animation-delay:1s;transform:translate(10px,-10px)}.z3{font-size:.6rem;animation-delay:2s;transform:translate(20px,-20px)}.speech-bubble{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--border);color:var(--text-main);text-align:right;max-width:240px;box-shadow:0 10px 25px color-mix(in srgb, var(--primary-blue) 15%, transparent);opacity:0;transform-origin:100% 100%;pointer-events:none;background:#fffffff2;border-radius:20px 20px 0;margin-bottom:12px;padding:14px 20px;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(20px)scale(.8)}.speech-bubble.visible{opacity:1;transform:translateY(0)scale(1)}.bubble-tail{border-left:12px solid #0000;border-top:12px solid var(--border);width:0;height:0;position:absolute;bottom:-8px;right:25px}.bubble-tail:after{content:"";border-top:10px solid #fff;border-left:10px solid #0000;width:0;height:0;position:absolute;top:-14px;left:-11px}.alert-mode .speech-bubble{color:#991b1b;background:#fef2f2;border-color:#ef4444}.alert-mode .bubble-tail{border-top-color:#ef4444}.alert-mode .bubble-tail:after{border-top-color:#fef2f2}.alert-mode .antenna-bulb{animation:.8s infinite alarmPulse}@keyframes floatBot{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes happyBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-15px)}50%{transform:translateY(0)}70%{transform:translateY(-8px)}}@keyframes floatZ{0%{opacity:0;transform:translateY(0)translate(0)scale(.5)}20%{opacity:1}80%{opacity:.8}to{opacity:0;transform:translateY(-30px)translate(15px)scale(1.5)}}@keyframes slowPulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}.orb-glow{transform-origin:50px 50px;animation:3s ease-in-out infinite slowPulse}@keyframes orbitBead{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-4px)translate(2px)}50%{transform:translateY(0)translate(4px)}75%{transform:translateY(4px)translate(2px)}}.b1{animation:3s ease-in-out infinite orbitBead}.b2{animation:4s ease-in-out infinite reverse orbitBead}.b3{animation:3.5s ease-in-out 1s infinite orbitBead}@keyframes alarmPulse{0%,to{filter:drop-shadow(0 0 4px #ef4444)}50%{filter:drop-shadow(0 0 12px #ef4444)brightness(1.5)}}@media (width<=768px){.study-buddy-wrap{bottom:20px;right:15px}.bot-character{width:65px;height:65px}.speech-bubble{max-width:180px;padding:10px 14px;font-size:.75rem;right:5px}}