.login-screen{z-index:9000;padding:24px;padding-top:max(24px, env(safe-area-inset-top,0));padding-bottom:max(24px, env(safe-area-inset-bottom,0));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;isolation:isolate;background:#f4f1fb;justify-content:center;align-items:center;animation:.65s cubic-bezier(.22,1,.36,1) both loginEnter;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes loginEnter{0%{opacity:0;filter:blur(6px);transform:scale(1.02)}to{opacity:1;filter:blur();transform:scale(1)}}.login-screen.is-exiting{pointer-events:none;animation:.7s cubic-bezier(.4,0,.2,1) forwards loginExit}@keyframes loginExit{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}35%{opacity:1;filter:blur();transform:scale(.985)translateY(-6px)}to{opacity:0;filter:blur(10px);transform:scale(.92)translateY(-22px)}}.login-bg{z-index:0;background:radial-gradient(circle at 15% 20%,#7c5cfc38,#0000 45%),radial-gradient(circle at 90% 10%,#ff6cb029,#0000 45%),radial-gradient(circle at 75% 95%,#2e90ff2e,#0000 50%),linear-gradient(135deg,#faf8ff 0%,#f0eef6 60%,#f8e8ff 100%);position:absolute;inset:0}[data-theme=dark] .login-screen{background:#0c0c18}[data-theme=dark] .login-bg{background:radial-gradient(circle at 15% 20%,#7c5cfc47,#0000 45%),radial-gradient(circle at 90% 10%,#ff6cb02e,#0000 45%),radial-gradient(circle at 75% 95%,#2e90ff33,#0000 50%),linear-gradient(135deg,#0c0c1a 0%,#15132a 60%,#1a0e2a 100%)}.login-blob{filter:blur(80px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.login-blob--a{background:radial-gradient(circle,#b59cff,#0000 70%);width:460px;height:460px;animation:18s ease-in-out infinite alternate loginBlobA;top:-120px;left:-120px}.login-blob--b{background:radial-gradient(circle,#ff9cd2,#0000 70%);width:520px;height:520px;animation:22s ease-in-out infinite alternate loginBlobB;bottom:-160px;right:-160px}.login-blob--c{background:radial-gradient(circle,#82bfff,#0000 70%);width:360px;height:360px;animation:20s ease-in-out infinite alternate loginBlobC;top:40%;left:55%}@keyframes loginBlobA{0%{transform:translate(0)scale(1)}to{transform:translate(140px,80px)scale(1.12)}}@keyframes loginBlobB{0%{transform:translate(0)scale(1)}to{transform:translate(-120px,-100px)scale(1.08)}}@keyframes loginBlobC{0%{transform:translate(0)scale(1)}to{transform:translate(-80px,120px)scale(1.14)}}.login-grid{background-image:linear-gradient(#7c5cfc0b 1px,#0000 1px),linear-gradient(90deg,#7c5cfc0b 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}.login-card{z-index:1;-webkit-backdrop-filter:blur(28px)saturate(180%);background:#ffffffc7;border:1px solid #ffffffb3;border-radius:26px;flex-direction:column;gap:22px;width:min(440px,100%);padding:36px 36px 28px;animation:.7s cubic-bezier(.22,1,.36,1) .12s both loginCard;display:flex;position:relative;box-shadow:0 30px 80px #503c8c33,0 4px 12px #0000000a,inset 0 1px #ffffffb3}@keyframes loginCard{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .login-card{background:#1c1832b3;border-color:#ffffff14;box-shadow:0 30px 80px #0000008c,0 4px 12px #0000004d,inset 0 1px #ffffff14}.login-head{text-align:center;flex-direction:column;gap:4px;display:flex}.login-eyebrow{color:var(--accent-purple,#7c5cfc);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.74rem;font-weight:800}.login-title{flex-direction:column;gap:4px;margin:6px 0 4px;line-height:1.05;display:flex}.login-title-main{letter-spacing:-.015em;background:linear-gradient(92deg,#7c5cfc 0%,#b95cfc 35%,#ff6cb0 65%,#7c5cfc 100%) 0 0/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:900;animation:7s ease-in-out infinite brandShine}.login-title-sub{color:var(--accent-purple,#7c5cfc);text-transform:uppercase;letter-spacing:.18em;font-size:.82rem;font-weight:800}[data-theme=dark] .login-title-sub{color:#d088ff}.login-desc{color:var(--text-secondary);margin:0;font-size:.86rem;line-height:1.55}[data-theme=dark] .login-desc{color:#b1b1c8}.login-form{flex-direction:column;gap:12px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field-label{color:var(--text-primary);margin-left:2px;font-size:.78rem;font-weight:700}[data-theme=dark] .login-field-label{color:#f0f0f5}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:inline-flex;position:absolute;left:14px}.login-input{width:100%;height:46px;color:var(--text-primary);background:#fff;border:1.5px solid #00000014;border-radius:12px;padding:0 44px;font-family:inherit;font-size:.94rem;transition:border-color .18s,box-shadow .18s}.login-input:focus{border-color:var(--accent-purple,#7c5cfc);outline:none;box-shadow:0 0 0 4px #7c5cfc29}.login-input:disabled{opacity:.6}[data-theme=dark] .login-input{color:#f0f0f5;background:#ffffff0a;border-color:#ffffff1a}.login-input-toggle{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:inline-flex;position:absolute;right:10px}.login-input-toggle:hover{background:#0000000d}[data-theme=dark] .login-input-toggle:hover{background:#ffffff0f}.login-row{justify-content:space-between;align-items:center;margin-top:-2px;display:flex}.login-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:7px;font-size:.8rem;font-weight:600;display:inline-flex}[data-theme=dark] .login-check{color:#b1b1c8}.login-check input{width:16px;height:16px;accent-color:var(--accent-purple,#7c5cfc);cursor:pointer}.login-link{color:var(--accent-purple,#7c5cfc);font-size:.8rem;font-weight:700;text-decoration:none;transition:color .15s}.login-link:hover{text-decoration:underline}[data-theme=dark] .login-link{color:#d088ff}.login-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-family:inherit;font-size:.96rem;font-weight:800;transition:transform .15s,box-shadow .18s,background .15s;display:inline-flex}.login-btn:disabled{cursor:not-allowed}.login-btn-primary{color:#fff;background:linear-gradient(135deg,#b59cff,#7c5cfc 55%,#b95cfc);margin-top:4px;box-shadow:0 10px 26px #7c5cfc5c}.login-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 32px #7c5cfc75}.login-btn-primary:disabled{opacity:.7}.login-or-divider{color:var(--text-muted);align-items:center;gap:10px;margin:14px 0;font-size:.78rem;font-weight:600;display:flex}.login-or-divider:before,.login-or-divider:after{content:"";background:#00000014;flex:1;height:1px}[data-theme=dark] .login-or-divider:before,[data-theme=dark] .login-or-divider:after{background:#ffffff14}.login-btn-google{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #00000029;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.96rem;font-weight:600;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex}.login-btn-google:hover:not(:disabled){background:#f8f9fa;transform:translateY(-1px);box-shadow:0 4px 14px #0000000f}.login-btn-google:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .login-btn-google{color:#f0f0f5;background:#1c1b23;border-color:#ffffff1f}[data-theme=dark] .login-btn-google:hover:not(:disabled){background:#25242e}.login-alert{border:1px solid;border-radius:10px;padding:10px 14px;font-size:.86rem;font-weight:600;line-height:1.45}.login-alert--error{color:#b91c1c;background:#dc262614;border-color:#dc262640}.login-alert--info{color:#6a48ec;background:#7c5cfc14;border-color:#7c5cfc40}[data-theme=dark] .login-alert--error{color:#fca5a5;background:#f871711f;border-color:#f8717159}[data-theme=dark] .login-alert--info{color:#c4b5fd;background:#a78bfa29;border-color:#a78bfa59}.login-btn-social,.login-btn-ghost{color:var(--text-primary);background:#fff;border:1.5px solid #00000014;box-shadow:0 2px 6px #0000000a}.login-btn-social:hover:not(:disabled),.login-btn-ghost:hover:not(:disabled){border-color:#7c5cfc66;transform:translateY(-1px);box-shadow:0 8px 18px #7c5cfc1a}[data-theme=dark] .login-btn-social,[data-theme=dark] .login-btn-ghost{color:#f0f0f5;background:#ffffff0a;border-color:#ffffff1a}.login-btn-ghost{color:var(--accent-purple,#7c5cfc)}[data-theme=dark] .login-btn-ghost{color:#d088ff}.login-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin:2px 0;font-size:.74rem;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(90deg,#0000,#0000001a,#0000);flex:1;height:1px}[data-theme=dark] .login-divider:before,[data-theme=dark] .login-divider:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.login-social{flex-direction:column;gap:10px;display:flex}.login-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite loginSpin}.login-spinner--dark{border-color:#7c5cfc #7c5cfc40 #7c5cfc40}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-btn.is-loading{pointer-events:none;opacity:.9}.login-foot{text-align:center;color:var(--text-muted);font-size:.82rem;font-weight:600}[data-theme=dark] .login-foot{color:#a8a8c0}.app-shell-wrap.is-entering{transform-origin:50% 30%;animation:.7s cubic-bezier(.22,1,.36,1) both appShellEnter}@keyframes appShellEnter{0%{opacity:0;filter:blur(10px);transform:scale(1.06)}40%{opacity:.6;filter:blur(4px)}to{opacity:1;filter:blur();transform:scale(1)}}@media (max-width:700px){.login-screen{padding:24px 16px;padding-top:max(28px, env(safe-area-inset-top,0));padding-bottom:max(32px, env(safe-area-inset-bottom,0));align-items:flex-start}.login-card{border-radius:22px;gap:18px;margin:auto 0;padding:28px 22px 22px}.login-title-main{font-size:1.55rem}.login-title-sub{letter-spacing:.14em;font-size:.78rem}.login-desc{font-size:.84rem}.login-input{height:46px;font-size:16px}.login-btn{height:48px;font-size:.96rem}.login-blob{filter:blur(60px);opacity:.4}.login-blob--a{width:320px;height:320px;top:-90px;left:-90px}.login-blob--b{width:360px;height:360px;bottom:-120px;right:-120px}.login-blob--c{width:260px;height:260px}.login-grid{background-size:36px 36px}}@media (max-width:380px){.login-card{padding:24px 18px 20px}.login-title-main{font-size:1.35rem}.login-title-sub{font-size:.72rem}.login-desc{font-size:.8rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#f0eef6;--bg-card:#fff;--bg-sidebar:#fff;--text-primary:#1a1a2e;--text-secondary:#6b6b80;--text-muted:#9b9baf;--accent-green:#b8f0b0;--accent-purple:#7c5cfc;--accent-purple-light:#f0edfa;--accent-blue:#b0d8f8;--accent-mint:#4ecdc4;--accent-mint-light:#eaf8f7;--accent-red-light:#fbecec;--shadow-sm:0 2px 8px #00000005;--shadow-card:0 4px 16px #00000008;--shadow-hover:0 8px 24px #0000000f;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}html{font-size:13px}body{font-family:var(--font);color:var(--text-primary);background:#fff;min-height:100vh;overflow-x:hidden}body.body-scroll-lock{overflow:hidden}.app-container{min-height:100vh;display:flex}.main-content{--app-header-h:42px;background:linear-gradient(#e4f7eb 0%,#f1eefa 350px 100%);flex:1;min-width:0;padding:0 18px 28px}.top-header{z-index:300;-webkit-backdrop-filter:blur(16px)saturate(160%);background:#e4f7ebc7;border-bottom:1px solid #ffffff80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 -18px;padding:0 18px;display:flex;position:sticky;top:0}[data-theme=dark] .top-header{background:#08080fb8;border-bottom-color:#ffffff0f}.brand-block{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-logo{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 10px #00000008}.brand-text{flex-direction:column;gap:2px;min-width:0;line-height:1.05;display:flex}.page-title{letter-spacing:-.015em;white-space:nowrap;margin:0;font-size:1.55rem;font-weight:900;line-height:1.05}.page-title-main{background:linear-gradient(92deg,#7c5cfc 0%,#b95cfc 35%,#ff6cb0 65%,#7c5cfc 100%) 0 0/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite brandShine}@keyframes brandShine{0%,to{background-position:0 0}50%{background-position:100% 0}}.page-title-sub{color:var(--accent-purple,#7c5cfc);text-transform:uppercase;letter-spacing:.12em;margin-top:1px;font-size:.78rem;font-weight:800}[data-theme=dark] .page-title-sub{color:#d088ff}@media (max-width:1280px){.page-title{font-size:1.35rem}.page-title-sub{letter-spacing:.1em;font-size:.7rem}}@media (max-width:1000px){.page-title{font-size:1.2rem}.page-title-sub{font-size:.66rem}}.nav-pill{box-shadow:none;background:0 0;border-radius:30px;align-items:center;gap:4px;padding:6px;transition:gap .55s cubic-bezier(.4,0,.2,1) .32s,padding .55s cubic-bezier(.4,0,.2,1) .32s;display:flex;position:relative}.nav-pill:before{content:"";pointer-events:none;background:#fff;border-radius:30px;transition:inset .55s cubic-bezier(.4,0,.2,1) .32s,box-shadow .42s .32s,border-radius .42s .32s;position:absolute;inset:0;box-shadow:0 2px 10px #00000008}.nav-pill:hover{gap:36px;padding:6px 22px;transition-delay:0s}.nav-pill:hover:before{border-radius:24px;transition-delay:0s;inset:-3px -10px -34px;box-shadow:0 14px 32px #00000017}.nav-pill-btn{cursor:pointer;width:44px;height:44px;color:var(--text-muted);background:0 0;border:none;border-radius:24px;justify-content:center;align-items:center;padding:0;transition:background .22s,color .22s;display:flex;position:relative}.nav-pill-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-pill-text{letter-spacing:.015em;color:var(--text-primary);white-space:nowrap;pointer-events:none;opacity:0;transform-origin:top;padding:0 8px;font-size:.86rem;font-weight:700;line-height:1;transition:opacity .22s,transform 0s linear .22s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(-6px)scale(.92)}.nav-pill:hover .nav-pill-text{opacity:1;transition:opacity .34s,transform .44s cubic-bezier(.34,1.4,.5,1);transform:translate(-50%)translateY(0)scale(1)}.nav-pill:hover .nav-pill-btn:first-child .nav-pill-text{transition-delay:0s,0s}.nav-pill:hover .nav-pill-btn:nth-child(2) .nav-pill-text{transition-delay:40ms,40ms}.nav-pill:hover .nav-pill-btn:nth-child(3) .nav-pill-text{transition-delay:80ms,80ms}.nav-pill:hover .nav-pill-btn:nth-child(4) .nav-pill-text{transition-delay:.12s,.12s}.nav-pill:hover .nav-pill-btn:nth-child(5) .nav-pill-text{transition-delay:.16s,.16s}.nav-pill:hover .nav-pill-btn:nth-child(6) .nav-pill-text{transition-delay:.2s,.2s}.nav-pill:hover .nav-pill-btn:nth-child(7) .nav-pill-text{transition-delay:.24s,.24s}.nav-pill-btn .nav-pill-text{transition-delay:0s}.nav-pill-btn[data-label]:after,.nav-pill-btn[data-label]:before{display:none!important}@media (max-width:700px){.nav-pill .nav-pill-text{display:none}}.nav-pill-btn:hover{color:var(--text-primary);background:#00000008}.nav-pill-btn.active{background:var(--accent-purple-light);color:var(--accent-purple)}.header-actions{align-items:center;gap:12px;display:flex}.header-btn{cursor:pointer;width:36px;height:36px;color:var(--text-primary);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 10px #00000008}.header-btn:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.notification-dot{background:#ff6b6b;border-radius:50%;width:6px;height:6px;position:absolute;top:12px;right:12px}.header-btn.has-badge .badge{background:var(--accent-purple);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.search-wrapper{width:36px;height:36px;transition:width .45s cubic-bezier(.34,1.4,.5,1);position:relative}.search-wrapper.is-open{width:240px}.search-btn{z-index:2;position:relative}.search-wrapper.is-open .search-btn{box-shadow:none;pointer-events:none;background:0 0}.search-input{width:100%;height:36px;color:var(--text-primary);opacity:0;pointer-events:none;background:#fff;border:none;border-radius:21px;outline:none;padding:0 40px;font-family:inherit;font-size:.86rem;font-weight:600;transition:opacity .25s 50ms,box-shadow .2s;position:absolute;top:0;left:0;box-shadow:0 2px 10px #00000008}.search-input::placeholder{color:var(--text-muted);font-weight:500}.search-wrapper.is-open .search-input{opacity:1;pointer-events:auto}.search-wrapper.is-open .search-input:focus{box-shadow:0 2px 10px #0000000a,0 0 0 3px #7c5cfc2e}.search-clear{width:24px;height:24px;color:var(--text-muted);cursor:pointer;z-index:3;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear:hover{color:var(--text-primary);background:#0000001f}.user-profile-wrap{margin-left:4px;position:relative}.user-profile{cursor:pointer;color:inherit;background:linear-gradient(135deg,#fff 0%,#f5f2fc 100%);border:1px solid #fffc;border-radius:30px;align-items:center;gap:10px;padding:4px 16px 4px 4px;font-family:inherit;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.user-profile:hover{box-shadow:var(--shadow-card)}.user-profile-chevron{color:var(--text-muted);transition:transform .25s}.user-profile-wrap.is-open .user-profile-chevron{color:var(--accent-purple);transform:rotate(180deg)}.user-menu{opacity:0;pointer-events:none;z-index:50;background:#fff;border:1px solid #0000000a;border-radius:16px;flex-direction:column;gap:2px;max-height:0;margin-top:6px;padding:0;transition:max-height .34s cubic-bezier(.34,1.4,.5,1),padding .34s cubic-bezier(.34,1.4,.5,1),opacity .22s;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 18px 40px #281e5029,0 4px 12px #0000000f}.user-profile-wrap.is-open .user-menu{opacity:1;pointer-events:auto;max-height:360px;padding:8px}.user-menu>*{opacity:0;transition:opacity .24s,transform .28s cubic-bezier(.34,1.4,.5,1);transform:translateY(-6px)}.user-profile-wrap.is-open .user-menu>*{opacity:1;transform:translateY(0)}.user-profile-wrap.is-open .user-menu>:first-child{transition-delay:80ms}.user-profile-wrap.is-open .user-menu>:nth-child(2){transition-delay:.14s}.user-profile-wrap.is-open .user-menu>:nth-child(3){transition-delay:.2s}.user-profile-wrap.is-open .user-menu>:nth-child(4){transition-delay:.26s}.user-profile-wrap.is-open .user-menu>:nth-child(5){transition-delay:.32s}.user-menu-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:.88rem;font-weight:700;transition:background .15s,color .15s,transform .15s;display:flex}.user-menu-item:hover{background:var(--accent-purple-light);color:var(--accent-purple);transform:translate(2px)}.user-menu-item.is-danger{color:#d94545}.user-menu-item.is-danger:hover{color:#b53030;background:#fdecec}.user-menu-divider{background:#ececf2;height:1px;margin:4px}.user-avatar-small{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-info{flex-direction:column;display:flex}.user-name{font-size:.88rem;font-weight:700}.user-email{color:var(--text-muted);font-size:.72rem}.dashboard-view{transform-origin:50% 30%;transition:opacity .45s,transform .5s,filter .5s}.dashboard-view.is-hidden{opacity:0;filter:blur(10px);pointer-events:none;transform:scale(.96)}.content-grid{flex-direction:column;gap:28px;padding-top:0;display:flex}.courses-overlay{top:var(--app-header-h,0px);opacity:0;pointer-events:none;z-index:200;justify-content:center;align-items:flex-start;padding:10px 18px 18px;transition:opacity .45s;display:flex;position:fixed;bottom:0;left:0;right:0}.courses-overlay.is-open{opacity:1;pointer-events:auto}.liquid-glass-panel{height:min(960px, calc(100vh - var(--app-header-h,0px) - 32px));-webkit-backdrop-filter:blur(28px)saturate(180%);background:linear-gradient(135deg,#ffffff8c 0%,#ffffff47 100%);border:1px solid #ffffff8c;border-radius:28px;flex-direction:column;flex-shrink:0;gap:22px;padding:28px 32px 32px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #fff3,0 20px 50px #503c8c2e,0 4px 12px #0000000f}.liquid-main-panel{opacity:0;width:min(1920px,97vw);transition:opacity .5s,transform .7s cubic-bezier(.34,1.4,.5,1),width .6s cubic-bezier(.34,1.4,.5,1);transform:scale(.5)}.courses-overlay.is-open .liquid-main-panel{opacity:1;transform:scale(1)}.courses-overlay.is-open.view-lesson .liquid-main-panel{width:min(1720px,97vw - 400px)}.liquid-side-panel{opacity:0;pointer-events:none;width:0;margin-right:0;padding-left:0;padding-right:0;transition:width .6s cubic-bezier(.34,1.4,.5,1),margin-right .6s cubic-bezier(.34,1.4,.5,1),padding .6s cubic-bezier(.34,1.4,.5,1),opacity .4s 80ms,transform .55s cubic-bezier(.34,1.4,.5,1) 50ms;overflow:hidden;transform:translate(-16px)scale(.95)}.courses-overlay.is-open.view-lesson .liquid-side-panel{opacity:1;pointer-events:auto;width:min(360px,32vw);margin-right:24px;padding-left:24px;padding-right:24px;transform:translate(0)scale(1)}.liquid-glass-panel:before{content:"";pointer-events:none;opacity:.7;background:radial-gradient(circle at 20% 10%,#ffd2ff80,#0000 45%),radial-gradient(circle at 80% 100%,#c8e6ff80,#0000 45%);position:absolute;inset:0}.liquid-glass-panel:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 40%,#ffffff73 50%,#0000 60%);width:50%;height:60%;animation:5s ease-in-out .8s infinite glassSheen;position:absolute;top:-50%;left:-10%;transform:rotate(-12deg)}@keyframes glassSheen{0%,to{opacity:0;transform:translate(-30%)rotate(-12deg)}20%{opacity:.9}50%{opacity:.9;transform:translate(280%)rotate(-12deg)}51%,to{opacity:0}}.courses-panel-header{z-index:1;opacity:0;justify-content:space-between;align-items:flex-start;gap:16px;transition:opacity .4s .35s,transform .4s .35s;display:flex;position:relative;transform:translateY(-8px)}.courses-overlay.is-open .courses-panel-header{opacity:1;transform:translateY(0)}.courses-panel-title{letter-spacing:-.015em;margin-bottom:6px;font-size:2.1rem;font-weight:800}.courses-panel-sub{color:var(--text-secondary);font-size:1rem}.courses-panel-close{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffff8c;border:1px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.courses-panel-close:hover{background:#ffffffe6;transform:scale(1.05)}.courses-list-body{z-index:1;flex-direction:column;flex:1;gap:22px;min-height:0;padding:6px 6px 12px;display:flex;position:relative;overflow-y:auto}.courses-grid{z-index:1;flex-wrap:wrap;align-content:flex-start;gap:22px;display:flex;position:relative}.courses-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;padding:40px;font-size:.95rem;font-weight:600;display:flex}.course-preview{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;text-align:left;width:260px;color:inherit;opacity:0;background:#fff9;border:1px solid #ffffffa6;border-radius:22px;flex-direction:column;flex-shrink:0;gap:14px;padding:16px;font-family:inherit;transition:opacity .5s,transform .55s cubic-bezier(.34,1.4,.5,1),background .2s,box-shadow .2s;display:flex;transform:translateY(24px)scale(.92);box-shadow:0 6px 18px #0000000a}.courses-overlay.is-open .course-preview{opacity:1;transition-delay:calc(.5s + 80ms * var(--tile-i,0));transform:translateY(0)scale(1)}.courses-overlay:not(.is-open) .course-preview{transition-delay:0s}.course-preview:hover{background:#ffffffd9;transform:translateY(-3px);box-shadow:0 12px 28px #503c8c24}.course-preview-img{border-radius:14px;width:100%;height:150px;position:relative;overflow:hidden}.course-preview-info{flex-direction:column;gap:6px;display:flex}.course-preview-name{color:var(--text-primary);font-size:1.1rem;font-weight:800}.course-preview-meta{color:var(--text-secondary);font-size:.84rem;font-weight:600}.course-preview-progress{align-items:center;gap:8px;margin-top:6px;display:flex}.course-preview-progress-track{background:#7c5cfc1a;border-radius:99px;flex:1;height:6px;overflow:hidden}.course-preview-progress-fill{background:linear-gradient(90deg,#b59cff,#7c5cfc);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.33,1,.68,1)}.course-preview-progress-fill.is-done{background:linear-gradient(90deg,#82dab1,#1cb474)}.course-preview-progress-label{color:var(--text-secondary);white-space:nowrap;text-align:right;min-width:56px;font-size:.72rem;font-weight:700}.courses-section{width:100%;margin-bottom:22px}.courses-section-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.courses-section-title{color:var(--text-primary);letter-spacing:-.005em;margin:0 0 12px;font-size:1.1rem;font-weight:800}.courses-section-head .courses-section-title{margin:0}.courses-section-sub{color:#7c5cfc;background:#7c5cfc1f;border-radius:99px;padding:3px 10px;font-size:.78rem;font-weight:700}.courses-continue-row{scroll-snap-type:x proximity;flex-wrap:nowrap;gap:16px;padding-bottom:6px;display:flex;overflow-x:auto}.courses-continue-row .course-preview{scroll-snap-align:start;width:280px}.course-preview--continue{border-color:#7c5cfc40;box-shadow:0 8px 20px #7c5cfc14}.course-preview--continue:hover{box-shadow:0 14px 30px #7c5cfc2e}.course-preview-play{color:#7c5cfc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 12px #0000002e}.lesson-video-shell{scrollbar-gutter:stable;scroll-behavior:smooth;flex-direction:column;gap:0;width:100%;height:100%;display:flex;position:relative;overflow-y:scroll}.lesson-video-shell .yt-player,.lesson-video-shell .lesson-video-tabs{flex-shrink:0}.lesson-video-shell::-webkit-scrollbar{width:10px}.lesson-video-shell::-webkit-scrollbar-thumb{background:#7c5cfc59 padding-box padding-box;border:2px solid #0000;border-radius:99px}.lesson-video-shell::-webkit-scrollbar-thumb:hover{background:#7c5cfc99 padding-box padding-box;border:2px solid #0000}.lesson-video-shell::-webkit-scrollbar-track{background:0 0}.lesson-scroll-hint{z-index:250;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#7c5cfcf5;border:none;border-radius:999px;align-items:center;gap:6px;padding:11px 18px;font-size:.9rem;font-weight:700;transition:opacity .22s,background .18s,box-shadow .18s;animation:1.6s ease-in-out infinite lessonScrollHintBounce;display:inline-flex;position:fixed;bottom:clamp(28px,5vh,64px);right:clamp(28px,5vw,64px);box-shadow:0 10px 28px #7c5cfc80}.lesson-scroll-hint:hover{background:#6a48ec;box-shadow:0 12px 32px #7c5cfc99}.lesson-scroll-hint.is-hidden{opacity:0;pointer-events:none;animation:none}.lesson-scroll-hint svg{width:16px;height:16px}@keyframes lessonScrollHintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.lesson-quiz{justify-content:center;align-items:stretch;width:100%;height:100%;padding:12px;display:flex;overflow:hidden}.lesson-quiz-frame{background:#fff;border-radius:14px;flex:1;min-height:500px;overflow:hidden;box-shadow:0 8px 22px #00000014}.lesson-quiz-frame iframe{border:0;width:100%;height:100%;display:block}[data-theme=dark] .lesson-quiz-frame{background:#fff;box-shadow:0 8px 22px #00000073}.lesson-comments{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);background:#ffffffa6;border:1px solid #fff9;border-radius:16px;margin-top:24px;padding:18px 20px 20px;transition:padding .25s,background .25s}.lesson-comments.is-collapsed{background:#ffffff73;padding:12px 20px}.lesson-comments-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.lesson-comments.is-collapsed .lesson-comments-head{margin-bottom:0}.lesson-comments-title{margin:0;font-size:1rem;font-weight:800}.lesson-comments-count{color:#7c5cfc;background:#7c5cfc1f;border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:700}.lesson-comments-toggle{color:#7c5cfc;cursor:pointer;background:#7c5cfc0f;border:1px solid #7c5cfc40;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.lesson-comments-toggle.is-on{color:#fff;background:#7c5cfc;border-color:#7c5cfc}.lesson-comments-toggle:hover{background:#7c5cfc2e}.lesson-comments-toggle.is-on:hover{background:#6c46ff;border-color:#6c46ff}[data-theme=dark] .lesson-comments-toggle{color:#d088ff;background:#7c5cfc2e;border-color:#7c5cfc52}[data-theme=dark] .lesson-comments-toggle.is-on{color:#fff;background:#7c5cfc}.lesson-comment-compose{background:#ffffff80;border:1px solid #0000000a;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:10px;display:flex}.lesson-comment-compose--reply{background:#7c5cfc0d;border-color:#7c5cfc26;margin:10px 0 4px}.lesson-comment-compose-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.lesson-comment-input{resize:vertical;width:100%;min-height:56px;font:inherit;color:var(--text-primary);background:#fff;border:1px solid #00000014;border-radius:10px;padding:8px 12px;font-size:.86rem;transition:border-color .15s,box-shadow .15s}.lesson-comment-input:focus{border-color:#7c5cfc;outline:none;box-shadow:0 0 0 3px #7c5cfc2e}.lesson-comment-compose-actions{justify-content:flex-end;gap:8px;display:flex}.lesson-comment-btn-primary,.lesson-comment-btn-ghost{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:background .15s,opacity .15s}.lesson-comment-btn-primary{color:#fff;background:#7c5cfc}.lesson-comment-btn-primary:hover:not(:disabled){background:#6c46ff}.lesson-comment-btn-primary:disabled,.lesson-comment-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.lesson-comment-btn-ghost{color:var(--text-muted);background:0 0}.lesson-comment-btn-ghost:hover:not(:disabled){background:#0000000d}.lesson-comment-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.lesson-comment{align-items:flex-start;gap:10px;display:flex}.lesson-comment-avatar{background:#e8eaf1;border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.lesson-comment-avatar--sm{width:28px;height:28px}.lesson-comment-avatar img{object-fit:cover;width:100%;height:100%}.lesson-comment-body{flex:1;min-width:0}.lesson-comment-meta{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.lesson-comment-author{color:var(--text-primary);font-size:.86rem;font-weight:800}.lesson-comment-time{color:var(--text-muted);font-size:.7rem;font-weight:600}.lesson-comment-text{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0 0 6px;font-size:.86rem;line-height:1.45}.lesson-comment-actions{align-items:center;gap:14px;display:flex}.lesson-comment-action{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px 0;font-size:.74rem;font-weight:700;transition:color .15s}.lesson-comment-action:hover{color:#7c5cfc}.lesson-comment-action.is-danger:hover{color:#e94c4c}.lesson-comment-replies{border-left:2px solid #7c5cfc26;flex-direction:column;gap:12px;margin:12px 0 0;padding:0 0 0 14px;list-style:none;display:flex}[data-theme=dark] .course-preview-progress-track{background:#7c5cfc2e}[data-theme=dark] .courses-section-title{color:#f0f0f5}[data-theme=dark] .courses-section-sub{color:#d088ff;background:#7c5cfc38}[data-theme=dark] .course-preview-play{color:#d088ff;background:#281e3cd9}[data-theme=dark] .lesson-comments{background:#1414208c;border-color:#ffffff14}[data-theme=dark] .lesson-comment-compose{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .lesson-comment-compose--reply{background:#7c5cfc1f;border-color:#7c5cfc4d}[data-theme=dark] .lesson-comment-input{color:#f0f0f5;background:#14142099;border-color:#ffffff14}[data-theme=dark] .lesson-comment-input:focus{border-color:#d088ff;box-shadow:0 0 0 3px #d088ff38}[data-theme=dark] .lesson-comment-author,[data-theme=dark] .lesson-comment-text,[data-theme=dark] .lesson-comments-title{color:#f0f0f5}[data-theme=dark] .lesson-comment-time,[data-theme=dark] .lesson-comment-action{color:#a8a8c0}[data-theme=dark] .lesson-comment-btn-ghost:hover{background:#ffffff0f}.lesson-side-header{z-index:1;opacity:0;align-items:center;gap:12px;transition:opacity .4s .35s,transform .4s .35s;display:flex;position:relative;transform:translate(-8px)}.courses-overlay.is-open.view-lesson .lesson-side-header{opacity:1;transform:translate(0)}.lesson-back-btn{width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#ffffff8c;border:1px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.lesson-back-btn:hover{background:#ffffffe6;transform:translate(-2px)}.lesson-side-titles{min-width:0;overflow:hidden}.lesson-side-eyebrow{color:var(--accent-purple);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.7rem;font-weight:800}.lesson-side-title{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:800;overflow:hidden}.lesson-list{z-index:1;flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:2px 4px 8px 0;list-style:none;display:flex;position:relative;overflow-y:auto}.lesson-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;opacity:0;animation:.4s forwards lessonItemIn;animation-delay:calc(.3s + var(--li-i,0) * 50ms);background:#ffffff8c;border:1px solid #ffffff8c;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;transition:background .2s,border-color .2s,transform .15s;display:flex;transform:translateY(8px)}@keyframes lessonItemIn{to{opacity:1;transform:translateY(0)}}.lesson-item:hover{background:#ffffffd9;border-color:#7c5cfc40;transform:translate(2px)}.lesson-item.is-active{background:#7c5cfc29;border-color:#7c5cfc73;box-shadow:0 4px 14px #7c5cfc2e}.lesson-item-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lesson-item-video .lesson-item-icon{background:linear-gradient(135deg,#7c5cfc,#b95cfc)}.lesson-item-pdf .lesson-item-icon{background:linear-gradient(135deg,#ff6b6b,#d33a3a)}.lesson-item-docx .lesson-item-icon{background:linear-gradient(135deg,#2b71d6,#1b54a8)}.lesson-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-item-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;overflow:hidden}.lesson-item-meta{color:var(--text-muted);font-size:.7rem;font-weight:600}.lesson-item-active-dot{background:var(--accent-purple);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #7c5cfc40}.lesson-group{flex-direction:column;display:flex}.lesson-group-header{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;opacity:0;animation:.4s forwards lessonItemIn;animation-delay:calc(.3s + var(--li-i,0) * 50ms);background:#ffffff8c;border:1px solid #ffffff8c;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;transition:background .2s,border-color .2s,transform .15s;display:flex;transform:translateY(8px)}.lesson-group-header:hover{background:#ffffffd9;border-color:#7c5cfc40;transform:translate(2px)}.lesson-group-header.has-active{background:#ffffffbf;border-color:#7c5cfc59}.lesson-group-icon{background:linear-gradient(135deg,#ffba4a,#ff7a1a)}.lesson-group-caret{color:var(--text-muted);flex-shrink:0;align-items:center;transition:transform .3s cubic-bezier(.34,1.4,.5,1);display:flex}.lesson-group.is-expanded .lesson-group-caret{color:var(--accent-purple);transform:rotate(180deg)}.lesson-group-children{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.34,1.4,.5,1);display:grid}.lesson-group.is-expanded .lesson-group-children{grid-template-rows:1fr}.lesson-group-children-inner{border-left:2px dashed #7c5cfc40;flex-direction:column;gap:6px;margin:0 0 0 14px;padding-top:0;padding-left:14px;display:flex;overflow:hidden}.lesson-group.is-expanded .lesson-group-children-inner{padding-top:8px;padding-bottom:2px}.lesson-item.is-child{opacity:0;background:#fff6;border-radius:12px;padding:8px 10px;transition:opacity .3s,transform .3s,background .2s,border-color .2s;animation:none;transform:translateY(6px)}.lesson-group.is-expanded .lesson-item.is-child{animation:.36s forwards lessonChildIn;animation-delay:calc(60ms * var(--li-i,0))}@keyframes lessonChildIn{to{opacity:1;transform:translateY(0)}}.lesson-item.is-child .lesson-item-icon{border-radius:7px;width:26px;height:26px}.lesson-item.is-child .lesson-item-title{font-size:.82rem}.lesson-item.is-child .lesson-item-meta{font-size:.66rem}.courses-panel-eyebrow{color:var(--accent-purple);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.78rem;font-weight:800}.lesson-stage{z-index:1;background:#0f0f1c0a;border:1px solid #ffffff80;border-radius:20px;flex:1;justify-content:center;align-items:stretch;min-height:0;animation:.5s both stageFadeIn;display:flex;position:relative;overflow:hidden}@keyframes stageFadeIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.lesson-player{background:#000;border:none;border-radius:18px;width:100%;height:100%}.lesson-pdf-viewer{background:#fff;border:none;border-radius:18px;width:100%;height:100%}.pdf-viewer{-webkit-user-select:none;user-select:none;background:#2d2d3d;border-radius:18px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.pdf-toolbar{color:#f0f0f5;background:linear-gradient(#1f1f2e,#2a2a3e);border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.pdf-toolbar-group{align-items:center;gap:4px;display:flex}.pdf-toolbar-title{text-align:center;color:#cdcde0;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:0 12px;font-size:.82rem;font-weight:700;overflow:hidden}.pdf-btn{color:#f0f0f5;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-family:inherit;transition:background .15s,opacity .15s;display:flex}.pdf-btn:hover:not(:disabled){background:#ffffff2e}.pdf-btn:disabled{opacity:.35;cursor:not-allowed}.pdf-btn-zoom{font-variant-numeric:tabular-nums;width:auto;padding:0 10px;font-size:.74rem;font-weight:700}.pdf-page-info{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:3px;min-width:44px;padding:0 8px;font-size:.78rem;font-weight:700;display:inline-flex}.pdf-page-sep{color:#fff6;font-weight:600}.pdf-page-total{color:#ffffffb3}.pdf-stage{background:#2d2d3d;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:20px;display:flex;overflow:auto}.pdf-page-canvas{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 10px 30px #00000073}.pdf-page-canvas canvas{border-radius:4px;display:block}.pdf-loading,.pdf-error{color:#ffffffb3;justify-content:center;align-items:center;gap:10px;padding:40px;font-size:.9rem;font-weight:600;display:flex}.pdf-error{color:#ff9a9a}.yt-player{-webkit-user-select:none;user-select:none;background:#000;border-radius:18px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.yt-player.is-fullscreen{border-radius:0}.yt-stage{background:#000;flex:1;min-height:0;position:relative;overflow:hidden}.yt-video{object-fit:contain;background:#000;border:0;outline:none;width:100%;height:100%;position:absolute;inset:0}.yt-iframe-loading{z-index:4;color:#ffffffeb;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#000000a6;justify-content:center;align-items:center;gap:12px;font-size:.95rem;font-weight:600;display:flex;position:absolute;inset:0}.yt-popout-cover{display:none}.yt-watermark{z-index:7;color:#ffffff6b;letter-spacing:.04em;white-space:nowrap;text-shadow:0 0 6px #000000d9,0 1px 2px #000000b3;mix-blend-mode:difference;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.78rem;font-weight:700;transition:left 1.4s,top 1.4s;position:absolute;transform:translate(-50%,-50%)}.yt-player,.yt-player *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.yt-player .yt-video{-webkit-user-drag:none}.yt-player .yt-video::-webkit-media-controls-picture-in-picture-button{visibility:hidden!important;width:0!important;display:none!important}.yt-player .yt-video::-internal-media-controls-overflow-button{display:none!important}.yt-player .yt-video{cursor:pointer}.yt-player.hide-cursor{cursor:none}.yt-custom-controls{z-index:6;opacity:0;pointer-events:none;color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(#0000 0%,#00000080 40%,#000000c7 100%);padding:10px 14px 12px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.yt-custom-controls.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.yt-progress{cursor:pointer;background:#ffffff38;border-radius:3px;width:100%;height:6px;margin-bottom:8px;position:relative;overflow:hidden}.yt-progress-fill{background:#ef4444;height:100%;transition:width 80ms linear}.yt-ctrl-btn{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s;display:inline-flex}.yt-ctrl-btn:hover{background:#ffffff2e}.yt-time{font-variant-numeric:tabular-nums;color:#ffffffeb;min-width:90px;font-size:.82rem}.yt-volume{accent-color:#ef4444;cursor:pointer;width:80px}.yt-quality-wrap{display:inline-flex;position:relative}.yt-quality-btn{min-width:50px;padding:0 8px}.yt-quality-btn.is-active{background:#ffffff38}.yt-quality-label{letter-spacing:.3px;font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.yt-quality-menu{z-index:9;background:#141418f7;border:1px solid #ffffff1f;border-radius:10px;min-width:170px;padding:6px;animation:.14s ytQualityPop;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000080}@keyframes ytQualityPop{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.yt-quality-head{text-transform:uppercase;letter-spacing:.6px;color:#ffffff80;padding:6px 10px 4px;font-size:.72rem;font-weight:600}.yt-quality-item{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:7px 10px;font-size:.86rem;transition:background .1s;display:block}.yt-quality-item.is-current{background:#2563eb57;font-weight:600}.yt-quality-empty{color:#ffffff8c;padding:8px 10px;font-size:.82rem;line-height:1.4}.yt-quality-note{color:#fde047d9;border-bottom:1px solid #ffffff14;margin-bottom:4px;padding:6px 10px 8px;font-size:.72rem;font-style:italic;line-height:1.4}.yt-quality-toast{color:#fff;z-index:11;pointer-events:none;background:#b43232f5;border-radius:8px;width:280px;padding:10px 12px;font-size:.8rem;font-weight:500;line-height:1.4;animation:.18s ytQualityToastPop;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0006}@keyframes ytQualityToastPop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tester-chip{z-index:9000;color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:1px solid #7c3aed99;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 24px #4c1d9566}.tester-chip:hover{transform:translateY(-1px);box-shadow:0 14px 28px #4c1d9580}@media (max-width:768px){.tester-chip{bottom:calc(80px + env(safe-area-inset-bottom,0px))}.tester-panel{bottom:calc(140px + env(safe-area-inset-bottom,0px))}}.tester-chip-dot{background:#fde047;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite testerPulse;box-shadow:0 0 8px #fde047}@keyframes testerPulse{0%,to{opacity:1}50%{opacity:.4}}.tester-panel{z-index:9001;background:var(--card-bg,#fff);width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);color:var(--text,#18181b);border:1px solid #7c3aed4d;border-radius:14px;padding:16px;animation:.18s testerSlideIn;position:fixed;bottom:72px;right:16px;overflow-y:auto;box-shadow:0 24px 60px #0f172a40}[data-theme=dark] .tester-panel{color:#e4e4e7;background:#1a1a1d;border-color:#7c3aed73}@keyframes testerSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tester-panel-head{border-bottom:1px solid var(--border,#00000014);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.tester-panel-title{color:#7c3aed;margin:0;font-size:1.04rem;font-weight:700}.tester-panel-sub{color:var(--text-muted,#71717a);margin:4px 0 0;font-size:.78rem;line-height:1.4}.tester-close-btn{cursor:pointer;width:28px;height:28px;color:var(--text-muted,#71717a);background:0 0;border:0;border-radius:6px;font-size:.92rem}.tester-close-btn:hover{background:#0000000f}.tester-section{margin-bottom:14px}.tester-section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tester-section-head h4{letter-spacing:.3px;text-transform:uppercase;color:var(--text-muted,#71717a);margin:0;font-size:.86rem;font-weight:700}.tester-section-danger h4{color:#dc2626}.tester-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.tester-stat{background:var(--surface-soft,#00000008);border:1px solid var(--border,#0000000f);border-radius:8px;padding:8px 10px}.tester-stat.is-warn{background:#d977061a;border-color:#d9770659}.tester-stat-label{color:var(--text-muted,#71717a);text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-size:.72rem}.tester-stat-value{font-variant-numeric:tabular-nums;font-size:.96rem;font-weight:700}.tester-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tester-btn{border:1px solid var(--border,#0000001f);background:var(--surface,#fff);color:var(--text,#18181b);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:7px;padding:7px 12px;font-size:.84rem;font-weight:600;transition:background .1s,transform .1s}[data-theme=dark] .tester-btn{color:#e4e4e7;background:#2a2a2d;border-color:#ffffff1f}.tester-btn:hover{background:#7c3aed14;border-color:#7c3aed59}.tester-btn:disabled{opacity:.5;cursor:not-allowed}.tester-btn-plus{color:#16a34a;border-color:#16a34a59}.tester-btn-minus{color:#dc2626;border-color:#dc262659}.tester-btn-primary{color:#fff;background:#7c3aed;border-color:#7c3aed}.tester-btn-primary:hover{background:#6d28d9}.tester-btn-ghost{color:var(--text-muted,#71717a);background:0 0;border-color:#0000}.tester-btn-ghost:hover{background:#0000000d}.tester-btn-danger{color:#fff;background:#dc2626;border-color:#dc2626}.tester-btn-danger:hover{background:#b91c1c}.tester-btn-danger-ghost{color:#dc2626;background:0 0;border-color:#0000;font-size:.78rem}.tester-btn-danger-ghost:hover{background:#dc262614}.tester-input{border:1px solid var(--border,#0000001f);background:var(--surface,#fff);width:100px;color:var(--text,#18181b);font-variant-numeric:tabular-nums;border-radius:7px;padding:6px 10px;font-size:.84rem}[data-theme=dark] .tester-input{color:#e4e4e7;background:#2a2a2d;border-color:#ffffff1f}.tester-empty{color:var(--text-muted,#71717a);margin:0;font-size:.84rem;font-style:italic}.tester-warn{color:var(--text-muted,#71717a);margin:0 0 8px;font-size:.78rem;line-height:1.4}.tester-section-danger{background:#dc26260d;border:1px solid #dc262633;border-radius:10px;padding:10px 12px}.tester-panel--floating{width:560px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);position:fixed;bottom:auto;right:auto}.tester-panel-head--drag{cursor:grab;-webkit-user-select:none;user-select:none}.tester-panel-head--drag:active{cursor:grabbing}.tester-tabs{border-bottom:1px solid var(--border,#00000014);flex-wrap:wrap;gap:4px;margin-bottom:12px;padding-bottom:8px;display:flex}.tester-tab{color:var(--text-muted,#71717a);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 10px;font-size:.8rem;font-weight:600}.tester-tab:hover{background:#7c3aed0f}.tester-tab.is-active{color:#7c3aed;background:#7c3aed24;border-color:#7c3aed4d}.tester-panel-body{max-height:calc(100vh - 220px);padding-right:4px;overflow-y:auto}.tester-form{flex-direction:column;gap:6px;display:flex}.tester-label{color:var(--text-muted,#71717a);font-size:.78rem}.tester-input--wide{box-sizing:border-box;width:100%}.tester-course-list{flex-direction:column;gap:6px;display:flex}.tester-course-row{border:1px solid var(--border,#0000000f);background:var(--surface-soft,#00000005);border-radius:7px;grid-template-columns:1fr 100px 70px auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.tester-course-name{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:600;overflow:hidden}.tester-range{accent-color:#7c3aed;cursor:pointer}.tester-source-grid{grid-template-columns:220px 1fr;gap:8px;height:360px;margin-top:8px;display:grid}.tester-source-list{border:1px solid var(--border,#00000014);background:var(--surface-soft,#00000005);border-radius:7px;padding:4px;overflow-y:auto}[data-theme=dark] .tester-source-list,[data-theme=dark] .tester-source-preview{background:#0f0f12;border-color:#ffffff14}.tester-source-item{text-align:left;width:100%;color:var(--text,#18181b);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:4px 6px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:.74rem;display:block;overflow:hidden}.tester-source-item:hover{background:#7c3aed14}.tester-source-item.is-active{color:#7c3aed;background:#7c3aed33;font-weight:600}.tester-source-preview{border:1px solid var(--border,#00000014);color:#e2e8f0;white-space:pre;-webkit-user-select:text;user-select:text;background:#0f172a;border-radius:7px;margin:0;padding:10px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:.72rem;line-height:1.5;overflow:auto}.yt-player .yt-iframe-blocker{z-index:4;cursor:pointer;background:0 0;position:absolute;inset:0}.yt-player--yt .yt-video,.yt-player--yt .yt-video iframe,.yt-player--yt .yt-stage>iframe{border:0;width:100%;height:100%}.yt-player .yt-custom-controls{z-index:7}.yt-player .yt-title-pill,.yt-player .yt-watermark{z-index:8}.yt-player--yt .yt-title-pill,.yt-player--yt .yt-watermark{display:none!important}.yt-error{color:#ffffffd9;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ff64644d;border-radius:14px;max-width:80%;padding:16px 24px;font-size:.92rem;font-weight:600}.yt-title-pill{z-index:3;-webkit-backdrop-filter:blur(16px)saturate(180%);color:#fff;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;opacity:0;background:#0f0f1cb3;border:1px solid #ffffff1f;border-radius:22px;max-width:calc(70% - 36px);padding:8px 16px;font-size:.85rem;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:18px;left:18px;overflow:hidden;transform:translateY(-6px)scale(.96);box-shadow:0 8px 22px #00000059}.yt-player.show-chrome .yt-title-pill{opacity:1;transform:translateY(0)scale(1)}.yt-blocker{z-index:2;cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.yt-end-overlay{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:radial-gradient(circle at 30% 20%,#7c5cfc66,#0000 55%),radial-gradient(circle at 80% 100%,#503ca080,#0000 55%),linear-gradient(160deg,#0f0f1cf2,#1e143cf2);justify-content:center;align-items:center;animation:.4s cubic-bezier(.34,1.4,.5,1) both ytEndIn;display:flex;position:absolute;inset:0}@keyframes ytEndIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.yt-end-card{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:16px;padding:36px 48px;display:flex}.yt-end-title{background:linear-gradient(135deg,#ffd76a,#fff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.yt-end-sub{color:#ffffffbf;max-width:480px;font-size:.95rem;line-height:1.5}.yt-replay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cfc,#b95cfc);border:none;border-radius:40px;align-items:center;gap:10px;margin-top:6px;padding:14px 28px;font-family:inherit;font-size:.98rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 14px 36px #7c5cfc80}.yt-replay-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px #7c5cfc99}.yt-big-play{color:#fff;cursor:pointer;background:#7c5cfceb;border:none;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;transition:transform .2s,background .2s;display:flex;box-shadow:0 14px 34px #0000008c}.yt-big-play:hover{background:#8c6eff;transform:scale(1.08)}.yt-big-play svg{margin-left:4px}.yt-loading{color:#ffffffd9;align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex}.yt-controls{z-index:4;color:#fff;background:linear-gradient(#0000 0%,#0000008c 35%,#000000e6 100%);flex-direction:column;gap:6px;padding:8px 14px 12px;transition:transform .25s,opacity .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.yt-player.hide-chrome .yt-controls{opacity:0;pointer-events:none;transform:translateY(100%)}.yt-controls-row{align-items:center;gap:10px;display:flex}.yt-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,opacity .15s;display:flex}.yt-btn:hover:not(:disabled){background:#ffffff26}.yt-btn:disabled{opacity:.4;cursor:not-allowed}.yt-time{font-variant-numeric:tabular-nums;color:#e0e0ee;min-width:88px;font-size:.78rem;font-weight:700}.yt-time-sep{color:#ffffff73;margin:0 2px}.yt-spacer{flex:1}.yt-timeline-wrap{width:100%;padding:4px 2px}.yt-timeline{appearance:none;background:linear-gradient(to right, #7c5cfc 0%, #b95cfc var(--seek-pct,0%), #fff3 var(--seek-pct,0%), #fff3 100%);cursor:pointer;border-radius:4px;outline:none;width:100%;height:6px;transition:height .15s}.yt-timeline:hover{height:8px}.yt-timeline::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(135deg,#b95cfc,#7c5cfc);border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #0006}.yt-timeline::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#b95cfc,#7c5cfc);border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #0006}.yt-volume-wrap{align-items:center;gap:4px;display:flex}.yt-volume{appearance:none;background:linear-gradient(to right, #b95cfc 0%, #b95cfc var(--vol-pct,0%), #fff3 var(--vol-pct,0%), #fff3 100%);cursor:pointer;border-radius:4px;outline:none;width:80px;height:4px}.yt-volume::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #0006}.yt-volume::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #0006}.yt-quality-wrap{position:relative}.yt-quality-btn{align-items:center;gap:6px;padding:0 10px;font-family:inherit;display:inline-flex;width:auto!important}.yt-quality-label{letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:800}.yt-quality-btn.is-open{background:#ffffff26}.yt-quality-menu{-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);z-index:6;transform-origin:100% 100%;background:#12121cf5;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:2px;min-width:140px;padding:6px;animation:.22s cubic-bezier(.34,1.4,.5,1) both ytQualityIn;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 12px 30px #00000080}@keyframes ytQualityIn{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.yt-quality-title{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px 4px;font-size:.66rem;font-weight:700}.yt-quality-item{color:#f0f0f5;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 12px;font-family:inherit;font-size:.82rem;font-weight:700;transition:background .15s,color .15s;display:flex}.yt-quality-item:hover{background:#ffffff14}.yt-quality-item.is-active{color:#b95cfc;background:#b95cfc29}.lesson-empty{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex}.lesson-docx-shell{background:#f4f4f8;width:100%;height:100%;position:relative;overflow:hidden}.lesson-docx-render{opacity:0;background:#f4f4f8;width:100%;height:100%;padding:28px 0;transition:opacity .3s;overflow:auto}.lesson-docx-render.is-visible{opacity:1}.lesson-docx-render .docx-wrapper{background:0 0;flex-direction:column;align-items:center;gap:18px;padding:0;display:flex}.lesson-docx-render .docx{color:#1a1a2e;background:#fff;border-radius:4px;margin:0;box-shadow:0 8px 22px #0000001a}.lesson-loading{color:var(--text-muted);z-index:2;background:#f4f4f8b3;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex;position:absolute;inset:0}.lesson-docx-error{text-align:center;z-index:3;background:linear-gradient(#fffffff2,#ffffffbf);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 32px;display:flex;position:absolute;inset:0}.lesson-docx-icon{filter:drop-shadow(0 8px 18px #1b54a84d);animation:3.6s ease-in-out infinite shieldFloat}.lesson-docx-title{color:var(--text-primary);font-size:1.2rem;font-weight:800}.lesson-docx-desc{color:var(--text-secondary);max-width:480px;font-size:.88rem;line-height:1.55}.lesson-docx-err-detail{color:#b53030;word-break:break-word;background:#d9454514;border-radius:8px;margin-top:6px;padding:6px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.74rem;display:block}.lesson-spinner{border:2.5px solid #7c5cfc2e;border-top-color:var(--accent-purple);vertical-align:middle;border-radius:50%;width:18px;height:18px;margin-right:10px;animation:.8s linear infinite lessonSpin;display:inline-block}@keyframes lessonSpin{to{transform:rotate(360deg)}}.welcome-section{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:32px;padding:0 4px 8px;display:flex;position:relative}.welcome-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.welcome-illustration{aspect-ratio:449/622;object-fit:contain;object-position:top right;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:clamp(280px,24vw,460px);height:auto;transition:right .18s,width .18s;position:absolute;top:0;right:clamp(620px,55vw,1040px);-webkit-mask-image:linear-gradient(#000 0% 62%,#000000a6 82%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#000000a6 82%,#0000 100%)}body.qd-enabled .welcome-illustration{pointer-events:auto}.welcome-stats{z-index:1;gap:18px;width:1080px;max-width:64%;display:flex;position:absolute;top:72px;right:0}.stat-card{background:#fff;border:1px solid #00000008;border-radius:22px;flex-direction:column;flex:1 1 0;gap:12px;min-width:0;padding:20px 22px 22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 18px #1412320f}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #14123214}.stat-card-head{align-items:center;gap:10px;display:flex}.stat-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.stat-card-icon svg{stroke-width:2.2px;width:28px;height:28px}.stat-card-value{text-align:center;letter-spacing:-.015em;white-space:nowrap;font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:2rem;font-weight:800;line-height:1}.stat-card-title{color:var(--text-muted);letter-spacing:.005em;flex:1;min-width:0;font-size:.84rem;font-weight:600;line-height:1.2}.stat-card-progress{background:#0000000d;border-radius:99px;height:6px;overflow:hidden}.stat-card-progress-fill{border-radius:99px;height:100%;transition:width 1.4s cubic-bezier(.33,1,.68,1)}.stat-card-note{color:#0e1626;font-size:.76rem;font-weight:700;line-height:1.2}.stat-card-note-hl{color:#0e8d57;margin-right:2px;font-weight:800}.stat-card-note-rest{color:inherit;font-weight:600}.stat-card--purple .stat-card-icon{color:#7c5cfc;background:#7c5cfc24}.stat-card--purple .stat-card-progress-fill{background:linear-gradient(90deg,#b59cff,#7c5cfc)}.stat-card--purple .stat-card-value{color:#7c5cfc}.stat-card--orange .stat-card-icon{color:#ff8a32;background:#ff8a3224}.stat-card--orange .stat-card-progress-fill{background:linear-gradient(90deg,#ffc28a,#ff8a32)}.stat-card--orange .stat-card-value{color:#ff8a32}.stat-card--blue .stat-card-icon{color:#2e90ff;background:#2e90ff24}.stat-card--blue .stat-card-progress-fill{background:linear-gradient(90deg,#82bfff,#2e90ff)}.stat-card--blue .stat-card-value{color:#2e90ff}.stat-card--green .stat-card-icon{color:#1cb474;background:#1cb47424}.stat-card--green .stat-card-progress-fill{background:linear-gradient(90deg,#82dab1,#1cb474)}.stat-card--green .stat-card-value{color:#1cb474}@media (max-width:900px){.welcome-stats{display:none}}[data-theme=dark] .stat-card{background:linear-gradient(135deg,#1f1f30,#2a1f3e);border:1px solid #ffffff0f;box-shadow:0 6px 18px #00000073}[data-theme=dark] .stat-card-title{color:#b1b1c8}[data-theme=dark] .stat-card-progress{background:#ffffff14}[data-theme=dark] .stat-card-note{color:#d8d8e8}[data-theme=dark] .stat-card-note-hl{color:#45e0a0}@media (max-width:700px){.welcome-illustration{display:none}}.welcome-eyebrow{color:var(--accent-purple);background:var(--accent-purple-light);letter-spacing:.04em;border-radius:20px;margin-top:0;margin-bottom:18px;padding:6px 14px;font-size:.78rem;font-weight:800;display:inline-block}.welcome-heading{letter-spacing:-.028em;white-space:nowrap;max-width:1400px;margin-bottom:18px;font-size:4rem;font-weight:800;line-height:1.08}@media (max-width:1100px){.welcome-heading{white-space:normal}}.welcome-name{color:var(--accent-purple)}.welcome-desc{color:var(--text-secondary);max-width:560px;margin-bottom:26px;font-size:1rem;line-height:1.55}.btn-explore{background:var(--accent-purple);cursor:pointer;color:#fff;font-size:.95rem;font-weight:800;font-family:var(--font);border:none;border-radius:26px;width:fit-content;padding:12px 30px;transition:all .2s;box-shadow:0 6px 16px #7c5cfc47}.btn-explore:hover{transform:translateY(-1px);box-shadow:0 10px 22px #7c5cfc59}.main-columns{align-items:flex-start;gap:24px;display:flex}.left-column{flex-direction:column;flex:1;gap:6px;min-width:260px;display:flex}.right-column{flex:3;grid-template-columns:1.05fr 1fr;align-items:stretch;gap:20px;min-width:0;display:grid}.right-col-stack{flex-direction:column;gap:20px;min-width:0;display:flex}.right-col-stack>*{flex:1}.right-column>.streak-card{align-self:stretch;min-width:0;height:100%}.placeholder-panel,.schedule-panel{border-radius:var(--radius-lg);z-index:1;background:#fff;border:1px solid #0000000a;min-width:0;height:100%;min-height:520px;position:relative;box-shadow:0 8px 28px #1412320f}[data-theme=dark] .placeholder-panel,[data-theme=dark] .schedule-panel{background:linear-gradient(135deg,#1f1f30,#2a1f3e);border-color:#ffffff0d;box-shadow:0 8px 28px #00000073}.schedule-panel{grid-template:"cal list"1fr"stats stats"/1.6fr 1fr;gap:18px 20px;padding:20px;display:grid}.schedule-cal{grid-area:cal}.schedule-list{grid-area:list}.schedule-stats{grid-area:stats}.schedule-cal{flex-direction:column;gap:12px;min-width:0;display:flex}.schedule-cal-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.schedule-cal-nav{align-items:center;gap:6px;display:inline-flex}.schedule-cal-nav-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.schedule-cal-nav-btn:hover{color:#7c5cfc;background:#7c5cfc1a;border-color:#7c5cfc59}[data-theme=dark] .schedule-cal-nav-btn{color:#c8c8d8;background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .schedule-cal-nav-btn:hover{color:#d088ff;background:#7c5cfc38;border-color:#7c5cfc80}.schedule-cal-month{color:var(--text-primary);letter-spacing:-.005em;text-align:center;min-width:120px;font-size:1.25rem;font-weight:800}.schedule-cal-legend{color:var(--text-muted);align-items:center;gap:6px;font-size:.66rem;font-weight:600;display:inline-flex}.schedule-cal-legend-dot{background:var(--accent-purple,#7c5cfc);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #7c5cfc2e}.schedule-cal-legend-chip{border-radius:3px;flex-shrink:0;width:12px;height:12px}.schedule-cal-legend-chip--past{background:var(--accent-purple,#7c5cfc)}.schedule-cal-legend-chip--future{background:#7c5cfc33;border:1px solid #7c5cfc59}.schedule-cal-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.schedule-cal-weekday{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.66rem;font-weight:700}.schedule-cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.schedule-cal-day{aspect-ratio:1;color:var(--text-primary);cursor:default;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;transition:background .15s,color .15s;display:flex;position:relative}.schedule-cal-day.is-empty{color:#0000;pointer-events:none}.schedule-cal-day.has-class--past{background:var(--accent-purple,#7c5cfc);color:#fff;font-weight:800}.schedule-cal-day.has-class--today,.schedule-cal-day.is-today{background:var(--accent-purple,#7c5cfc);color:#fff;box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--accent-purple,#7c5cfc);font-weight:800}.schedule-cal-day.has-class--future{color:var(--accent-purple,#7c5cfc);background:#7c5cfc24;font-weight:700}.schedule-cal-day:hover:not(.is-empty):not(.is-today):not(.has-class--past):not(.has-class--future){background:#7c5cfc0f}.schedule-list{flex-direction:column;min-width:0;min-height:0;display:flex}.schedule-list-header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.schedule-list-title{color:var(--text-primary);letter-spacing:-.005em;font-size:1.25rem;font-weight:800}.schedule-list-count{color:var(--text-muted);background:#0000000a;border-radius:99px;padding:3px 8px;font-size:.7rem;font-weight:700}.schedule-sessions-wrap{flex:1;min-height:0;position:relative}.schedule-sessions{scrollbar-width:thin;flex-direction:column;gap:10px;height:100%;margin:0;padding:0 2px 0 0;list-style:none;display:flex;overflow-y:auto}.schedule-sessions-fade{pointer-events:none;-webkit-backdrop-filter:blur(5px);background:linear-gradient(#fff0 0%,#ffffff8c 45%,#fffffff2 100%);height:110px;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 40%);mask-image:linear-gradient(#0000 0%,#000 40%)}[data-theme=dark] .schedule-sessions-fade{background:linear-gradient(#14142000 0%,#1414208c 45%,#141420f2 100%)}.schedule-session{background:#7c5cfc0a;border:1px solid #7c5cfc1a;border-radius:12px;grid-template-columns:1fr auto;grid-template-areas:"tag tag""time btn""subject btn""teacher btn";align-items:center;gap:2px 10px;padding:11px 13px;display:grid}.schedule-session.is-upcoming{background:linear-gradient(135deg,#7c5cfc1a,#7c5cfc0a);border-color:#7c5cfc4d}.schedule-session-tag{color:#7c5cfc;letter-spacing:.02em;text-transform:uppercase;background:#7c5cfc24;border-radius:99px;grid-area:tag;align-self:start;width:fit-content;margin-bottom:4px;padding:3px 8px;font-size:.62rem;font-weight:800;display:inline-block}.schedule-session-time{color:var(--text-muted);grid-area:time;font-size:.85rem;font-weight:700}.schedule-session-subject{color:var(--text-primary);grid-area:subject;font-size:1.02rem;font-weight:800;line-height:1.18}.schedule-session-teacher{color:var(--text-muted);grid-area:teacher;font-size:.82rem;font-weight:500}.schedule-session-teacher span{color:var(--text-primary);font-weight:600}.schedule-session-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#7c5cfc;border:none;border-radius:10px;grid-area:btn;padding:8px 14px;font-size:.72rem;font-weight:700;transition:background .15s,transform .15s}.schedule-session-btn:hover{background:#6c46ff;transform:translateY(-1px)}.schedule-session:not(.is-upcoming) .schedule-session-btn{color:#7c5cfc;background:#7c5cfc1f}.schedule-session:not(.is-upcoming) .schedule-session-btn:hover{background:#7c5cfc33}[data-theme=dark] .schedule-cal-month,[data-theme=dark] .schedule-list-title{color:#f0f0f5}[data-theme=dark] .schedule-cal-day{color:#d8d8e8}[data-theme=dark] .schedule-cal-weekday,[data-theme=dark] .schedule-cal-legend,[data-theme=dark] .schedule-session-time,[data-theme=dark] .schedule-session-teacher{color:#a8a8c0}[data-theme=dark] .schedule-session-teacher span,[data-theme=dark] .schedule-session-subject{color:#f0f0f5}[data-theme=dark] .schedule-session{background:#7c5cfc1a;border-color:#7c5cfc38}[data-theme=dark] .schedule-session.is-upcoming{background:linear-gradient(135deg,#7c5cfc38,#7c5cfc14);border-color:#7c5cfc73}[data-theme=dark] .schedule-list-count{color:#c8c8d8;background:#ffffff14}[data-theme=dark] .schedule-cal-day:hover:not(.is-empty):not(.is-today){background:#7c5cfc2e}.schedule-stats{border-top:1px dashed #00000014;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:14px;display:grid}.schedule-stat{border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:background .18s;display:flex}.schedule-stat:hover{background:#00000006}.schedule-stat-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800;line-height:1}.schedule-stat--ok{color:#1cb474}.schedule-stat--warn{color:#ff8a32}.schedule-stat--alert{color:#e94c4c}.schedule-stat-label{color:var(--text-muted);text-align:center;font-size:.7rem;font-weight:600;line-height:1.2}[data-theme=dark] .schedule-stats{border-top-color:#ffffff14}[data-theme=dark] .schedule-stat:hover{background:#ffffff0d}[data-theme=dark] .schedule-stat-label{color:#a8a8c0}.achievements-card{border-radius:var(--radius-lg);z-index:1;background:#fff;border:1px solid #0000000a;flex-direction:column;min-width:0;height:100%;min-height:520px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #1412320f}[data-theme=dark] .achievements-card{background:linear-gradient(135deg,#1f1f30,#2a1f3e);border-color:#ffffff0d;box-shadow:0 8px 28px #00000073}.achievements-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.achievements-title{color:var(--text-primary);letter-spacing:-.005em;font-size:1.35rem;font-weight:800}.achievements-view-all{color:#7c5cfc;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 12px;font-size:.88rem;font-weight:700;transition:background .15s}.achievements-view-all:hover{background:#7c5cfc1a}[data-theme=dark] .achievements-title{color:#f0f0f5}[data-theme=dark] .achievements-view-all:hover{background:#7c5cfc38}.achievements-rank{flex-direction:column;align-items:center;gap:8px;margin:8px 0 18px;display:flex;position:relative}.achievements-rank-img-wrap{justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.achievements-rank-img-wrap:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffdc6ebf 0%,#ffc33c73 22%,#ffaa1e33 48%,#ffa50000 72%);animation:3.6s ease-in-out infinite rankGlowPulse;position:absolute;inset:-30px}.achievements-rank-img-wrap:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffdc8c 0%,#ffe69600 70%);animation:3.6s ease-in-out .6s infinite rankGlowPulse;position:absolute;inset:18%}@keyframes rankGlowPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.achievements-rank-img,.achievements-rank-im{object-fit:contain;z-index:1;filter:drop-shadow(0 0 18px #ffd26e8c);width:100%;height:100%;animation:4s ease-in-out infinite rankBob;position:relative}@keyframes rankBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.achievements-rank-name{color:#0000;letter-spacing:-.01em;background:linear-gradient(90deg,orange,#7c5cfc);-webkit-background-clip:text;background-clip:text;font-size:1.55rem;font-weight:800}.achievements-badges{border-top:1px dashed #00000014;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:14px 0 0;list-style:none;display:grid}[data-theme=dark] .achievements-badges{border-top-color:#ffffff14}.achievement-badge{border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;transition:background .18s,transform .18s;display:flex}.achievement-badge:hover{background:#7c5cfc0f;transform:translateY(-2px)}[data-theme=dark] .achievement-badge:hover{background:#7c5cfc24}.achievement-badge-img-wrap{justify-content:center;align-items:center;width:116px;height:116px;display:flex}.achievement-badge-img{object-fit:contain;width:100%;height:100%}.achievement-badge-title{color:var(--text-primary);text-align:center;font-size:1.05rem;font-weight:800;line-height:1.2}.achievement-badge-desc{color:var(--text-muted);text-align:center;font-size:.88rem;font-weight:600;line-height:1.3}[data-theme=dark] .achievement-badge-title{color:#f0f0f5}[data-theme=dark] .achievement-badge-desc{color:#a8a8c0}.graph-card{border-radius:var(--radius-lg);z-index:1;background:#fff;border:1px solid #0000000a;flex-direction:column;gap:14px;min-height:320px;padding:20px;display:flex;position:relative;box-shadow:0 8px 28px #1412320f}[data-theme=dark] .graph-card{background:linear-gradient(135deg,#1f1f30,#2a1f3e);border-color:#ffffff0d;box-shadow:0 8px 28px #00000073}.graph-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.graph-card-title{color:var(--text-primary);letter-spacing:-.005em;margin:0 0 4px;font-size:1.35rem;font-weight:800}.graph-card-sub{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:.78rem;font-weight:600;display:inline-flex}.graph-card-delta{border-radius:99px;padding:2px 8px;font-size:.74rem;font-weight:800}.graph-card-delta.is-up{color:#1cb474;background:#1cb47424}.graph-card-delta.is-down{color:#e94c4c;background:#e94c4c24}.graph-card-select{color:#7c5cfc;cursor:pointer;background:#7c5cfc1a;border:1px solid #7c5cfc40;border-radius:10px;padding:7px 12px;font-family:inherit;font-size:.82rem;font-weight:700;transition:background .15s,border-color .15s}.graph-card-select:hover{background:#7c5cfc2e}.graph-card-select:focus-visible{outline-offset:1px;outline:2px solid #7c5cfc}[data-theme=dark] .graph-card-title{color:#f0f0f5}[data-theme=dark] .graph-card-sub{color:#b1b1c8}[data-theme=dark] .graph-card-select{color:#d088ff;background:#7c5cfc33;border-color:#7c5cfc66}.graph-card-body{flex:1;min-height:0;display:flex}.graph-svg{width:100%;height:100%;min-height:200px}.graph-gridline{stroke:#00000014;stroke-width:1px;stroke-dasharray:3 4}[data-theme=dark] .graph-gridline{stroke:#ffffff1a}.graph-axis-label,.graph-x-label{fill:var(--text-muted);font-size:10px;font-weight:700}[data-theme=dark] .graph-axis-label,[data-theme=dark] .graph-x-label{fill:#a8a8c0}.graph-bar{cursor:pointer;filter:drop-shadow(0 2px 4px #7c5cfc2e);transition:opacity .15s,filter .15s}.graph-bar.is-hover{filter:drop-shadow(0 4px 10px #7c5cfc73)}.graph-line{fill:none;stroke:orange;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px #ffa50066)}.graph-point{fill:#fff;stroke:orange;stroke-width:2.5px;cursor:pointer;transition:r .15s}.graph-point.is-hover{r:6}.graph-tip-bg{fill:#141424f0}.graph-tip-text{fill:#fff;font-size:11px;font-weight:800}.learn-progress-card{border-radius:var(--radius-lg);z-index:1;background:#fff;border:1px solid #0000000a;flex-direction:column;gap:18px;min-height:340px;padding:22px;display:flex;position:relative;box-shadow:0 8px 28px #1412320f}[data-theme=dark] .learn-progress-card{background:linear-gradient(135deg,#1f1f30,#2a1f3e);border-color:#ffffff0d;box-shadow:0 8px 28px #00000073}.learn-progress-head{text-align:center;width:100%}.learn-progress-title{color:var(--text-primary);letter-spacing:-.005em;margin:0 0 4px;font-size:1.35rem;font-weight:800}.learn-progress-sub{color:var(--text-muted);margin:0;font-size:.8rem;font-weight:600}[data-theme=dark] .learn-progress-title{color:#f0f0f5}[data-theme=dark] .learn-progress-sub{color:#b1b1c8}.learn-progress-rings{flex-wrap:wrap;flex:1;justify-content:space-around;align-items:center;gap:24px;display:flex}.learn-progress-ring-block{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex}.learn-progress-ring-label{color:var(--text-primary);letter-spacing:-.005em;max-width:140px;font-size:.86rem;font-weight:700;line-height:1.2}[data-theme=dark] .learn-progress-ring-label{color:#f0f0f5}.learn-progress-ring-wrap{aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;width:clamp(140px,12vw,200px);display:flex;position:relative}.learn-progress-ring{width:100%;height:100%;overflow:visible}.learn-progress-track{stroke:#7c5cfc1a}[data-theme=dark] .learn-progress-track{stroke:#ffffff12}.learn-progress-arc{filter:drop-shadow(0 4px 10px #7c5cfc38);transition:stroke-dashoffset .6s cubic-bezier(.33,1,.68,1);animation:1.1s cubic-bezier(.33,1,.68,1) both learnRingDraw}@keyframes learnRingDraw{0%{stroke-dashoffset:490px}}.learn-progress-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.learn-progress-pct{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,2.2vw,2.4rem);font-weight:800;line-height:1}.learn-progress-tooltip{color:#fff;pointer-events:none;opacity:0;z-index:2;white-space:nowrap;background:#141424f0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;transition:opacity .18s,transform .22s cubic-bezier(.34,1.5,.5,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92);box-shadow:0 10px 24px #00000052}.learn-progress-tooltip.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.learn-progress-ring-wrap:hover .learn-progress-center{opacity:0}.learn-progress-tooltip-value{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.learn-progress-tooltip-sub{color:#ffffffc7;font-size:.7rem;font-weight:600}.btn-more{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s;display:flex}.btn-more:hover{background:#0000000a}.podium-card{color:var(--text-primary);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0,#ffd24a2e,#0000 55%),radial-gradient(circle at 80% 100%,#7c5cfc1a,#0000 55%),#fff;border:1px solid #0000000a;padding:18px 18px 4px;position:relative;overflow:hidden;box-shadow:0 8px 28px #1412320f}.podium-card:before{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(circle,#0000000a 1px,#0000 1px);background-position:0 0;background-size:18px 18px;position:absolute;inset:0}.podium-header{z-index:2;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.podium-title{background:linear-gradient(90deg,orange,#7c5cfc 95%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:800}.podium-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.podium-stage{perspective:900px;perspective-origin:50% 40%;padding-top:28px;padding-bottom:0;position:relative}.podium-row{z-index:2;justify-content:center;align-items:flex-end;gap:6px;display:flex;position:relative}.podium-stars{pointer-events:none;z-index:1;position:absolute;inset:0}.podium-star{color:#f5a615;opacity:.45;text-shadow:0 0 8px #ffa50080;animation:2.6s ease-in-out infinite podiumStarTwinkle;position:absolute}.podium-star.s1{font-size:.7rem;animation-delay:0s;top:6%;left:8%}.podium-star.s2{font-size:.9rem;animation-delay:.5s;top:14%;right:12%}.podium-star.s3{font-size:.6rem;animation-delay:1s;top:30%;left:18%}.podium-star.s4{font-size:.55rem;animation-delay:1.4s;top:8%;left:50%}.podium-star.s5{font-size:.7rem;animation-delay:1.8s;top:22%;right:4%}@keyframes podiumStarTwinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.85;transform:scale(1.2)}}.podium-floor{pointer-events:none;background:linear-gradient(#00000005,#00000014),radial-gradient(at 50% 0,#ffa50029,#0000 60%);border-top:1px solid #0000000f;height:18px;position:absolute;bottom:0;left:0;right:0}.podium-slot{z-index:2;flex-direction:column;flex:1;align-items:center;animation:.8s cubic-bezier(.34,1.4,.64,1) both pillarRise;display:flex;position:relative}.podium-slot.rank-1{order:2;animation-delay:.15s}.podium-slot.rank-2{order:1;animation-delay:50ms}.podium-slot.rank-3{order:3;animation-delay:.25s}@keyframes pillarRise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.podium-crown{filter:drop-shadow(0 2px 4px #0006);margin-bottom:4px;animation:2.6s ease-in-out infinite crownBob}.rank-1 .podium-crown{filter:drop-shadow(0 0 8px #ffd24ab3);animation:2.6s ease-in-out infinite crownBob,2s ease-in-out infinite crownGlow}@keyframes crownBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-3px)rotate(2deg)}}@keyframes crownGlow{0%,to{filter:drop-shadow(0 0 6px #ffd24a99)}50%{filter:drop-shadow(0 0 14px #ffd24af2)}}.podium-avatar-ring{z-index:4;background:#e8eaf1;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:-8px;padding:3px;animation:3.2s ease-in-out infinite avatarFloat;display:flex;position:relative;box-shadow:0 4px 12px #1412322e}.rank-1 .podium-avatar-ring{animation:3.2s ease-in-out infinite avatarFloat,2.4s ease-in-out infinite avatarRing1Glow}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes avatarRing1Glow{0%,to{box-shadow:0 4px 12px #0006,0 0 #ffd24a99}50%{box-shadow:0 4px 12px #0006,0 0 0 8px #ffd24a00}}.ring-1{background:linear-gradient(135deg,#fff2a3 0%,#f5c542 40%,#ff9a3c 100%)}.ring-2{background:linear-gradient(135deg,#f4f5f8 0%,#d2d4dc 40%,#8b8d99 100%)}.ring-3{background:linear-gradient(135deg,#f0c8a0 0%,#d49b6b 40%,#8a5a32 100%)}.podium-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:58px;height:58px}.podium-pedestal{width:100%;max-width:130px;transform-style:preserve-3d;transform-origin:50% 100%;background:linear-gradient(#ffffff24 0%,#0000 18%),linear-gradient(90deg,#ffffff14 0%,#0000 18% 70%,#00000059 100%),linear-gradient(#4a4a68 0%,#2c2c42 70%,#1e1e30 100%);border-radius:14px 14px 4px 4px;flex-direction:column;justify-content:flex-start;align-items:center;padding:22px 8px 8px;display:flex;position:relative;transform:rotateX(8deg);box-shadow:inset 0 2px #ffffff2e,inset -10px 0 16px #00000073,inset 6px 0 #ffffff08,inset 0 -8px 12px #00000080,0 14px 24px #00000073}.pedestal-top{z-index:3;background:linear-gradient(#ffffff73 0%,#ffffff14 100%),linear-gradient(90deg,#6a6a8a 0%,#4a4a6a 100%);border-radius:50%;height:14px;position:absolute;top:-7px;left:4px;right:4px;box-shadow:inset 0 1px #fff6,0 1px 2px #0006}.pedestal-1{background:linear-gradient(#ffffff4d 0%,#0000 18%),linear-gradient(90deg,#ffffff24 0%,#0000 22% 78%,#0000001f 100%),linear-gradient(#ffe27a 0%,#f5b733 55%,#d49100 100%);box-shadow:inset 0 2px #ffffff8c,inset -8px 0 14px #c882002e,inset 6px 0 #ffffff2e,inset 0 -6px 10px #b46e0038,0 14px 28px #ffa50052,0 0 50px #ffd24a38}.pedestal-1 .pedestal-top{background:linear-gradient(#ffffffb3 0%,#ffffff26 100%),linear-gradient(90deg,#ffe27a 0%,#f5a615 100%);box-shadow:inset 0 1px #ffffffb3,0 1px 3px #8c460080}.pedestal-2{background:linear-gradient(#ffffff47 0%,#0000 18%),linear-gradient(90deg,#ffffff1f 0%,#0000 22% 78%,#0000001a 100%),linear-gradient(#f3f4f8 0%,#c4c6d0 55%,#8c8f9c 100%);box-shadow:inset 0 2px #fff9,inset -8px 0 14px #8c91a02e,inset 6px 0 #ffffff2e,inset 0 -6px 10px #787d8c38,0 14px 24px #8c91a040}.pedestal-2 .pedestal-top{background:linear-gradient(#ffffffb3 0%,#ffffff26 100%),linear-gradient(90deg,#f0f1f5 0%,#a5a8b5 100%)}.pedestal-3{background:linear-gradient(#ffffff3d 0%,#0000 18%),linear-gradient(90deg,#ffffff1f 0%,#0000 22% 78%,#0000001f 100%),linear-gradient(#f0c4a0 0%,#d08a55 55%,#9b5a28 100%);box-shadow:inset 0 2px #ffffff80,inset -8px 0 14px #965a282e,inset 6px 0 #ffffff2e,inset 0 -6px 10px #8c501e38,0 14px 24px #b46e3247}.pedestal-3 .pedestal-top{background:linear-gradient(#fff9 0%,#ffffff1a 100%),linear-gradient(90deg,#e8b88e 0%,#c47843 100%)}.podium-name-tag{z-index:2;flex-direction:column;align-items:center;gap:2px;margin-top:8px;display:flex;position:relative}.podium-name{color:#fff;text-align:center;text-shadow:0 1px 2px #0006;font-size:.95rem;font-weight:800}.rank-1 .podium-name{color:#fff8d6;text-shadow:0 1px 2px #8c460099}.podium-country{color:#ffffffc7;letter-spacing:.04em;font-size:.7rem;font-weight:700}.podium-score{color:#fffffff2;text-shadow:0 1px 2px #0006;font-size:.9rem;font-weight:800}.rank-1 .podium-score{color:#fff8d6}.podium-rank-number{color:#ffffff1f;letter-spacing:-.02em;z-index:0;font-size:1.6rem;font-weight:800;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.rank-1 .podium-rank-number{color:#fff8d638}.podium-ground-shadow{filter:blur(3px);z-index:0;background:radial-gradient(#0000008c,#0000 70%);width:70%;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.rank-1 .podium-ground-shadow{background:radial-gradient(#ff8a008c,#0000 70%)}.streak-card{border-radius:var(--radius-lg);background:linear-gradient(#fff3d1 0%,#fff8e4 35%,#fff 100%);border:1px solid #fde9b3;flex-direction:column;gap:16px;padding:20px 22px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #ff8a1f1a}.streak-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff8a1f2e,#0000 65%);width:240px;height:240px;position:absolute;inset:-50% -30% auto auto}.streak-header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.streak-title{font-size:1.05rem;font-weight:800}.streak-flame-wrap{z-index:1;flex-direction:row;justify-content:center;align-items:center;gap:18px;padding:6px 0;display:flex;position:relative}.streak-flame{filter:drop-shadow(0 6px 14px #ff4d3d66);flex-shrink:0;animation:2.4s ease-in-out infinite flameWiggle,4s ease-in-out infinite flameFloat;position:relative}@keyframes flameWiggle{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.03)rotate(-2deg)}75%{transform:scale(1.05)rotate(2deg)}}@keyframes flameFloat{0%,to{translate:0}50%{translate:0 -3px}}.streak-spark{color:#ffd24a;text-shadow:0 0 10px #ffd24ab3;pointer-events:none;font-size:.9rem;animation:2s ease-in-out infinite sparkleTwinkle;position:absolute}.spark-a{animation-delay:0s;top:6px;left:-6px}.spark-b{font-size:1.05rem;animation-delay:.5s;top:16px;right:-8px}.spark-c{font-size:.75rem;animation-delay:1s;bottom:10px;left:4px}.streak-count-block{flex-direction:column;gap:2px;display:flex}.streak-count{align-items:baseline;gap:5px;display:flex}.streak-number{background:linear-gradient(#ffba4a 0%,#ff4d3d 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.6rem;font-weight:800;line-height:1;animation:.8s cubic-bezier(.34,1.56,.64,1) both streakNumberPop}@keyframes streakNumberPop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.streak-unit{color:var(--text-secondary);font-size:1rem;font-weight:700}.streak-message{color:var(--text-secondary);font-size:.82rem;animation:.5s .4s both fadeInUp}.streak-calendar{border-radius:var(--radius-md);z-index:1;background:#ffffff8c;border:1px solid #fde9b3;padding:14px 16px;position:relative}.streak-month-nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.streak-month-btn{cursor:pointer;color:#a05a00;background:#ffd24a2e;border:none;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .2s,transform .15s;display:flex}.streak-month-btn:hover{background:#ffd24a59;transform:scale(1.06)}.streak-month-btn:active{transform:scale(.92)}.streak-month-label{color:var(--text-primary);font-size:.95rem;font-weight:800;animation:.32s both monthFadeIn}@keyframes monthFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.streak-week-header{grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:6px;display:grid}.streak-week-label{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.streak-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.streak-cell{aspect-ratio:1;color:var(--text-muted);opacity:0;background:#ffffff80;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;animation:.4s ease-out forwards cellPop;display:flex;position:relative;transform:scale(.7)}@keyframes cellPop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.streak-cell.empty{background:0 0;border:1px dashed #0000000a}.streak-cell.done{color:#fff;background:linear-gradient(135deg,#ffba4a 0%,#ff7a1a 100%);border-color:#fff6;box-shadow:0 3px 8px #ff7a1a4d}.streak-cell.done .streak-cell-day{text-shadow:0 1px 2px #a53c004d}.streak-cell.today{outline-offset:2px;outline:2px solid #ff4d3d;animation:.4s ease-out forwards cellPop,1.8s ease-in-out infinite todayPulse}@keyframes todayPulse{0%,to{box-shadow:0 3px 8px #ff7a1a4d,0 0 #ff4d3d99}50%{box-shadow:0 3px 8px #ff7a1a4d,0 0 0 6px #ff4d3d00}}.streak-cell-day{line-height:1}.streak-cell-flame{opacity:.95;position:absolute;bottom:2px;right:2px}.streak-footer{border-radius:var(--radius-md);z-index:1;background:#fff;border:1px solid #f3e7cf;justify-content:space-between;align-items:center;margin-top:auto;padding:14px 12px;display:flex;position:relative}.streak-stat{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.streak-stat-value{color:var(--text-primary);font-size:1.15rem;font-weight:800;animation:.6s .3s both streakStatRise}@keyframes streakStatRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.streak-stat-label{color:var(--text-muted);font-size:.74rem;font-weight:600}.streak-divider{background:#f0e6cf;width:1px;height:32px}.leaderboard-card{border-radius:var(--radius-lg);background:0 0;flex-direction:column;flex:1;padding:4px 4px 8px;display:flex}.leaderboard-header{flex-direction:column;gap:4px;margin-bottom:16px;padding:0 4px;display:flex}.leaderboard-title{font-size:1.15rem;font-weight:800}.leaderboard-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.leaderboard-list{flex-direction:column;gap:10px;margin-bottom:14px;list-style:none;display:flex;position:relative}.leaderboard-row{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;animation:.55s ease-out forwards curtainReveal;animation-delay:calc(80ms * var(--i,0));background:#ffffff8c;border:1px solid #ffffffb3;border-radius:16px;align-items:center;gap:14px;padding:12px 16px;transition:background .2s,transform .2s,box-shadow .2s;display:flex;transform:translateY(18px)}@keyframes curtainReveal{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}60%{filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)}}.leaderboard-row:hover{background:#ffffffd9;box-shadow:0 6px 18px #0000000d}.leaderboard-row.is-faded{filter:blur(2.5px)opacity(.55);pointer-events:none;animation:.55s ease-out forwards curtainRevealFaded;animation-delay:calc(80ms * var(--i,0))}@keyframes curtainRevealFaded{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:.55;filter:blur(2.5px);transform:translateY(0)}}.leaderboard-rank{width:30px;height:30px;color:var(--text-secondary);background:#fff;border:1px solid #ececf2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.92rem;font-weight:800;display:flex}.leaderboard-avatar-wrap{flex-shrink:0;width:40px;height:40px}.leaderboard-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.leaderboard-name-group{flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.leaderboard-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:800;overflow:hidden}.leaderboard-country{color:var(--text-muted);letter-spacing:.04em;background:#ffffffb3;border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:700}.leaderboard-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.leaderboard-stat-line{gap:5px;font-size:.84rem;display:inline-flex}.leaderboard-stat-label{color:var(--text-muted);font-weight:600}.leaderboard-stat-value{color:var(--text-primary);font-weight:800}.leaderboard-more{color:var(--accent-purple);cursor:pointer;font-size:.82rem;font-weight:800;font-family:var(--font);background:#fff9;border:none;border-radius:20px;align-self:center;margin-top:4px;padding:8px 22px;transition:background .2s}.leaderboard-more:hover{background:#fff}.rank-card{border-radius:var(--radius-lg);background:linear-gradient(160deg,#fffbe6 0%,#fff 70%);border:1px solid #fde9b3;align-items:center;gap:18px;padding:18px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #f5a61514}.rank-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd24a52,#0000 60%);width:180px;height:180px;position:absolute;inset:-40% -20% auto auto}.rank-shield-wrap{z-index:1;flex-shrink:0;width:86px;height:98px;position:relative}.rank-shield{filter:drop-shadow(0 7px 14px #b86b0059);transform-origin:50% 60%;width:100%;height:100%;animation:3.6s ease-in-out infinite shieldFloat}@keyframes shieldFloat{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-4px)rotate(1.5deg)}}.rank-sparkle{color:#ffd24a;pointer-events:none;text-shadow:0 0 10px #ffd24ab3;font-size:.85rem;animation:2.2s ease-in-out infinite sparkleTwinkle;position:absolute}.sparkle-a{animation-delay:0s;top:4px;left:-6px}.sparkle-b{font-size:1rem;animation-delay:.6s;top:22px;right:-6px}@keyframes sparkleTwinkle{0%,to{opacity:.2;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}.rank-info-block{z-index:1;flex-direction:column;flex:1;gap:7px;min-width:0;display:flex;position:relative}.rank-top-row{justify-content:space-between;align-items:center;display:flex}.rank-title{color:var(--text-primary);font-size:1rem;font-weight:800}.rank-middle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.rank-name{color:#b76b00;letter-spacing:.01em;font-size:1.1rem;font-weight:800}.rank-xp-row{background:#ffd24a38;border:1px solid #f5a61559;border-radius:14px;align-items:center;gap:5px;padding:4px 12px;display:inline-flex}.rank-xp{color:#a05a00;font-size:.85rem;font-weight:800}.rank-progress{background:#fff3d1;border-radius:6px;width:100%;height:8px;margin-top:2px;position:relative;overflow:hidden}.rank-progress-bar{transform-origin:0;background:linear-gradient(90deg,#ffd24a 0%,#ff8a1f 100%);border-radius:6px;height:100%;animation:1.4s ease-out .2s both rankFill;box-shadow:0 0 10px #ff8a1f73}@keyframes rankFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.rank-progress-label{color:var(--text-secondary);margin-top:2px;font-size:.74rem;font-weight:600}@media (max-width:1700px){.welcome-stats{gap:14px;width:720px;max-width:56%;top:56px}.stat-card{gap:10px;padding:16px 16px 18px}.stat-card-value{font-size:1.55rem}.stat-card-icon{width:42px;height:42px}.stat-card-icon svg{width:24px;height:24px}.welcome-heading{white-space:normal;font-size:3.4rem}}@media (max-width:1380px){.welcome-section{flex-direction:column;align-items:stretch;gap:18px}.welcome-illustration{display:none}.welcome-stats{width:100%;max-width:100%;position:static;top:auto;right:auto}.welcome-heading{font-size:2.9rem}}@media (max-width:1500px){.schedule-panel{grid-template-columns:1fr;grid-template-areas:"cal""list""stats"}.schedule-sessions-wrap{flex:none}.schedule-sessions{max-height:280px}}@media (max-width:1300px){.right-column{grid-template-columns:1fr}}@media (max-width:1200px){.main-columns{flex-direction:column}.left-column,.right-column{width:100%}.welcome-heading{font-size:2.5rem}}@media (max-width:1000px){.welcome-stats{flex-wrap:wrap;gap:12px}.stat-card{flex:calc(50% - 6px);min-width:0}.welcome-heading{font-size:2.2rem}}@media (max-width:900px){.main-content{padding:16px}.nav-pill{order:3;justify-content:center;width:100%}.welcome-heading{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.welcome-section,.podium-card,.leaderboard-card,.rank-card,.streak-card,.placeholder-panel,.schedule-panel,.graph-card,.learn-progress-card{opacity:0;animation:.55s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.podium-card{animation-delay:50ms}.leaderboard-card{animation-delay:.1s}.rank-card{animation-delay:.15s}.streak-card{animation-delay:.2s}.placeholder-panel{animation-delay:.18s}.schedule-panel{animation-delay:.24s}.achievements-card{animation-delay:.18s}.graph-card{animation-delay:.3s}.learn-progress-card{animation-delay:.36s}.achievements-card .achievements-header,.achievements-card .achievements-rank,.achievements-card .achievement-badge{opacity:0;animation:.55s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.achievements-card .achievements-header{animation-delay:.35s}.achievements-card .achievements-rank{animation-delay:.45s}.achievements-card .achievement-badge:first-child{animation-delay:.58s}.achievements-card .achievement-badge:nth-child(2){animation-delay:.66s}.achievements-card .achievement-badge:nth-child(3){animation-delay:.74s}.schedule-panel .schedule-cal,.schedule-panel .schedule-list,.schedule-panel .schedule-stats{opacity:0;animation:.55s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.schedule-panel .schedule-cal{animation-delay:.4s}.schedule-panel .schedule-list{animation-delay:.5s}.schedule-panel .schedule-stats{animation-delay:.6s}.schedule-session{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.schedule-session:first-child{animation-delay:.65s}.schedule-session:nth-child(2){animation-delay:.72s}.schedule-session:nth-child(3){animation-delay:.79s}.schedule-session:nth-child(4){animation-delay:.86s}.schedule-session:nth-child(5){animation-delay:.93s}.schedule-stat{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.schedule-stat:first-child{animation-delay:.7s}.schedule-stat:nth-child(2){animation-delay:.78s}.schedule-stat:nth-child(3){animation-delay:.86s}.stat-card{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.stat-card:first-child{animation-delay:.18s}.stat-card:nth-child(2){animation-delay:.26s}.stat-card:nth-child(3){animation-delay:.34s}.stat-card:nth-child(4){animation-delay:.42s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0d0e0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0b0c0}.doc-overlay{top:var(--app-header-h,0px);opacity:0;pointer-events:none;z-index:200;justify-content:center;align-items:flex-start;gap:0;padding:10px 18px 18px;transition:opacity .45s;display:flex;position:fixed;bottom:0;left:0;right:0}.doc-overlay.is-open{opacity:1;pointer-events:auto}.doc-main-panel{opacity:0;border-radius:28px;flex-direction:column;gap:18px;width:min(1882px,96vw);height:min(849px,94vh);padding:32px 36px 28px;transition:opacity .5s,transform .7s cubic-bezier(.34,1.4,.5,1),width .6s cubic-bezier(.34,1.4,.5,1);display:flex;position:relative;transform:scale(.55)}.doc-overlay.is-open .doc-main-panel{opacity:1;transform:scale(1)}.doc-overlay.is-open.stage-preview .doc-main-panel{gap:12px;width:min(1882px,96vw);padding:18px 22px}.doc-preview-full{flex-direction:column;flex:1;gap:14px;min-height:0;animation:.32s cubic-bezier(.34,1.2,.6,1) docPreviewFadeIn;display:flex}@keyframes docPreviewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.doc-preview-full-header{align-items:center;gap:14px;padding-right:56px;display:flex}.doc-preview-full-back{border:1px solid var(--border,#0000001a);background:var(--surface-soft,#0000000a);color:var(--text,#18181b);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.86rem;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.doc-preview-full-back:hover{background:#2563eb14;border-color:#2563eb59;transform:translate(-2px)}[data-theme=dark] .doc-preview-full-back{color:#e4e4e7;background:#ffffff0d;border-color:#ffffff1f}[data-theme=dark] .doc-preview-full-back:hover{background:#60a5fa1f;border-color:#60a5fa66}.doc-preview-full-titles{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.doc-preview-full-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.4rem;font-weight:700;line-height:1.25;overflow:hidden}.doc-preview-full-stage{background:var(--surface-soft,#00000005);border:1px solid var(--border,#0000000f);border-radius:14px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}[data-theme=dark] .doc-preview-full-stage{background:#0000002e;border-color:#ffffff14}.doc-preview-full-stage>*{flex:1;min-height:0}.doc-close-btn{z-index:5;position:absolute;top:22px;right:24px}.doc-back-btn{z-index:5;color:var(--text-primary);cursor:pointer;opacity:0;background:#fff9;border:1px solid #ffffffb3;border-radius:18px;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-family:inherit;font-size:.8rem;font-weight:700;transition:background .2s,transform .15s;animation:.35s .2s forwards docFadeIn;display:inline-flex;position:absolute;top:22px;left:24px;transform:translate(-8px)}@keyframes docFadeIn{to{opacity:1;transform:translate(0)}}.doc-back-btn:hover{background:#fff;transform:translate(-2px)}.doc-hero{text-align:center;opacity:1;z-index:2;max-height:400px;margin-top:clamp(40px,11%,110px);margin-bottom:22px;transition:opacity .35s,transform .4s,max-height .5s,margin .4s;position:relative;overflow:hidden}.doc-overlay:not(.stage-search) .doc-hero{opacity:0;pointer-events:none;max-height:0;margin-top:0;margin-bottom:0;transform:translateY(-10px)}.doc-hero-title{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(3rem,7vw,5.2rem);font-weight:800;line-height:1}.doc-hero-u{color:var(--text-primary)}.doc-hero-it{background:linear-gradient(135deg,#7c5cfc 0%,#b95cfc 50%,#ff8a3c 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.doc-hero-sub{color:var(--text-secondary);font-size:clamp(.9rem,1.3vw,1.05rem);font-weight:500}.doc-search-shell{z-index:3;flex-direction:column;align-items:center;padding:0 8px;transition:padding .45s cubic-bezier(.34,1.4,.5,1);display:flex;position:relative}.doc-suggest{background:var(--card-bg,#fff);border:1px solid var(--border,#00000014);z-index:5;border-radius:14px;width:min(640px,100%);margin-top:8px;animation:.16s docSuggestPop;overflow:hidden;box-shadow:0 18px 40px #0f172a2e}[data-theme=dark] .doc-suggest{background:#1a1a1d;border-color:#ffffff14}@keyframes docSuggestPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.doc-suggest-item{border:0;border-bottom:1px solid var(--border,#0000000a);width:100%;color:var(--text,#18181b);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:12px;padding:10px 14px;transition:background .1s;display:flex}[data-theme=dark] .doc-suggest-item{color:#e4e4e7;border-bottom-color:#ffffff0d}.doc-suggest-item:last-child{border-bottom:0}.doc-suggest-item:hover,.doc-suggest-item.is-highlight{background:#2563eb14}[data-theme=dark] .doc-suggest-item:hover,[data-theme=dark] .doc-suggest-item.is-highlight{background:#60a5fa24}.doc-suggest-icon{color:#2563eb;background:#2563eb14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.doc-suggest-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.doc-suggest-label{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.doc-suggest-title{color:var(--text-muted,#71717a);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.doc-suggest-cat{color:var(--text-muted,#71717a);text-transform:uppercase;letter-spacing:.4px;background:#0000000f;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:.7rem;font-weight:600}[data-theme=dark] .doc-suggest-cat{background:#ffffff14}.doc-suggest-empty{color:var(--text-muted,#71717a);text-align:center;padding:14px 16px;font-size:.86rem}.doc-suggest-more{color:var(--text-muted,#71717a);background:var(--surface-soft,#00000005);border-top:1px solid var(--border,#0000000d);text-align:center;padding:8px 14px;font-size:.76rem;font-style:italic}[data-theme=dark] .doc-suggest-more{background:#ffffff08;border-top-color:#ffffff0f}.doc-overlay.stage-search .doc-search-shell{margin-bottom:12px}.doc-search-box{-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);background:#ffffffbf;border:1px solid #ffffffb3;border-radius:30px;align-items:center;gap:12px;width:min(640px,100%);height:56px;padding:0 18px;transition:width .45s cubic-bezier(.34,1.4,.5,1),height .45s cubic-bezier(.34,1.4,.5,1),transform .45s cubic-bezier(.34,1.4,.5,1),box-shadow .25s,background .25s,padding .45s;display:flex;box-shadow:0 10px 30px #503c8c1a}.doc-overlay:not(.stage-search) .doc-search-box{width:100%;max-width:920px;height:44px;padding:0 14px;box-shadow:0 4px 14px #0000000a}.doc-search-box:focus-within{background:#fff;box-shadow:0 10px 30px #7c5cfc29,0 0 0 3px #7c5cfc2e}.doc-search-icon{color:var(--text-muted);flex-shrink:0;transition:width .3s,height .3s}.doc-overlay:not(.stage-search) .doc-search-icon{width:16px;height:16px}.doc-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem;font-weight:500}.doc-overlay:not(.stage-search) .doc-search-input{font-size:.92rem}.doc-search-input::placeholder{color:var(--text-muted);font-weight:500}.doc-search-clear{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:#00000014;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.doc-search-clear:hover{color:var(--text-primary);background:#00000029}.doc-filters{z-index:3;flex-direction:column;align-items:center;gap:10px;display:flex}.doc-chips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;animation:.4s both docFadeIn;display:flex}.doc-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);cursor:pointer;background:#fff9;border:1px solid #ffffffb3;border-radius:22px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.doc-chip:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 14px #503c8c1f}.doc-chip.is-active{color:#fff;background:linear-gradient(135deg,#7c5cfc,#b95cfc);border-color:#0000;box-shadow:0 8px 20px #7c5cfc59}.doc-chip-icon{justify-content:center;align-items:center;display:inline-flex}.doc-chip-sub{background:#ffffff73;padding:7px 14px;font-size:.78rem}.doc-chip-sub2{padding:6px 12px;font-size:.74rem}.doc-table-region{z-index:2;opacity:1;flex-direction:column;flex:1;align-items:center;min-height:0;padding:4px 4px 12px;transition:opacity .4s,transform .45s cubic-bezier(.34,1.4,.5,1),max-height .5s;display:flex;position:relative;overflow-y:auto}.doc-overlay.stage-search .doc-table-region{opacity:0;pointer-events:none;max-height:0;transform:translateY(20px)}.doc-empty{color:var(--text-muted);text-align:center;padding:40px;font-size:.95rem;font-weight:600}.doc-table{border-collapse:separate;border-spacing:0;-webkit-backdrop-filter:blur(14px)saturate(180%);backdrop-filter:blur(14px)saturate(180%);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:18px;width:min(960px,100%);animation:.35s both docFadeIn;overflow:hidden;box-shadow:0 10px 30px #503c8c14}.doc-table-head th{text-align:left;color:var(--accent-purple);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;background:#7c5cfc14;border-bottom:1px solid #7c5cfc2e;padding:14px 22px;font-size:.72rem;font-weight:800}.doc-table-col-link{width:190px}.doc-table-row{opacity:0;animation:.32s forwards docRowIn;animation-delay:calc(40ms * var(--row-i,0));border-top:1px solid #0000000a;transition:background .18s}@keyframes docRowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.doc-table-row:hover{background:#7c5cfc0d}.doc-table-row.is-active{background:#7c5cfc1a}.doc-table tbody tr+tr td{border-top:1px solid #0000000a}.doc-table-link-cell{vertical-align:middle;width:190px;padding:10px 20px}.doc-table-link{color:var(--accent-purple);cursor:pointer;background:#7c5cfc14;border:1px solid #7c5cfc40;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:.86rem;font-weight:800;transition:background .18s,color .18s,transform .15s,box-shadow .18s;display:inline-flex}.doc-table-link:hover{background:var(--accent-purple);color:#fff;border-color:#0000;transform:translate(2px);box-shadow:0 6px 16px #7c5cfc59}.doc-table-link.is-active{color:#fff;background:linear-gradient(135deg,#7c5cfc,#b95cfc);border-color:#0000;box-shadow:0 6px 16px #7c5cfc66}.doc-table-link-icon{justify-content:center;align-items:center;display:inline-flex}.doc-table-link-text{letter-spacing:.01em}.doc-table-note{color:var(--text-primary);vertical-align:middle;padding:12px 22px;font-size:.88rem;font-weight:600;line-height:1.45}.doc-preview-header{flex-direction:column;flex-shrink:0;gap:4px;margin-bottom:16px;padding-right:36px;display:flex}.doc-preview-eyebrow{color:var(--accent-purple);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800}.doc-preview-title{color:var(--text-primary);font-size:1.1rem;font-weight:800;line-height:1.3}.doc-preview-stage{background:#0f0f1c0a;border:1px solid #ffffff80;border-radius:18px;flex-direction:column;flex:1;min-height:0;animation:.4s both docFadeIn;display:flex;overflow:hidden}.doc-docx-fallback{color:var(--text-primary);flex-direction:column;gap:10px;padding:28px;display:flex}.doc-docx-fallback h4{font-size:1.05rem;font-weight:800}.doc-docx-fallback p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.doc-docx-path{color:var(--accent-purple);word-break:break-all;background:#7c5cfc1a;border:1px solid #7c5cfc33;border-radius:8px;padding:6px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem}.doc-link-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:36px 28px;display:flex}.doc-link-icon{color:#fff;background:linear-gradient(135deg,#7c5cfc,#b95cfc);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 12px 28px #7c5cfc66}.doc-link-icon svg{width:32px;height:32px}.doc-link-url{color:var(--text-secondary);word-break:break-all;max-width:100%;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem}.doc-link-btn{color:#fff;background:linear-gradient(135deg,#7c5cfc,#b95cfc);border-radius:26px;align-items:center;gap:8px;padding:12px 24px;font-size:.92rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 22px #7c5cfc66}.doc-link-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7c5cfc80}[data-theme=dark] .doc-search-box{background:#1e1e2cb3;border-color:#ffffff14}[data-theme=dark] .doc-search-box:focus-within{background:#1f1f30}[data-theme=dark] .doc-search-input{color:#f0f0f5}[data-theme=dark] .doc-search-clear{color:#b0b0c8;background:#ffffff1a}[data-theme=dark] .doc-chip{color:#f0f0f5;background:#281e3c99;border-color:#ffffff14}[data-theme=dark] .doc-chip:hover{background:#3c285ad9}[data-theme=dark] .doc-table{background:#1c1c2c99;border-color:#ffffff14}[data-theme=dark] .doc-table-head th{color:#d088ff;background:#b95cfc1f;border-bottom-color:#b95cfc40}[data-theme=dark] .doc-table-row,[data-theme=dark] .doc-table tbody tr+tr td{border-top-color:#ffffff0a}[data-theme=dark] .doc-table-row:hover{background:#b95cfc1a}[data-theme=dark] .doc-table-row.is-active{background:#b95cfc2e}[data-theme=dark] .doc-table-link{color:#d088ff;background:#b95cfc26;border-color:#b95cfc4d}[data-theme=dark] .doc-table-link:hover{background:var(--accent-purple);color:#fff}[data-theme=dark] .doc-table-note{color:#f0f0f5}[data-theme=dark] .doc-back-btn{color:#f0f0f5;background:#1e1e2ca6;border-color:#ffffff14}[data-theme=dark] .doc-hero-u,[data-theme=dark] .doc-preview-title,[data-theme=dark] .doc-docx-fallback{color:#f0f0f5}@media (max-width:1100px){.doc-overlay.is-open.stage-preview .doc-main-panel{width:96vw}.doc-overlay.is-open.stage-preview .doc-preview-panel{width:min(420px,50vw);height:min(60vh,600px);position:absolute;bottom:24px;right:24px}}.nav-pill-btn,.header-btn{position:relative}.nav-pill-btn[data-label]:after,.header-btn[data-label]:after{content:attr(data-label);color:#fff;letter-spacing:.015em;white-space:nowrap;pointer-events:none;opacity:0;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141424f5;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-size:.72rem;font-weight:700;transition:opacity .22s cubic-bezier(.34,1.4,.5,1),transform .28s cubic-bezier(.34,1.4,.5,1);position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-6px)scale(.92);box-shadow:0 8px 22px #00000047}.nav-pill-btn[data-label]:before,.header-btn[data-label]:before{content:"";pointer-events:none;opacity:0;z-index:200;border:5px solid #0000;border-bottom-color:#141424f5;width:0;height:0;transition:opacity .22s,transform .22s;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%,-4px)}.nav-pill-btn[data-label]:hover:after,.header-btn[data-label]:hover:after{opacity:1;transform:translate(-50%)scale(1)}.nav-pill-btn[data-label]:hover:before,.header-btn[data-label]:hover:before{opacity:1;transform:translate(-50%)}.search-wrapper.is-open .search-btn:before,.search-wrapper.is-open .search-btn:after{opacity:0!important}.nav-pill-theme{border-left:1px dashed #00000014;margin-left:4px;padding-left:4px}.theme-icon-stack{justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.theme-icon{opacity:0;margin:auto;transition:opacity .35s,transform .45s cubic-bezier(.34,1.4,.5,1);position:absolute;inset:0;transform:rotate(-90deg)scale(.6)}.theme-icon.is-visible{opacity:1;transform:rotate(0)scale(1)}[data-theme=dark]{--bg-main:#0e0e1a;--bg-card:#1a1a2a;--bg-sidebar:#14141f;--text-primary:#f0f0f5;--text-secondary:#a4a4be;--text-muted:#6c6c82;--accent-purple:#b95cfc;--accent-purple-light:#2a1f4a;--accent-green:#6ed086;--accent-blue:#5a8eb8;--accent-mint:#4ecdc4;--accent-mint-light:#1a3a3a;--accent-red-light:#3a1f1f;--shadow-sm:0 2px 8px #0003;--shadow-card:0 4px 16px #0000004d;--shadow-hover:0 8px 24px #0006}[data-theme=dark] body{color:var(--text-primary);background:#08080f}[data-theme=dark] .main-content{background:radial-gradient(circle at 20% 0,#4ecdc42e,#0000 45%),radial-gradient(circle at 80% 100%,#7c5cfc38,#0000 50%),linear-gradient(#112428 0%,#1a1430 350px 100%)}[data-theme=dark] .brand-logo{color:#f0f0f5;background:linear-gradient(135deg,#1f1f30,#2d1f44);box-shadow:0 4px 14px #00000073}[data-theme=dark] .page-title{color:#f0f0f5}[data-theme=dark] .nav-pill{box-shadow:none;background:0 0;border:none}[data-theme=dark] .nav-pill:before{background:linear-gradient(135deg,#1f1f30,#2d1f44);box-shadow:0 4px 14px #00000073,inset 0 0 0 1px #ffffff0d}[data-theme=dark] .nav-pill:hover:before{box-shadow:0 14px 34px #0009,inset 0 0 0 1px #ffffff0f}[data-theme=dark] .nav-pill-text{color:#f0f0f5}[data-theme=dark] .nav-pill-btn{color:#8a8aa4}[data-theme=dark] .nav-pill-btn:hover{color:#f0f0f5;background:#ffffff0f}[data-theme=dark] .nav-pill-btn.active{color:#d088ff;background:#b95cfc38}[data-theme=dark] .nav-pill-theme{border-left-color:#ffffff1a}[data-theme=dark] .header-btn{color:#f0f0f5;background:linear-gradient(135deg,#1f1f30,#2d1f44);box-shadow:0 4px 14px #00000073}[data-theme=dark] .header-btn:hover{box-shadow:0 6px 18px #0000008c}[data-theme=dark] .notification-dot{border:2px solid #1f1f30}[data-theme=dark] .user-profile{background:linear-gradient(135deg,#1c1c2c 0%,#3a2050 100%);border-color:#ffffff0f;box-shadow:0 4px 14px #00000073}[data-theme=dark] .user-profile:hover{box-shadow:0 6px 18px #0000008c}[data-theme=dark] .user-name{color:#f0f0f5}[data-theme=dark] .user-email,[data-theme=dark] .user-profile-chevron{color:#8a8aa4}[data-theme=dark] .search-input{color:#f0f0f5;background:#1f1f30;box-shadow:0 4px 14px #00000073}[data-theme=dark] .search-input::placeholder{color:#6c6c82}[data-theme=dark] .search-input:focus{box-shadow:0 4px 14px #00000073,0 0 0 3px #b95cfc40}[data-theme=dark] .search-clear{color:#b0b0c8;background:#ffffff1a}[data-theme=dark] .search-clear:hover{color:#f0f0f5;background:#fff3}[data-theme=dark] .user-menu{background:#1a1a2a;border:1px solid #ffffff0f;box-shadow:0 20px 50px #0009}[data-theme=dark] .user-menu-item{color:#f0f0f5}[data-theme=dark] .user-menu-item:hover{color:#d088ff;background:#b95cfc2e}[data-theme=dark] .user-menu-item.is-danger{color:#ff7878}[data-theme=dark] .user-menu-item.is-danger:hover{color:#ff9a9a;background:#ff78781f}[data-theme=dark] .user-menu-divider{background:#ffffff0f}[data-theme=dark] .welcome-eyebrow{color:#d088ff;background:#b95cfc2e}[data-theme=dark] .welcome-heading{color:#f0f0f5}[data-theme=dark] .welcome-name{color:#d088ff}[data-theme=dark] .welcome-desc{color:#a4a4be}[data-theme=dark] .btn-explore{box-shadow:0 6px 16px #7c5cfc73}[data-theme=dark] .leaderboard-title{color:#f0f0f5}[data-theme=dark] .leaderboard-row{background:#1c1c2c8c;border-color:#ffffff0f}[data-theme=dark] .leaderboard-row:hover{background:#281e3cbf}[data-theme=dark] .leaderboard-rank{color:#a4a4be;background:#1f1f30;border-color:#ffffff14}[data-theme=dark] .leaderboard-name{color:#f0f0f5}[data-theme=dark] .leaderboard-country{color:#b0b0c8;background:#ffffff14}[data-theme=dark] .leaderboard-stat-value{color:#f0f0f5}[data-theme=dark] .leaderboard-more{color:#d088ff;background:#ffffff0f}[data-theme=dark] .leaderboard-more:hover{background:#b95cfc33}[data-theme=dark] .streak-card{background:linear-gradient(#2a1f10 0%,#1f1810 35%,#14141f 100%);border-color:#ff8a1f47;box-shadow:0 8px 24px #0006}[data-theme=dark] .streak-title{color:#f0f0f5}[data-theme=dark] .streak-unit,[data-theme=dark] .streak-message{color:#a4a4be}[data-theme=dark] .streak-calendar{background:#00000052;border-color:#ff8a1f38}[data-theme=dark] .streak-month-label{color:#f0f0f5}[data-theme=dark] .streak-month-btn{color:#ffc080;background:#ff8a1f2e}[data-theme=dark] .streak-month-btn:hover{background:#ff8a1f52}[data-theme=dark] .streak-week-label{color:#6c6c82}[data-theme=dark] .streak-cell{color:#6c6c82;background:#ffffff0a}[data-theme=dark] .streak-footer{background:#00000059;border-color:#ff8a1f33}[data-theme=dark] .streak-stat-value{color:#f0f0f5}[data-theme=dark] .streak-stat-label{color:#8a8aa4}[data-theme=dark] .streak-divider{background:#ff8a1f38}[data-theme=dark] .rank-card{background:linear-gradient(160deg,#2a200a 0%,#181420 70%);border-color:#f5a61552;box-shadow:0 8px 24px #0006}[data-theme=dark] .rank-title{color:#f0f0f5}[data-theme=dark] .rank-name{color:#ffd24a}[data-theme=dark] .rank-progress{background:#ffd24a24}[data-theme=dark] .rank-progress-label{color:#a4a4be}[data-theme=dark] .rank-xp{color:#ffd24a}[data-theme=dark] .podium-card{color:#fff;background:radial-gradient(circle at 50% 0,#ffd24a29,#0000 55%),radial-gradient(circle at 80% 100%,#7c5cfc3d,#0000 55%),linear-gradient(160deg,#0e0e18 0%,#181828 50%,#0c0c14 100%);border-color:#ffffff0d;box-shadow:0 10px 28px #00000080}[data-theme=dark] .podium-card:before{opacity:.4;background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px)}[data-theme=dark] .podium-title{background:linear-gradient(90deg,#ffd76a,#fff 60%);color:#0000;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .podium-sub{color:#b0b0c8}[data-theme=dark] .podium-star{color:#ffd76a;opacity:.4;text-shadow:0 0 8px #ffd76ab3}[data-theme=dark] .podium-floor{background:linear-gradient(#ffffff14,#0000004d),radial-gradient(at 50% 0,#ffd76a2e,#0000 60%);border-top-color:#ffffff0d}[data-theme=dark] .podium-avatar-ring{background:#4a4a64;box-shadow:0 4px 12px #0006}[data-theme=dark] .podium-avatar{border-color:#1a1a2a}[data-theme=dark] .pedestal-1{background:linear-gradient(#ffffff4d 0%,#0000 18%),linear-gradient(90deg,#ffffff1f 0%,#0000 22% 70%,#00000052 100%),linear-gradient(#ffe27a 0%,#f5a615 55%,#a36a00 100%);box-shadow:inset 0 2px #ffffff80,inset -10px 0 16px #8d50008c,inset 6px 0 #ffffff1f,inset 0 -8px 12px #64370099,0 14px 28px #ff8a0073,0 0 50px #ffd24a4d}[data-theme=dark] .pedestal-2{background:linear-gradient(#ffffff3d 0%,#0000 18%),linear-gradient(90deg,#ffffff1a 0%,#0000 22% 70%,#0000004d 100%),linear-gradient(#e8eaef 0%,#a5a8b5 55%,#5e6068 100%);box-shadow:inset 0 2px #ffffff8c,inset -10px 0 16px #3c3c4680,inset 6px 0 #ffffff1f,inset 0 -8px 12px #28283299,0 14px 24px #0006}[data-theme=dark] .pedestal-3{background:linear-gradient(#ffffff38 0%,#0000 18%),linear-gradient(90deg,#ffffff1a 0%,#0000 22% 70%,#0000004d 100%),linear-gradient(#e8b88e 0%,#c47843 55%,#6f3e16 100%);box-shadow:inset 0 2px #ffffff73,inset -10px 0 16px #50280a80,inset 6px 0 #ffffff1f,inset 0 -8px 12px #3c1e0599,0 14px 24px #78461e73}[data-theme=dark] .btn-more{color:#8a8aa4}[data-theme=dark] .btn-more:hover{color:#f0f0f5;background:#ffffff14}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a3a52}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4a4a6a}body,.main-content,.brand-logo,.nav-pill,.nav-pill-btn,.header-btn,.user-profile,.user-name,.user-email,.search-input,.user-menu,.user-menu-item,.welcome-heading,.welcome-desc,.welcome-eyebrow,.leaderboard-row,.leaderboard-rank,.leaderboard-name,.streak-card,.streak-title,.streak-calendar,.streak-cell,.streak-footer,.rank-card,.rank-title,.rank-name,.podium-card{transition:background .35s,color .35s,border-color .35s,box-shadow .35s}@media (max-width:700px){html{font-size:13px}.main-content{border-top-left-radius:0;border-bottom-left-radius:0;padding:10px 10px 14px}.top-header{-webkit-backdrop-filter:none;background:0 0;border-bottom:none;flex-wrap:wrap;gap:10px;margin:0;padding:4px 0 12px}.brand-block{flex-shrink:0;gap:8px}.brand-logo{border-radius:12px;width:36px;height:36px}.brand-logo svg{width:22px;height:22px}.page-title{font-size:1.05rem}.nav-pill{-webkit-overflow-scrolling:touch;scrollbar-width:none;order:99;justify-content:flex-start;gap:2px;width:100%;padding:4px;overflow:auto hidden}.nav-pill::-webkit-scrollbar{display:none}.nav-pill-btn{border-radius:18px;flex-shrink:0;width:36px;height:36px}.nav-pill-theme{margin-left:2px;padding-left:4px}.header-actions{gap:6px}.header-btn{width:36px;height:36px}.header-btn.has-badge .badge{width:16px;height:16px;font-size:.6rem}.search-wrapper{width:36px;height:36px}.search-wrapper.is-open{width:clamp(180px,50vw,240px)}.search-input{border-radius:18px;height:36px;padding:0 32px 0 40px;font-size:.84rem}.user-info,.user-profile-chevron{display:none}.user-profile{gap:0;padding:3px}.user-avatar-small{width:32px;height:32px}.user-profile-wrap{margin-left:0}.user-menu{min-width:220px;right:0}.nav-pill-btn[data-label]:after,.nav-pill-btn[data-label]:before,.header-btn[data-label]:after,.header-btn[data-label]:before{display:none}.welcome-section{align-items:flex-start;padding:8px 0 4px}.welcome-eyebrow{margin-bottom:12px;padding:4px 10px;font-size:.7rem}.welcome-heading{white-space:normal;letter-spacing:-.018em;max-width:100%;margin-bottom:12px;font-size:1.8rem;line-height:1.16}.welcome-desc{max-width:100%;margin-bottom:18px;font-size:.86rem}.btn-explore{padding:10px 22px;font-size:.86rem}.content-grid{gap:18px}.main-columns{flex-direction:column;gap:16px}.left-column,.right-column{width:100%;min-width:0}.right-column{grid-template-columns:1fr}.right-col-stack{gap:16px}.podium-card{padding:14px 12px 12px}.podium-row{gap:4px}.podium-avatar-ring{width:54px;height:54px;padding:2px}.podium-avatar{width:50px;height:50px}.podium-pedestal{max-width:88px;padding:18px 4px 4px}.pedestal-1{padding-top:22px}.podium-name{font-size:.7rem}.podium-country{font-size:.52rem}.podium-score{font-size:.7rem}.podium-rank-number{font-size:1.3rem;bottom:2px}.podium-crown svg{width:20px;height:14px}.streak-card{gap:12px;padding:16px}.streak-flame-wrap{gap:12px;padding:2px 0}.streak-flame svg{width:68px;height:68px}.streak-number{font-size:2rem}.streak-unit{font-size:.85rem}.streak-message{font-size:.74rem}.streak-calendar{padding:10px 12px}.streak-month-label{font-size:.82rem}.streak-month-btn{width:24px;height:24px}.streak-cell{border-radius:6px;font-size:.62rem}.streak-grid,.streak-week-header{gap:3px}.streak-week-label{font-size:.58rem}.streak-cell-flame{width:8px;height:8px}.streak-footer{padding:10px 8px}.streak-stat-value{font-size:.92rem}.streak-stat-label{font-size:.66rem}.streak-divider{height:24px}.rank-card{gap:12px;padding:12px 14px}.rank-shield-wrap{width:64px;height:72px}.rank-title{font-size:.86rem}.rank-name{font-size:.96rem}.rank-xp-row{padding:3px 10px}.rank-xp{font-size:.74rem}.rank-progress-label{font-size:.66rem;line-height:1.35}.rank-sparkle{font-size:.6rem}.sparkle-b{font-size:.72rem}.leaderboard-card{padding:0 0 6px}.leaderboard-header{margin-bottom:10px;padding:0 4px}.leaderboard-title{font-size:1rem}.leaderboard-sub{letter-spacing:.05em;font-size:.62rem}.leaderboard-list{gap:6px}.leaderboard-row{border-radius:12px;gap:10px;padding:8px 10px}.leaderboard-rank{width:24px;height:24px;font-size:.7rem}.leaderboard-avatar-wrap,.leaderboard-avatar{width:30px;height:30px}.leaderboard-name{font-size:.8rem}.leaderboard-country{letter-spacing:.02em;padding:1px 4px;font-size:.56rem}.leaderboard-stat-line{gap:3px;font-size:.64rem}.dashboard-view.is-hidden{filter:blur(6px)}.courses-overlay{padding:8px}.liquid-glass-panel{border-radius:18px;height:auto;max-height:calc(100vh - 16px);padding:16px 14px 14px}.liquid-main-panel{width:100%;max-width:100%;height:calc(100vh - 16px)}.courses-panel-header{margin-bottom:12px;padding-right:44px}.courses-panel-title{font-size:1.25rem}.courses-panel-sub{font-size:.78rem}.courses-panel-eyebrow{font-size:.66rem}.courses-panel-close{width:36px;height:36px;position:absolute;top:14px;right:14px}.courses-grid{gap:12px;padding:2px 2px 8px}.course-preview{border-radius:18px;gap:12px;width:100%;padding:12px}.course-preview-img{border-radius:12px;height:130px}.course-preview-name{font-size:.95rem}.course-preview-meta{font-size:.76rem}.courses-overlay.view-lesson{flex-direction:column;align-items:stretch;gap:8px}.courses-overlay.is-open.view-lesson .liquid-side-panel{width:100%;max-width:100%;height:30vh;max-height:240px;margin-bottom:0;margin-right:0;padding:14px;transform:translateY(0)scale(1)}.courses-overlay.is-open.view-lesson .liquid-main-panel{width:100%;max-width:100%;height:calc(70vh - 24px);max-height:calc(100vh - 264px)}.lesson-side-header{gap:8px}.lesson-back-btn{width:32px;height:32px}.lesson-side-title{font-size:.9rem}.lesson-side-eyebrow{font-size:.6rem}.lesson-list{gap:6px}.lesson-item{border-radius:12px;gap:10px;padding:8px 10px}.lesson-item-icon{width:28px;height:28px}.lesson-item-title{font-size:.78rem}.lesson-item-meta{font-size:.64rem}.lesson-group-children-inner{margin-left:10px;padding-left:10px}.lesson-item.is-child{padding:6px 8px}.lesson-stage{border-radius:14px}.doc-overlay{padding:8px}.doc-main-panel{border-radius:18px;gap:14px;width:100%;max-width:100%;height:calc(100vh - 16px);padding:18px 14px 14px}.doc-close-btn,.doc-back-btn{top:14px}.doc-back-btn{padding:6px 12px 6px 8px;font-size:.74rem;left:14px}.doc-close-btn{right:14px}.doc-hero{margin-top:26px;margin-bottom:14px}.doc-hero-title{font-size:2.6rem}.doc-hero-sub{font-size:.84rem}.doc-search-box{height:48px;padding:0 14px}.doc-overlay:not(.stage-search) .doc-search-box{height:40px;padding:0 12px}.doc-search-input{font-size:.86rem}.doc-filters,.doc-chips{gap:8px}.doc-chip{gap:6px;padding:7px 12px;font-size:.72rem}.doc-chip-icon svg{width:14px;height:14px}.doc-chip-sub{padding:6px 10px;font-size:.68rem}.doc-chip-sub2{padding:5px 9px;font-size:.64rem}.doc-table-region{padding:2px 0 8px}.doc-table{border-radius:14px;width:100%}.doc-table-head th{letter-spacing:.05em;padding:9px 12px;font-size:.6rem}.doc-table-col-link{width:110px}.doc-table-link-cell{width:110px;padding:7px 10px}.doc-table-link{gap:6px;padding:5px 10px;font-size:.74rem}.doc-table-link-icon{display:none}.doc-table-note{padding:8px 12px;font-size:.74rem;line-height:1.4}.doc-overlay.is-open.stage-preview .doc-main-panel{display:none}.doc-overlay.is-open.stage-preview .doc-preview-panel{border-radius:18px;width:100%;max-width:100%;height:100%;max-height:calc(100vh - 16px);margin-left:0;padding:56px 16px 16px;position:relative;inset:auto}.doc-preview-back-mobile{z-index:6;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffffb3;border-radius:18px;align-items:center;gap:6px;padding:6px 12px 6px 8px;font-family:inherit;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;top:14px;left:14px}.doc-preview-back-mobile:active{transform:scale(.96)}.doc-preview-header{padding-right:0}.doc-preview-title{font-size:1rem}.doc-preview-eyebrow{font-size:.62rem}.yt-player{border-radius:14px}.yt-controls{gap:4px;padding:6px 10px 10px}.yt-controls-row{gap:8px}.yt-btn{width:32px;height:32px}.yt-time{min-width:76px;font-size:.7rem}.yt-volume-wrap{gap:2px}.yt-volume{width:50px}.yt-title-pill{max-width:calc(100% - 24px);padding:6px 12px;font-size:.74rem;top:12px;left:12px}.yt-big-play{width:64px;height:64px}.yt-big-play svg{width:28px;height:28px}.yt-watermark{padding:3px 8px;font-size:.7rem}.yt-end-card{gap:12px;padding:22px 24px}.yt-end-title{font-size:1.5rem}.yt-end-sub{font-size:.84rem}.pdf-viewer{border-radius:14px}.pdf-toolbar{gap:4px;padding:6px 8px}.pdf-btn{width:26px;height:26px}.pdf-btn-zoom{padding:0 6px;font-size:.66rem}.pdf-toolbar-title{padding:0 6px;font-size:.68rem}.pdf-page-info{min-width:36px;padding:0 4px;font-size:.66rem}.pdf-stage{padding:12px}.lesson-docx-render{padding:12px 0}.lesson-docx-render .docx{font-size:.86rem}.qd-toolbar,.qd-overlay{display:none!important}body.qd-enabled [data-qd-id]{cursor:auto;outline:none}body.qd-enabled [data-qd-id]:hover{outline:none}}.doc-preview-back-mobile{display:none}@media (max-width:380px){html{font-size:12.5px}.welcome-heading{font-size:1.55rem}.doc-hero-title{font-size:2.1rem}.nav-pill-btn,.header-btn,.search-wrapper{width:32px;height:32px}.search-wrapper.is-open{width:170px}.search-input{height:32px;padding:0 28px 0 36px}.user-avatar-small{width:28px;height:28px}.podium-avatar-ring{width:48px;height:48px}.podium-avatar{width:44px;height:44px}.podium-pedestal{max-width:76px}.streak-flame svg{width:56px;height:56px}.streak-number{font-size:1.75rem}.streak-cell{border-radius:5px;font-size:.58rem}.rank-shield-wrap{width:56px;height:64px}.doc-table-col-link{width:92px}.doc-table-link-cell{width:92px;padding:6px 8px}.doc-table-link{padding:5px 8px;font-size:.7rem}.doc-table-note{padding:7px 10px;font-size:.7rem}.doc-table-head th{padding:8px 10px;font-size:.56rem}}@media (hover:none) and (pointer:coarse){.nav-pill-btn[data-label]:after,.header-btn[data-label]:after,.nav-pill-btn[data-label]:before,.header-btn[data-label]:before{display:none}.course-preview:hover,.lesson-item:hover,.doc-chip:hover,.doc-table-link:hover{transform:none}}.lesson-mobile-back{display:none}@media (max-width:700px){.top-header{position:relative}.search-wrapper.is-open{z-index:50;height:40px;position:absolute;top:4px;left:56px;right:8px;width:auto!important}.search-wrapper.is-open .search-input{background:#fff;height:40px;box-shadow:0 6px 18px #0000001f}[data-theme=dark] .search-wrapper.is-open .search-input{background:#1f1f30}.courses-overlay.is-open.view-lesson.m-tab-list .liquid-side-panel{opacity:1;pointer-events:auto;width:100%;max-width:100%;height:calc(100vh - 16px);max-height:calc(100vh - 16px);margin-bottom:0;margin-right:0;padding:16px 14px 14px;transform:translate(0)scale(1)}.courses-overlay.is-open.view-lesson.m-tab-list .liquid-main-panel,.courses-overlay.is-open.view-lesson.m-tab-viewer .liquid-side-panel{display:none}.courses-overlay.is-open.view-lesson.m-tab-viewer .liquid-main-panel{width:100%;max-width:100%;height:calc(100vh - 16px);max-height:calc(100vh - 16px);padding:56px 14px 14px}.lesson-mobile-back{z-index:6;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px)saturate(180%);backdrop-filter:blur(10px)saturate(180%);background:#ffffffb3;border:1px solid #ffffffb3;border-radius:18px;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-family:inherit;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 4px 14px #00000014}.lesson-mobile-back:active{transform:scale(.96)}[data-theme=dark] .lesson-mobile-back{color:#f0f0f5;background:#1e1e2cbf;border-color:#ffffff1a}.courses-overlay.is-open.view-lesson.m-tab-list .lesson-list{gap:8px}.courses-overlay.is-open.view-lesson.m-tab-list .lesson-item{padding:12px 14px}.courses-overlay.is-open.view-lesson.m-tab-list .lesson-item-title{font-size:.86rem}.courses-overlay.is-open.view-lesson.m-tab-list .lesson-item-meta{font-size:.68rem}.courses-overlay.is-open.view-lesson.m-tab-list .lesson-item-icon{width:32px;height:32px}.courses-overlay.is-open.view-list .liquid-main-panel{max-height:calc(100vh - 16px)}.courses-overlay.is-open.view-list .liquid-side-panel{display:none}.courses-overlay.is-open.view-list .liquid-main-panel{width:100%;max-width:100%;height:calc(100vh - 16px)}.doc-preview-back-mobile{padding:7px 14px 7px 10px;font-size:.8rem;box-shadow:0 4px 14px #00000014}.doc-preview-back-mobile:active{transform:scale(.96)}.courses-overlay,.doc-overlay{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right))}.main-content{padding-top:max(10px, env(safe-area-inset-top));padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));padding-bottom:max(14px, env(safe-area-inset-bottom))}.leaderboard-card{padding:0 0 4px}.leaderboard-row{background:#ffffffb3}.streak-card{padding:14px}.btn-more{min-width:32px;min-height:32px}.lesson-item,.doc-chip,.doc-table-link{min-height:38px}.streak-footer{gap:0}}@media (max-width:460px){.page-title{display:none}.brand-block{gap:0}}@media (max-width:700px){.top-header:has(.search-wrapper.is-open) .header-btn:not(.search-btn){opacity:0;pointer-events:none}.top-header:has(.search-wrapper.is-open) .user-profile-wrap{opacity:0;pointer-events:none}.header-btn:not(.search-btn),.user-profile-wrap{transition:opacity .2s}.courses-overlay.is-open.view-lesson.m-tab-list .lesson-side-header{border-bottom:1px solid #0000000f;margin-bottom:4px;padding-bottom:8px}[data-theme=dark] .courses-overlay.is-open.view-lesson.m-tab-list .lesson-side-header{border-bottom-color:#ffffff0f}.doc-overlay.is-open.stage-preview .doc-preview-panel{padding:56px 14px 14px}.doc-preview-stage{border-radius:14px}}@media (max-width:460px){.doc-table-region{padding:0}.doc-table{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0}.doc-table-head{display:none}.doc-table tbody{flex-direction:column;gap:8px;display:flex}.doc-table-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:14px;flex-direction:column;gap:6px;display:flex;padding:12px 14px!important}.doc-table-row.is-active{background:#7c5cfc24;border-color:#7c5cfc4d}.doc-table-row td{border:none!important;width:100%!important;padding:0!important;display:block!important}.doc-table-link-cell{width:100%!important}.doc-table-link{justify-content:center;width:100%;padding:8px 12px}.doc-table-link-icon{display:inline-flex!important}.doc-table-note{font-size:.78rem}[data-theme=dark] .doc-table-row{background:#1c1c2cb3;border-color:#ffffff14}}@media (max-width:700px){.yt-stage iframe{min-height:200px}.yt-popout-cover{display:none}}@media (max-width:460px){.welcome-heading{font-size:1.55rem}.welcome-desc{font-size:.82rem}.courses-panel-title{font-size:1.15rem}.doc-hero-title{font-size:2.1rem}}.notif-wrap{display:inline-flex;position:relative}.notif-btn.is-active{color:#7c5cfc;background:#7c5cfc2e}.notif-panel{-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:250;transform-origin:100% 0;filter:blur(8px);opacity:0;pointer-events:none;background:#fffffff2;border:1px solid #0000000f;border-radius:18px;flex-direction:column;width:min(380px,100vw - 24px);max-height:min(560px,70vh);transition:transform .5s cubic-bezier(.34,1.45,.5,1),filter .32s,opacity .28s;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;transform:scale(.05)translateY(-6px);box-shadow:0 24px 60px #1412322e,0 4px 12px #14123214}.notif-panel.is-open{filter:blur();opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.notif-panel-head{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.notif-panel-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:800;display:inline-flex}.notif-panel-unread{color:#fff;text-align:center;background:#e94c4c;border-radius:99px;min-width:22px;padding:2px 8px;font-size:.7rem;font-weight:800}.notif-panel-mark{color:#7c5cfc;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:.74rem;font-weight:700;transition:background .15s}.notif-panel-mark:hover:not(:disabled){background:#7c5cfc1f}.notif-panel-mark:disabled{color:var(--text-muted);cursor:default;opacity:.6}.notif-list{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}.notif-item{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;transition:background .15s;display:flex}.notif-item:hover{background:#7c5cfc0f}.notif-item.is-unread{background:#7c5cfc0d}.notif-item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.notif-item-icon--course{color:#2e90ff;background:#2e90ff24}.notif-item-icon--achievement{color:#f5a615;background:#ffa50029}.notif-item-icon--message{color:#7c5cfc;background:#7c5cfc24}.notif-item-icon--system{color:#6e6e8a;background:#6e6e8224}.notif-item-body{flex:1;min-width:0}.notif-item-row{align-items:center;gap:8px;display:flex}.notif-item-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.86rem;font-weight:800;line-height:1.2;overflow:hidden}.notif-item-dot{background:#e94c4c;border-radius:50%;flex-shrink:0;width:8px;height:8px}.notif-item-preview{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 6px;font-size:.76rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item-time{color:var(--text-muted);font-size:.7rem;font-weight:600}.notif-detail-overlay{-webkit-backdrop-filter:blur(10px)saturate(140%);z-index:1000;background:#0808109e;justify-content:center;align-items:center;padding:24px;animation:.28s forwards notifBackdropIn;display:flex;position:fixed;inset:0}@keyframes notifBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%)}}.notif-detail-overlay.is-closing{animation:.28s forwards notifBackdropOut}@keyframes notifBackdropOut{0%{opacity:1;-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}.notif-detail-card{opacity:0;background:#fff;border-radius:22px;flex-direction:column;width:min(560px,94vw);max-height:min(80vh,700px);animation:.45s cubic-bezier(.34,1.45,.5,1) forwards notifDetailIn;display:flex;overflow:hidden;transform:scale(.85);box-shadow:0 30px 80px #0006,0 6px 18px #0000002e}@keyframes notifDetailIn{to{opacity:1;transform:scale(1)}}.notif-detail-overlay.is-closing .notif-detail-card{animation:.26s cubic-bezier(.5,0,.75,0) forwards notifDetailOut}@keyframes notifDetailOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)translateY(6px)}}.notif-detail-banner{background:linear-gradient(135deg,#7c5cfc14,#7c5cfc29);border-bottom:1px solid #0000000d;align-items:center;gap:12px;padding:16px 20px;display:flex;position:relative}.notif-detail-banner--course{background:linear-gradient(135deg,#2e90ff14,#2e90ff2e)}.notif-detail-banner--achievement{background:linear-gradient(135deg,#ffa5001a,#ffa50038)}.notif-detail-banner--message{background:linear-gradient(135deg,#7c5cfc14,#7c5cfc2e)}.notif-detail-banner--system{background:linear-gradient(135deg,#6e6e8214,#6e6e822e)}.notif-detail-icon{background:#fff;border-radius:11px;width:38px;height:38px;box-shadow:0 2px 8px #00000014}.notif-detail-kind{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;flex:1;font-size:.74rem;font-weight:800}.notif-detail-close{width:34px;height:34px;color:var(--text-primary);cursor:pointer;background:#ffffffb3;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.notif-detail-close:hover{background:#00000014}.notif-detail-body{flex:1;min-height:0;padding:22px 24px;overflow-y:auto}.notif-detail-title{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 6px;font-size:1.35rem;font-weight:800;line-height:1.25}.notif-detail-time{color:var(--text-muted);margin-bottom:14px;font-size:.78rem;font-weight:600;display:block}.notif-detail-text{color:var(--text-primary);white-space:pre-wrap;margin:0;font-size:.92rem;line-height:1.55}.notif-detail-foot{background:#00000005;border-top:1px solid #0000000d;justify-content:flex-end;gap:8px;padding:14px 24px;display:flex}.notif-detail-action{color:#fff;cursor:pointer;background:#7c5cfc;border:none;border-radius:10px;padding:10px 22px;font-size:.86rem;font-weight:700;transition:background .15s}.notif-detail-action:hover{background:#6c46ff}[data-theme=dark] .notif-panel{background:#141420eb;border-color:#ffffff14;box-shadow:0 24px 60px #0000008c,0 4px 12px #0000004d}[data-theme=dark] .notif-panel-head{border-bottom-color:#ffffff0f}[data-theme=dark] .notif-panel-title,[data-theme=dark] .notif-item-title{color:#f0f0f5}[data-theme=dark] .notif-item-preview{color:#b1b1c8}[data-theme=dark] .notif-item-time{color:#8a8aa4}[data-theme=dark] .notif-item:hover{background:#7c5cfc2e}[data-theme=dark] .notif-item.is-unread{background:#7c5cfc1f}[data-theme=dark] .notif-detail-card{background:linear-gradient(135deg,#1f1f30,#2a1f3e);box-shadow:0 30px 80px #000000b3,0 6px 18px #0006}[data-theme=dark] .notif-detail-banner{border-bottom-color:#ffffff0f}[data-theme=dark] .notif-detail-title,[data-theme=dark] .notif-detail-text{color:#f0f0f5}[data-theme=dark] .notif-detail-time,[data-theme=dark] .notif-detail-kind{color:#b1b1c8}[data-theme=dark] .notif-detail-close{color:#f0f0f5;background:#ffffff0f}[data-theme=dark] .notif-detail-close:hover{background:#ffffff1f}[data-theme=dark] .notif-detail-foot{background:#0000002e;border-top-color:#ffffff0f}[data-theme=dark] .notif-btn.is-active{color:#d088ff;background:#7c5cfc52}.store-overlay{top:var(--app-header-h,0px);opacity:0;pointer-events:none;z-index:200;justify-content:center;align-items:flex-start;padding:10px 18px 18px;transition:opacity .45s;display:flex;position:fixed;bottom:0;left:0;right:0}.store-overlay.is-open{opacity:1;pointer-events:auto}.store-main-panel{opacity:0;width:min(1500px,94vw);transition:opacity .5s,transform .7s cubic-bezier(.34,1.4,.5,1);transform:scale(.5)}.store-overlay.is-open .store-main-panel{opacity:1;transform:scale(1)}.store-header{z-index:1;opacity:0;justify-content:space-between;align-items:flex-start;gap:24px;transition:opacity .4s .35s,transform .4s .35s;display:flex;position:relative;transform:translateY(-8px)}.store-overlay.is-open .store-header{opacity:1;transform:translateY(0)}.store-header-titles{min-width:0}.store-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.store-wallet{background:linear-gradient(135deg,#fff4cf,#ffd968);border:1px solid #ffc85080;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;display:inline-flex;box-shadow:0 4px 14px #ffa50040}.store-wallet-icon{color:#f5a615;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:inset 0 0 0 2px #f5a615}.store-wallet-meta{flex-direction:column;line-height:1.1;display:flex}.store-wallet-label{color:#6e4600d9;letter-spacing:.02em;text-transform:uppercase;font-size:.66rem;font-weight:700}.store-wallet-value{color:#6e4600;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.store-cats{z-index:1;opacity:0;flex-wrap:wrap;gap:8px;transition:opacity .4s .42s,transform .4s .42s;display:flex;position:relative;transform:translateY(-6px)}.store-overlay.is-open .store-cats{opacity:1;transform:translateY(0)}.store-cat{color:var(--text-secondary);cursor:pointer;background:#ffffff8c;border:1px solid #00000014;border-radius:99px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:background .18s,color .18s,border-color .18s,transform .15s}.store-cat:hover{color:#7c5cfc;background:#7c5cfc1a;border-color:#7c5cfc4d}.store-cat.is-active{color:#fff;background:#7c5cfc;border-color:#7c5cfc;box-shadow:0 4px 12px #7c5cfc4d}.store-body{z-index:1;flex:1;min-height:0;padding:4px 6px 8px;position:relative;overflow-y:auto}.store-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.store-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#ffffffb3;border:1px solid #ffffffa6;border-radius:18px;flex-direction:column;gap:12px;padding:14px;transition:opacity .45s,transform .5s cubic-bezier(.34,1.4,.5,1),box-shadow .2s;display:flex;transform:translateY(18px)scale(.96);box-shadow:0 6px 18px #0000000a}.store-overlay.is-open .store-item{opacity:1;transition-delay:calc(.5s + 60ms * var(--tile-i,0));transform:translateY(0)scale(1)}.store-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px #503c8c24}.store-item-img{border-radius:14px;width:100%;height:140px;position:relative;overflow:hidden}.store-item-badge{color:#7c5cfc;letter-spacing:.04em;text-transform:uppercase;background:#fff;border-radius:99px;padding:3px 10px;font-size:.66rem;font-weight:800;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #00000026}.store-item-info{flex-direction:column;flex:1;gap:6px;display:flex}.store-item-name{color:var(--text-primary);font-size:1rem;font-weight:800;line-height:1.2}.store-item-desc{color:var(--text-secondary);flex:1;font-size:.78rem;line-height:1.4}.store-item-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.store-item-price{color:#6e4600;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:.95rem;font-weight:800;display:inline-flex}.store-item-coin-dot{background:linear-gradient(135deg,#ffe082,#f5a615);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 2px #fff,0 1px 4px #ffa50066}.store-item-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#7c5cfc;border:none;border-radius:10px;padding:8px 14px;font-size:.78rem;font-weight:700;transition:background .15s,transform .15s,opacity .15s}.store-item-btn:hover:not(:disabled){background:#6c46ff;transform:translateY(-1px)}.store-item-btn:disabled{cursor:not-allowed;opacity:.55}.store-item-btn.is-owned{color:#1cb474;opacity:1;background:#1cb4742e}[data-theme=dark] .store-cat{color:#c8c8d8;background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .store-cat:hover{color:#d088ff;background:#7c5cfc38;border-color:#7c5cfc80}[data-theme=dark] .store-cat.is-active{color:#fff;background:#7c5cfc}[data-theme=dark] .store-item{background:#1414208c;border-color:#ffffff14}[data-theme=dark] .store-item-name{color:#f0f0f5}[data-theme=dark] .store-item-desc{color:#b1b1c8}[data-theme=dark] .store-item-price{color:#ffd968}[data-theme=dark] .store-item-btn.is-owned{color:#45e0a0;background:#1cb47440}.exam-overlay{top:var(--app-header-h,0px);opacity:0;pointer-events:none;z-index:200;justify-content:center;align-items:flex-start;padding:10px 18px 18px;transition:opacity .45s;display:flex;position:fixed;bottom:0;left:0;right:0}.exam-overlay.is-open{opacity:1;pointer-events:auto}.exam-main-panel{opacity:0;width:min(1720px,96vw);transition:opacity .5s,transform .7s cubic-bezier(.34,1.4,.5,1);transform:scale(.5)}.exam-overlay.is-open .exam-main-panel{opacity:1;transform:scale(1)}.exam-header{z-index:1;opacity:0;justify-content:space-between;align-items:flex-start;gap:24px;transition:opacity .4s .35s,transform .4s .35s;display:flex;position:relative;transform:translateY(-8px)}.exam-overlay.is-open .exam-header{opacity:1;transform:translateY(0)}.exam-header-titles{min-width:0}.exam-stage-header{opacity:0;align-items:center;gap:16px;margin-bottom:18px;animation:.4s .18s forwards examStageHeadIn;display:flex;transform:translateY(-8px)}@keyframes examStageHeadIn{to{opacity:1;transform:translateY(0)}}.exam-stage-titles{flex:1;min-width:0}.exam-stage-back{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffffb3;border:1px solid #00000014;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.exam-stage-back:hover{color:#7c5cfc;background:#7c5cfc1a;border-color:#7c5cfc4d}.exam-header--with-back .exam-stage-back{align-self:flex-start}[data-theme=dark] .exam-stage-back{color:#f0f0f5;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .exam-stage-back:hover{color:#d088ff;background:#7c5cfc40}.exam-picker{text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;padding:24px;animation:.45s cubic-bezier(.22,1,.36,1) both examStageIn;display:flex;position:relative}@keyframes examStageIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.exam-picker-close{position:absolute;top:4px;right:4px}.exam-picker-head{opacity:0;max-width:640px;margin-bottom:14px;animation:.5s cubic-bezier(.22,1,.36,1) .1s forwards examPickerHead}@keyframes examPickerHead{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.exam-picker-title{color:var(--text-primary);letter-spacing:-.018em;margin:8px 0 6px;font-size:2.4rem;font-weight:800}.exam-picker-sub{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.55}[data-theme=dark] .exam-picker-title{color:#f0f0f5}[data-theme=dark] .exam-picker-sub{color:#b1b1c8}.exam-picker-row{grid-template-columns:1fr 1fr;gap:28px;width:min(840px,100%);display:grid}.exam-picker-tile{aspect-ratio:1;text-align:center;cursor:pointer;max-height:380px;color:inherit;opacity:0;animation:.6s cubic-bezier(.34,1.4,.5,1) forwards examPickerTileIn;animation-delay:calc(.25s + .12s * var(--pick-i,0));background:#fff;border:1.5px solid #0000000f;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:26px;font-family:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;transform:translateY(24px)scale(.92);box-shadow:0 12px 32px #1412320f,inset 0 1px #fff9}@keyframes examPickerTileIn{to{opacity:1;transform:none}}.exam-picker-tile:hover{transform:translateY(-6px);box-shadow:0 22px 44px #1412321f,inset 0 1px #fff9}.exam-picker-tile--practice:hover{border-color:#2e90ff66}.exam-picker-tile--test:hover{border-color:#d9770666}[data-theme=dark] .exam-picker-tile{background:linear-gradient(135deg,#1f1f30,#2a1f3e);border-color:#ffffff0f}.exam-picker-icon{justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:16px;display:inline-flex}.exam-picker-icon svg{width:100%;height:100%}.exam-picker-tile-title{color:var(--text-primary);letter-spacing:-.012em;margin-bottom:8px;font-size:1.65rem;font-weight:800}.exam-picker-tile-sub{color:var(--text-secondary);max-width:280px;margin-bottom:18px;font-size:.95rem;line-height:1.5}[data-theme=dark] .exam-picker-tile-title{color:#f0f0f5}[data-theme=dark] .exam-picker-tile-sub{color:#b1b1c8}.exam-picker-tile-cta{background:var(--text-primary);color:#fff;border-radius:12px;align-items:center;gap:6px;padding:11px 22px;font-size:.92rem;font-weight:800;transition:background .15s;display:inline-flex}.exam-picker-tile--practice .exam-picker-tile-cta{background:#2563eb}.exam-picker-tile--practice:hover .exam-picker-tile-cta{background:#1d4ed8}.exam-picker-tile--test .exam-picker-tile-cta{background:#d97706}.exam-picker-tile--test:hover .exam-picker-tile-cta{background:#b45309}.exam-practice-view{background:#f5f6f8;border-radius:0;flex-direction:column;flex:1;min-height:0;margin:-28px -32px -32px;padding:28px 32px 32px;font-family:Inter,system-ui,sans-serif;animation:.45s cubic-bezier(.22,1,.36,1) both examStageIn;display:flex;overflow:hidden}[data-theme=dark] .exam-practice-view{background:#1a1d27}.exam-practice-grid{flex:1;grid-template-columns:1fr 1fr;gap:18px 17px;min-height:0;padding:2px;display:grid;overflow-y:auto}.practice-card{opacity:0;min-height:211px;animation:.5s cubic-bezier(.22,1,.36,1) forwards examPracticeCardIn;animation-delay:calc(50ms + 60ms * var(--pc-i,0));background:#f9fafc;border:1px solid #d6dbe2;border-radius:12px;flex-direction:column;padding:25px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;transform:translateY(12px)}@keyframes examPracticeCardIn{to{opacity:1;transform:none}}.practice-card:hover{border-color:#a88472;transform:translateY(-2px);box-shadow:0 6px 18px #a884721a}[data-theme=dark] .practice-card{background:#232735;border-color:#ffffff14}.practice-card-title{color:#3f4d66;margin:0 0 18px;font-size:21px;font-weight:700;line-height:1.2}[data-theme=dark] .practice-card-title{color:#d6dbea}.practice-card-info{grid-template-columns:1fr 1fr;gap:8px 36px;margin-bottom:auto;display:grid}.practice-card-info-col{flex-direction:column;gap:7px;display:flex}.practice-card-info-row{color:#566274;align-items:baseline;gap:6px;font-size:15px;font-weight:400;display:inline-flex}.practice-card-info-row strong{color:#3f4d66;font-weight:700}[data-theme=dark] .practice-card-info-row{color:#b1b9cc}[data-theme=dark] .practice-card-info-row strong{color:#f0f0f5}.practice-card-actions{align-items:center;gap:14px;margin-top:18px;display:flex}.practice-card-badge{color:#5e687c;letter-spacing:.02em;background:#eef0f5;border-radius:10px;justify-content:center;align-items:center;height:30px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}[data-theme=dark] .practice-card-badge{color:#c8c8d8;background:#ffffff14}.practice-card-btn{color:#fff;cursor:pointer;background:#2e3137;border:none;border-radius:16px;height:33px;padding:0 22px;font-family:inherit;font-size:16px;font-weight:700;transition:background .15s,transform .12s}.practice-card-btn:hover{background:#1a1d22}.practice-card-btn:active{transform:translateY(1px)}.practice-card-ribbon{color:#fff;z-index:1;letter-spacing:.02em;clip-path:polygon(0 0,100% 0,100% 60%,82% 100%,0 100%);background:#a88472;border-top-right-radius:12px;justify-content:center;align-items:center;width:56px;height:24px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:0;right:0;box-shadow:inset 0 1px #fff3}.practice-card-ribbon:after{content:"";border-top:5px solid #7d5a47;border-left:5px solid #0000;width:0;height:0;position:absolute;top:100%;right:0}.practice-card-ribbon.is-live{background:#dc2626;width:64px;padding-left:4px}.practice-card-ribbon.is-live:after{border-top-color:#991b1b}.practice-card-ribbon.is-live .practice-card-ribbon-dot{background:#fff;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1.4s ease-in-out infinite practiceLivePulse;display:inline-block;box-shadow:0 0 0 2px #ffffff59}@keyframes practiceLivePulse{0%,to{opacity:1}50%{opacity:.45}}.practice-card-ribbon.is-upcoming{background:#2563eb;width:76px}.practice-card-ribbon.is-upcoming:after{border-top-color:#1d4ed8}.practice-card-ribbon.is-finished{background:#6b7280;width:78px}.practice-card-ribbon.is-finished:after{border-top-color:#4b5563}.practice-card--finished{opacity:.94;background:#f3f4f7}[data-theme=dark] .practice-card--finished{background:#1f2230}.practice-card--upcoming{background:#fbfcff;border-color:#cfdbf3}[data-theme=dark] .practice-card--upcoming{background:#1e2336;border-color:#6082dc33}.practice-card-score{color:#3f4d66;align-items:baseline;gap:2px;margin-left:auto;font-weight:700;display:inline-flex}.practice-card-score strong{font-size:22px;font-weight:800}.practice-card-score span{color:#8a93a6;font-size:13px}[data-theme=dark] .practice-card-score{color:#f0f0f5}[data-theme=dark] .practice-card-score span{color:#b1b9cc}.practice-card-btn--done{opacity:.92;cursor:not-allowed;background:#16a34a;align-items:center;gap:6px;display:inline-flex}.practice-card-btn--done:hover{background:#16a34a}.practice-card-btn--ghost{color:#2563eb;background:0 0;border:1.5px solid #2563eb}.practice-card-btn--ghost:hover{background:#2563eb14}[data-theme=dark] .practice-card-btn--ghost{color:#93c5fd;border-color:#93c5fd}.exam-practice-grid--test{grid-auto-rows:min-content}.exam-practice-view-sub{color:var(--text-muted,#5e687c);margin-top:4px;font-size:.92rem}.lesson-video-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #fff9;border-radius:16px;margin-top:22px;overflow:hidden}[data-theme=dark] .lesson-video-tabs{background:#ffffff08;border-color:#ffffff0f}.lesson-tabs-bar{border-bottom:1px solid #0000000f;gap:4px;padding:10px 14px 0;display:flex;position:relative}[data-theme=dark] .lesson-tabs-bar{border-bottom-color:#ffffff0f}.lesson-tab{appearance:none;color:var(--text-muted,#5e687c);cursor:pointer;background:0 0;border:none;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:10px 18px 12px;font-size:.95rem;font-weight:700;transition:background .15s,color .15s,transform .12s;display:inline-flex}.lesson-tab:hover{color:var(--text-primary);background:#7c5cfc0f}.lesson-tab.is-active{color:#7c5cfc;background:#7c5cfc14}[data-theme=dark] .lesson-tab{color:#b1b9cc}[data-theme=dark] .lesson-tab:hover{color:#f0f0f5}[data-theme=dark] .lesson-tab.is-active{color:#d088ff;background:#7c5cfc2e}.lesson-tab svg{color:currentColor}.lesson-tab-count{color:#7c5cfc;background:#7c5cfc29;border-radius:99px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:.78rem;font-weight:800;display:inline-flex}.lesson-tab:not(.is-active) .lesson-tab-count{color:var(--text-muted,#5e687c);background:#0000000f}.lesson-tab-indicator{pointer-events:none;background:linear-gradient(90deg,#b59cff,#7c5cfc);border-radius:3px 3px 0 0;width:110px;height:3px;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:14px}.lesson-tab-indicator--docs{transform:translate(0)}.lesson-tab-indicator--comments{transform:translate(124px)}.lesson-tab-panel{scrollbar-gutter:stable;min-height:320px;max-height:480px;padding:6px 6px 10px;transition:max-height .32s cubic-bezier(.22,1,.36,1);overflow-y:auto}.lesson-tab-panel.is-expanded{max-height:min(720px,100vh - 220px)}.lesson-tab-expand{appearance:none;color:var(--text-muted,#5e687c);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 12px;font-size:.82rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.lesson-tab-expand:hover{color:#7c5cfc;background:#7c5cfc14}[data-theme=dark] .lesson-tab-expand{color:#b1b9cc}[data-theme=dark] .lesson-tab-expand:hover{color:#d088ff;background:#7c5cfc2e}.lesson-tab-expand svg{transition:transform .25s}.lesson-tab-expand.is-on svg{transform:rotate(180deg)}.lesson-tab-panel .lesson-comments{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;margin-top:0;padding:14px 18px 18px}.lesson-tab-panel .lesson-comments-head{display:none}.lesson-video-docs{flex-direction:column;gap:8px;margin:0;padding:8px 6px 6px;list-style:none;display:flex}.lesson-video-docs li{opacity:0;animation:.4s cubic-bezier(.22,1,.36,1) forwards lessonDocIn;animation-delay:calc(40ms * var(--vd-i,0));transform:translateY(6px)}@keyframes lessonDocIn{to{opacity:1;transform:none}}@keyframes lessonDocFadeIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes lessonDocFadeOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)scale(.985)}}.lesson-video-doc{cursor:pointer;text-align:left;background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:14px;width:100%;padding:12px 14px;transition:background .15s,border-color .15s,transform .12s;display:flex}.lesson-video-doc:hover{background:#7c5cfc0a;border-color:#7c5cfc59;transform:translate(2px)}[data-theme=dark] .lesson-video-doc{background:#ffffff08;border-color:#ffffff14}.lesson-video-doc-icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:40px;display:inline-flex}.lesson-video-doc-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-video-doc-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.lesson-video-doc-type{color:var(--text-muted);font-size:.78rem;font-weight:600}.lesson-video-doc-cta{color:var(--text-muted);opacity:.55;flex-shrink:0;transition:opacity .15s,transform .15s}.lesson-video-doc:hover .lesson-video-doc-cta{opacity:1;color:#7c5cfc;transform:translate(2px)}.lesson-video-docs-empty{text-align:center;color:var(--text-muted);padding:38px 22px;font-size:.94rem}.lesson-quiz{position:relative}.lesson-quiz-maximize-btn{width:38px;height:38px;color:var(--text-primary,#3f4d66);cursor:pointer;z-index:2;background:#ffffffd9;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .12s;display:inline-flex;position:absolute;top:18px;right:18px;box-shadow:0 4px 12px #1412321f}.lesson-quiz-maximize-btn:hover{color:#7c5cfc;background:#fff;transform:translateY(-1px)}[data-theme=dark] .lesson-quiz-maximize-btn{color:#f0f0f5;background:#282832e0}[data-theme=dark] .lesson-quiz-maximize-btn:hover{color:#d088ff;background:#2a2a35}.lesson-quiz.is-maximized{z-index:9500;background:var(--bg-card,#fff);padding:24px;animation:.42s cubic-bezier(.22,1,.36,1) both examRoomMaximizeIn;position:fixed;inset:0}.lesson-quiz.is-maximized.is-restoring{animation:.34s cubic-bezier(.4,0,.6,1) both examRoomMaximizeOut}.lesson-quiz.is-maximized .lesson-quiz-frame{height:100%;min-height:0}.lesson-quiz.is-maximized .lesson-quiz-maximize-btn{top:28px;right:28px}[data-theme=dark] .lesson-quiz.is-maximized{background:#1c1b23}.exam-body{z-index:1;flex-direction:column;flex:1;gap:22px;min-height:0;padding:4px 6px 8px;display:flex;position:relative;overflow-y:auto}.exam-section{opacity:0;transition:opacity .45s,transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.exam-overlay.is-open .exam-section{opacity:1;transform:translateY(0)}.exam-overlay.is-open .exam-section--live{transition-delay:.45s}.exam-overlay.is-open .exam-section--upcoming{transition-delay:.55s}.exam-overlay.is-open .exam-section--finished{transition-delay:.65s}.exam-section-head{justify-content:space-between;align-items:flex-end;margin-bottom:14px;padding:0 4px;display:flex}.exam-section-title{color:var(--text-primary);letter-spacing:-.005em;align-items:center;gap:10px;margin:0 0 4px;font-size:1.2rem;font-weight:800;display:inline-flex}.exam-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.exam-status-dot--live{background:#e94c4c;animation:1.6s ease-out infinite examLivePulse;box-shadow:0 0 #e94c4c80}@keyframes examLivePulse{0%{box-shadow:0 0 #e94c4c8c}70%{box-shadow:0 0 0 10px #e94c4c00}to{box-shadow:0 0 #e94c4c00}}.exam-status-dot--upcoming{background:#ff8a32}.exam-status-dot--finished{background:#1cb474}.exam-section-count{color:#7c5cfc;text-align:center;background:#7c5cfc1f;border-radius:99px;min-width:26px;padding:2px 10px;font-size:.74rem;font-weight:800}.exam-section--live .exam-section-count{color:#e94c4c;background:#e94c4c24}.exam-section--upcoming .exam-section-count{color:#ff8a32;background:#ff8a3224}.exam-section--finished .exam-section-count{color:#1cb474;background:#1cb47424}.exam-section-sub{color:var(--text-secondary);margin:0;font-size:.82rem;font-weight:600}.exam-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.exam-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#ffffffc7;border:1px solid #ffffffb3;border-radius:18px;flex-direction:column;gap:10px;padding:16px 18px 14px;transition:opacity .45s,transform .5s cubic-bezier(.34,1.4,.5,1),box-shadow .18s;display:flex;transform:translateY(18px)scale(.96);box-shadow:0 6px 18px #1412320f}.exam-overlay.is-open .exam-card{opacity:1;transition-delay:calc(.55s + 60ms * var(--tile-i,0));transform:translateY(0)scale(1)}.exam-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #503c8c24}.exam-card--live{border-color:#e94c4c59;box-shadow:0 6px 18px #e94c4c1a}.exam-card--finished{opacity:1;background:#fff9}.exam-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.exam-card-subject{letter-spacing:.01em;border-radius:99px;padding:4px 10px;font-size:.72rem;font-weight:800}.exam-card-pulse{color:#e94c4c;letter-spacing:.06em;background:#e94c4c1a;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:.66rem;font-weight:800;display:inline-flex}.exam-card-pulse-dot{background:#e94c4c;border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite examLivePulse}.exam-card-title{color:var(--text-primary);letter-spacing:-.005em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.exam-card-facts{flex-direction:column;gap:5px;margin:4px 0 0;padding:0;list-style:none;display:flex}.exam-card-facts li{color:var(--text-secondary);align-items:center;gap:8px;font-size:.78rem;font-weight:600;display:inline-flex}.exam-card-fact-icon{color:#7c5cfc;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.exam-card-foot{border-top:1px dashed #00000014;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:12px;display:flex}.exam-card-meta{color:var(--text-muted);flex-direction:column;font-size:.78rem;font-weight:600;line-height:1.2;display:inline-flex}.exam-card-meta-sub{color:var(--text-muted);margin-top:2px;font-size:.68rem;font-weight:500}.exam-card-score{color:#1cb474;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1}.exam-card-score small{color:var(--text-muted);margin-left:1px;font-size:.78rem;font-weight:700}.exam-card-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:8px 16px;font-size:.78rem;font-weight:800;transition:background .15s,transform .15s}.exam-card-btn--live{color:#fff;background:linear-gradient(135deg,#ff5a5a,#e94c4c);box-shadow:0 4px 12px #e94c4c59}.exam-card-btn--live:hover{transform:translateY(-1px)}.exam-card-btn--upcoming{color:#d96f10;background:#ff8a3224}.exam-card-btn--upcoming:hover{background:#ff8a3240}.exam-card-btn--finished{color:#1cb474;background:#1cb47424}.exam-card-btn--finished:hover{background:#1cb47440}.exam-card-btn--done{color:#168a59;cursor:default;background:#1cb47429;align-items:center;gap:6px;display:inline-flex}[data-theme=dark] .exam-card-btn--done{color:#58e6a8;background:#1cb47438}[data-theme=dark] .exam-section-title{color:#f0f0f5}[data-theme=dark] .exam-section-sub{color:#b1b1c8}[data-theme=dark] .exam-card{background:#1414208c;border-color:#ffffff14}[data-theme=dark] .exam-card-title{color:#f0f0f5}[data-theme=dark] .exam-card-facts li{color:#b1b1c8}[data-theme=dark] .exam-card-fact-icon{color:#d088ff}[data-theme=dark] .exam-card-meta,[data-theme=dark] .exam-card-meta-sub{color:#a8a8c0}[data-theme=dark] .exam-card-foot{border-top-color:#ffffff14}[data-theme=dark] .exam-card-btn--upcoming{color:#ffb070;background:#ff8a3238}[data-theme=dark] .exam-card-btn--finished{color:#45e0a0;background:#1cb47438}.exam-list-view,.exam-room{z-index:1;flex-direction:column;flex:1;gap:18px;min-height:0;animation:.42s cubic-bezier(.22,1,.36,1) both examViewSwap;display:flex;position:relative}@keyframes examViewSwap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.exam-room{border-radius:0;gap:0;margin:-28px -32px -32px;padding:0;overflow:hidden}.exam-room-head{background:linear-gradient(135deg,#7c5cfc0f,#7c5cfc24);border-bottom:1px solid #0000000f;flex-shrink:0;align-items:center;gap:12px;padding:16px 22px;display:flex}[data-theme=dark] .exam-room-head{background:linear-gradient(135deg,#7c5cfc2e,#7c5cfc47);border-bottom-color:#ffffff0f}.exam-room-head-titles{flex:1;min-width:0}.exam-room-back-btn{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffffb3;border:1px solid #00000014;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .12s,border-color .15s;display:inline-flex}.exam-room-back-btn:hover{color:#7c5cfc;background:#7c5cfc1a;border-color:#7c5cfc4d}[data-theme=dark] .exam-room-back-btn{color:#f0f0f5;background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .exam-room-back-btn:hover{color:#d088ff;background:#7c5cfc40;border-color:#7c5cfc80}.exam-room-eyebrow{color:#7c5cfc;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:.84rem;font-weight:800}.exam-room-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.65rem;font-weight:800}[data-theme=dark] .exam-room-title{color:#f0f0f5}.exam-room-close-btn{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffffb3;border:none;border-radius:12px;justify-content:center;align-items:center;transition:background .15s,transform .12s;display:inline-flex}.exam-room-close-btn:hover{background:#00000014}[data-theme=dark] .exam-room-close-btn{color:#f0f0f5;background:#ffffff0d}[data-theme=dark] .exam-room-close-btn:hover{background:#ffffff1f}.exam-room-maximize-btn{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffffb3;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .12s;display:inline-flex}.exam-room-maximize-btn:hover{color:#7c5cfc;background:#7c5cfc1a}[data-theme=dark] .exam-room-maximize-btn{color:#f0f0f5;background:#ffffff0d}[data-theme=dark] .exam-room-maximize-btn:hover{color:#d088ff;background:#7c5cfc40}body.exam-room-maximized .exam-main-panel,body.lesson-quiz-maximized .liquid-main-panel,body.lesson-quiz-maximized .liquid-side-panel{-webkit-backdrop-filter:none!important;width:100%!important;height:auto!important;overflow:visible!important;transform:none!important}body.lesson-quiz-maximized .liquid-side-panel{opacity:0!important;pointer-events:none!important;width:0!important;margin:0!important;padding:0!important}.top-header,.m-topbar,.m-bottom-nav{transition:opacity .32s,transform .42s cubic-bezier(.4,0,.6,1)}body.exam-room-maximized .top-header,body.lesson-quiz-maximized .top-header{opacity:0;pointer-events:none;transform:translateY(-16px)}body.exam-room-maximized .m-topbar,body.lesson-quiz-maximized .m-topbar{opacity:0;pointer-events:none;transform:translateY(-12px)}body.exam-room-maximized .m-bottom-nav,body.lesson-quiz-maximized .m-bottom-nav{opacity:0;pointer-events:none;transform:translateY(12px)}.exam-room.is-maximized{z-index:9500;background:var(--bg-card,#fff);transform-origin:50%;border-radius:0;margin:0;animation:.42s cubic-bezier(.22,1,.36,1) both examRoomMaximizeIn;position:fixed;inset:0;box-shadow:0 0 0 1px #0000000a,0 30px 80px #14123240}.exam-room.is-maximized.is-restoring{animation:.34s cubic-bezier(.4,0,.6,1) both examRoomMaximizeOut}[data-theme=dark] .exam-room.is-maximized{background:#1c1b23}@keyframes examRoomMaximizeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes examRoomMaximizeOut{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.94)}}.exam-room.is-maximized .exam-room-body{grid-template-columns:minmax(520px,36vw) 1fr 420px}.exam-room.is-maximized .exam-room-image-frame{min-height:480px}.exam-room.is-maximized .exam-room-main{padding:36px 56px}.exam-room.is-maximized .exam-room-q-text{font-size:1.32rem}@media (max-width:1280px){.exam-room.is-maximized .exam-room-body{grid-template-columns:minmax(420px,32vw) 1fr 380px}}@media (max-width:1080px){.exam-room.is-maximized .exam-room-body{grid-template-columns:minmax(360px,40vw) 1fr}}@media (max-width:760px){.exam-room.is-maximized .exam-room-body{grid-template-columns:1fr}.exam-room.is-maximized .exam-room-image-frame{min-height:280px}}.exam-room-ready{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:48px 32px;display:flex}.exam-room-ready-icon{color:#fff;background:linear-gradient(135deg,#b59cff,#7c5cfc);border-radius:28px;justify-content:center;align-items:center;width:108px;height:108px;margin-bottom:10px;display:flex;box-shadow:0 14px 32px #7c5cfc66}.exam-room-ready-icon svg{width:56px;height:56px}.exam-room-ready-title{color:var(--text-primary);letter-spacing:-.015em;margin:0;font-size:2.1rem;font-weight:800}[data-theme=dark] .exam-room-ready-title{color:#f0f0f5}.exam-room-ready-desc{color:var(--text-secondary);max-width:620px;margin:0;font-size:1.1rem;line-height:1.6}.exam-room-ready-rules{color:var(--text-muted);flex-direction:column;gap:8px;margin:18px 0 10px;padding:0;font-size:1rem;font-weight:600;list-style:none;display:flex}.exam-room-ready-rules li:before{content:"•";color:#7c5cfc;margin-right:8px;font-weight:800}.exam-room-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b59cff,#7c5cfc);border:none;border-radius:16px;align-items:center;gap:10px;margin-top:14px;padding:16px 34px;font-size:1.18rem;font-weight:800;transition:transform .15s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 26px #7c5cfc66}.exam-room-start-btn svg{width:20px;height:20px}.exam-room-start-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #7c5cfc80}.exam-room-body{flex:1;grid-template-columns:440px 1fr 400px;gap:0;min-height:0;display:grid}.exam-room-image{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-right:1px solid #0000000f;flex-direction:column;gap:14px;padding:26px 22px;display:flex;overflow-y:auto}[data-theme=dark] .exam-room-image{background:linear-gradient(#ffffff05,#ffffff0a);border-right-color:#ffffff0f}.exam-room-image-head{justify-content:space-between;align-items:center;display:flex}.exam-room-image-label{color:var(--accent-purple,#7c5cfc);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:800}.exam-room-image-q{color:var(--text-muted);background:#0000000a;border-radius:99px;padding:3px 10px;font-size:.84rem;font-weight:700}[data-theme=dark] .exam-room-image-q{background:#ffffff0d}.exam-room-image-frame{background:#fff;border:1px solid #0000000f;border-radius:14px;flex:1;min-height:320px;position:relative;overflow:hidden;box-shadow:0 4px 12px #1412320d}[data-theme=dark] .exam-room-image-frame{background:#ffffff0a;border-color:#ffffff14}.exam-room-image-caption{color:var(--text-muted);text-align:center;margin:0;font-size:.86rem;font-style:italic;line-height:1.4}.exam-room-image-empty{text-align:center;color:var(--text-muted);background:#00000005;border:1px dashed #0000001a;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}[data-theme=dark] .exam-room-image-empty{background:#ffffff05;border-color:#ffffff14}.exam-room-image-empty p{color:var(--text-muted);max-width:200px;margin:0;font-size:.86rem;font-weight:600;line-height:1.4}.exam-room-image.is-empty .exam-room-image-frame{display:none}.exam-room-main{flex-direction:column;min-height:0;padding:30px 38px;display:flex;overflow-y:auto}.exam-room-q-head{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:1rem;font-weight:700;display:flex}.exam-room-q-counter strong{color:#7c5cfc;margin-left:2px;font-size:1.35rem;font-weight:800}.exam-room-q-total{color:var(--text-muted);margin-left:2px}.exam-room-q-status{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:#0000000d;border-radius:99px;padding:6px 14px;font-size:.86rem;font-weight:800}.exam-room-q-status.is-answered{color:#168a59;background:#1cb47429}[data-theme=dark] .exam-room-q-status{color:#b1b1c8;background:#ffffff0d}[data-theme=dark] .exam-room-q-status.is-answered{color:#58e6a8;background:#1cb47438}.exam-room-q-text{color:var(--text-primary);letter-spacing:-.005em;margin:6px 0 26px;font-size:1.7rem;font-weight:700;line-height:1.5}[data-theme=dark] .exam-room-q-text{color:#f0f0f5}.exam-room-options{flex-direction:column;gap:14px;margin:0 0 auto;padding:0;list-style:none;display:flex}.exam-room-option{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:#fff;border:2px solid #00000014;border-radius:16px;align-items:center;gap:16px;padding:18px 22px;font-family:inherit;transition:background .15s,border-color .15s,transform .12s;display:flex}.exam-room-option:hover{background:#7c5cfc0a;border-color:#7c5cfc66}.exam-room-option.is-selected{background:#7c5cfc1a;border-color:#7c5cfc;box-shadow:0 6px 16px #7c5cfc2e}[data-theme=dark] .exam-room-option{color:#f0f0f5;background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .exam-room-option:hover{background:#7c5cfc2e;border-color:#7c5cfc80}[data-theme=dark] .exam-room-option.is-selected{background:#7c5cfc47;border-color:#b59cff}.exam-room-option-letter{color:#7c5cfc;background:#7c5cfc1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.05rem;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.exam-room-option.is-selected .exam-room-option-letter{color:#fff;background:#7c5cfc}.exam-room-option-text{flex:1;font-size:1.18rem;font-weight:600;line-height:1.4}.exam-room-option-radio{border:2px solid #7c5cfc66;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:border-color .15s,background .15s;position:relative}.exam-room-option.is-selected .exam-room-option-radio{background:#7c5cfc;border-color:#7c5cfc}.exam-room-option.is-selected .exam-room-option-radio:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.exam-room-nav{border-top:1px dashed #00000014;justify-content:space-between;gap:12px;margin-top:28px;padding-top:22px;display:flex}[data-theme=dark] .exam-room-nav{border-top-color:#ffffff14}.exam-room-nav-btn{color:#7c5cfc;cursor:pointer;background:0 0;border:1px solid #7c5cfc40;border-radius:14px;align-items:center;gap:10px;padding:13px 24px;font-size:1.02rem;font-weight:700;transition:background .15s,transform .12s;display:inline-flex}.exam-room-nav-btn svg{width:18px;height:18px}.exam-room-nav-btn:hover:not(:disabled){background:#7c5cfc1a}.exam-room-nav-btn:disabled{opacity:.4;cursor:not-allowed}.exam-room-nav-btn.is-primary{color:#fff;background:linear-gradient(135deg,#b59cff,#7c5cfc);border-color:#0000}.exam-room-nav-btn.is-primary:hover:not(:disabled){transform:translateY(-1px)}.exam-room-side{background:linear-gradient(#7c5cfc0a,#0000);border-left:1px solid #0000000d;flex-direction:column;gap:22px;padding:26px;display:flex;overflow-y:auto}[data-theme=dark] .exam-room-side{background:linear-gradient(#7c5cfc1a,#0000);border-left-color:#ffffff0f}.exam-room-timer{text-align:center;background:linear-gradient(135deg,#7c5cfc1a,#b95cfc2e);border:1px solid #7c5cfc33;border-radius:16px;padding:20px 14px;transition:background .3s,border-color .3s}.exam-room-timer-label{color:#7c5cfc;text-transform:uppercase;letter-spacing:.06em;font-size:.84rem;font-weight:800;display:block}.exam-room-timer-value{color:#0000;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#7c5cfc,#b95cfc);-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:2.8rem;font-weight:800;display:block}.exam-room-timer.is-low{background:linear-gradient(135deg,#e94c4c1a,#e94c4c33);border-color:#e94c4c66;animation:1.2s ease-in-out infinite examTimerLow}.exam-room-timer.is-low .exam-room-timer-label{color:#e94c4c}.exam-room-timer.is-low .exam-room-timer-value{background:linear-gradient(135deg,#ff5a5a,#e94c4c);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes examTimerLow{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}[data-theme=dark] .exam-room-timer-value{background:linear-gradient(135deg,#d088ff,#f0a8ff);color:#0000;-webkit-background-clip:text;background-clip:text}.exam-room-progress-meta{color:var(--text-muted);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:.96rem;font-weight:600;display:flex}.exam-room-progress-meta strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}[data-theme=dark] .exam-room-progress-meta strong{color:#f0f0f5}.exam-room-progress-track{background:#7c5cfc1a;border-radius:99px;height:9px;overflow:hidden}.exam-room-progress-fill{background:linear-gradient(90deg,#b59cff,#7c5cfc);border-radius:99px;height:100%;transition:width .4s cubic-bezier(.33,1,.68,1)}.exam-room-palette-title{color:var(--text-primary);letter-spacing:-.005em;margin:0 0 10px;font-size:1.05rem;font-weight:800}[data-theme=dark] .exam-room-palette-title{color:#f0f0f5}.exam-room-palette-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px;display:grid}.exam-room-palette-btn{aspect-ratio:1;color:var(--text-secondary);cursor:pointer;background:#ffffffa6;border:1.5px solid #7c5cfc2e;border-radius:11px;font-size:1.02rem;font-weight:800;transition:background .15s,border-color .15s,transform .12s}.exam-room-palette-btn:hover{background:#7c5cfc1a;border-color:#7c5cfc66}.exam-room-palette-btn.is-answered{color:#fff;background:linear-gradient(135deg,#82dab1,#1cb474);border-color:#0000;box-shadow:0 4px 10px #1cb47440}.exam-room-palette-btn.is-current{border-width:2px;border-color:#7c5cfc;transform:scale(1.05);box-shadow:0 0 0 3px #7c5cfc33}.exam-room-palette-btn.is-answered.is-current{box-shadow:0 0 0 3px #7c5cfc4d,0 4px 10px #1cb4744d}[data-theme=dark] .exam-room-palette-btn{color:#c8c8d8;background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .exam-room-palette-btn:hover{background:#7c5cfc38;border-color:#7c5cfc80}.exam-room-palette-legend{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:.84rem;font-weight:600;display:flex}.exam-room-palette-legend span{align-items:center;gap:6px;display:inline-flex}.exam-room-palette-dot{background:#7c5cfc33;border:1px solid #7c5cfc4d;border-radius:3px;width:12px;height:12px}.exam-room-palette-dot.is-answered{background:linear-gradient(135deg,#82dab1,#1cb474);border-color:#0000}.exam-room-palette-dot.is-current{background:#fff;border:2px solid #7c5cfc}[data-theme=dark] .exam-room-palette-dot.is-current{background:#1a1a2c}.exam-room-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8a32,#ff5a5a);border:none;border-radius:16px;margin-top:auto;padding:18px 26px;font-size:1.15rem;font-weight:800;transition:transform .15s,box-shadow .18s;box-shadow:0 10px 26px #ff645052}.exam-room-submit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #ff64506b}.exam-room-confirm-overlay{-webkit-backdrop-filter:blur(6px);z-index:5;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.22s both examConfirmBackdrop;display:flex;position:absolute;inset:0}@keyframes examConfirmBackdrop{0%{opacity:0}to{opacity:1}}.exam-room-confirm-card{text-align:center;opacity:0;background:#fff;border-radius:20px;width:min(500px,94vw);padding:30px 32px 26px;animation:.3s cubic-bezier(.34,1.45,.5,1) 50ms forwards examConfirmCard;transform:scale(.92);box-shadow:0 24px 60px #0006}@keyframes examConfirmCard{to{opacity:1;transform:scale(1)}}[data-theme=dark] .exam-room-confirm-card{background:linear-gradient(135deg,#1f1f30,#2a1f3e);box-shadow:0 24px 60px #0009}.exam-room-confirm-icon{color:#ff8a32;background:#ff8a3229;border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 14px;display:flex}.exam-room-confirm-icon svg{width:44px;height:44px}.exam-room-confirm-title{color:var(--text-primary);margin:0 0 8px;font-size:1.55rem;font-weight:800}[data-theme=dark] .exam-room-confirm-title{color:#f0f0f5}.exam-room-confirm-text{color:var(--text-secondary);margin:0 0 22px;font-size:1.05rem;line-height:1.6}.exam-room-confirm-text strong{color:#7c5cfc;font-weight:800}.exam-room-confirm-actions{justify-content:center;gap:10px;display:flex}.exam-room-confirm-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #00000014;border-radius:13px;flex:1;padding:14px 22px;font-size:1.02rem;font-weight:700;transition:background .15s}.exam-room-confirm-btn:hover{background:#0000000d}.exam-room-confirm-btn.is-primary{color:#fff;background:linear-gradient(135deg,#ff8a32,#ff5a5a);border-color:#0000;box-shadow:0 6px 16px #ff64504d}.exam-room-confirm-btn.is-primary:hover{transform:translateY(-1px)}[data-theme=dark] .exam-room-confirm-btn{color:#f0f0f5;border-color:#ffffff1a}[data-theme=dark] .exam-room-confirm-btn:hover{background:#ffffff0f}@media (max-width:1280px){.exam-room-body{grid-template-columns:360px 1fr 360px}.exam-room-image{padding:22px 18px}.exam-room-image-frame{min-height:260px}}@media (max-width:1080px){.exam-room-body{grid-template-rows:auto auto;grid-template-columns:320px 1fr}.exam-room-side{border-top:1px solid #0000000d;border-left:none;grid-column:1/-1}.exam-room-palette-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width:760px){.exam-room-body{grid-template-columns:1fr}.exam-room-image{border-bottom:1px solid #0000000d;border-right:none;max-height:320px}.exam-room-image-frame{min-height:220px}}@keyframes overlaySlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40vw)}}@keyframes overlaySlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40vw)}}@keyframes overlaySlideInFromRight{0%{opacity:0;transform:translate(40vw)}to{opacity:1;transform:translate(0)}}@keyframes overlaySlideInFromLeft{0%{opacity:0;transform:translate(-40vw)}to{opacity:1;transform:translate(0)}}.main-content[data-transition=forward] .courses-overlay:not(.is-open),.main-content[data-transition=forward] .doc-overlay:not(.is-open),.main-content[data-transition=forward] .store-overlay:not(.is-open),.main-content[data-transition=forward] .exam-overlay:not(.is-open){pointer-events:none;animation:.55s cubic-bezier(.34,1.4,.5,1) forwards overlaySlideOutLeft}.main-content[data-transition=forward] .courses-overlay.is-open,.main-content[data-transition=forward] .doc-overlay.is-open,.main-content[data-transition=forward] .store-overlay.is-open,.main-content[data-transition=forward] .exam-overlay.is-open{pointer-events:auto;animation:.55s cubic-bezier(.34,1.4,.5,1) forwards overlaySlideInFromRight}.main-content[data-transition=backward] .courses-overlay:not(.is-open),.main-content[data-transition=backward] .doc-overlay:not(.is-open),.main-content[data-transition=backward] .store-overlay:not(.is-open),.main-content[data-transition=backward] .exam-overlay:not(.is-open){pointer-events:none;animation:.55s cubic-bezier(.34,1.4,.5,1) forwards overlaySlideOutRight}.main-content[data-transition=backward] .courses-overlay.is-open,.main-content[data-transition=backward] .doc-overlay.is-open,.main-content[data-transition=backward] .store-overlay.is-open,.main-content[data-transition=backward] .exam-overlay.is-open{pointer-events:auto;animation:.55s cubic-bezier(.34,1.4,.5,1) forwards overlaySlideInFromLeft}.main-content[data-transition=forward] .courses-overlay .liquid-main-panel,.main-content[data-transition=forward] .doc-overlay .doc-main-panel,.main-content[data-transition=forward] .store-overlay .store-main-panel,.main-content[data-transition=forward] .exam-overlay .exam-main-panel,.main-content[data-transition=backward] .courses-overlay .liquid-main-panel,.main-content[data-transition=backward] .doc-overlay .doc-main-panel,.main-content[data-transition=backward] .store-overlay .store-main-panel,.main-content[data-transition=backward] .exam-overlay .exam-main-panel{opacity:1;animation:none;transform:scale(1)}.main-content[data-transition=forward] .courses-overlay .liquid-side-panel,.main-content[data-transition=backward] .courses-overlay .liquid-side-panel{transition:none;transform:translate(0)scale(1)}.main-content[data-transition=forward] .doc-overlay .doc-preview-panel,.main-content[data-transition=backward] .doc-overlay .doc-preview-panel{transition:none}@keyframes maintenanceOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes maintenanceOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes maintenanceCardIn{0%{opacity:0;transform:translateY(18px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes maintenanceCardOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.94)}}@keyframes maintenanceIconWobble{0%{transform:rotate(-6deg)}25%{transform:rotate(8deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(4deg)}to{transform:rotate(0)}}.maintenance-overlay{z-index:9000;-webkit-backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px;animation:.24s forwards maintenanceOverlayIn;display:flex;position:fixed;inset:0}.maintenance-overlay[data-exiting]{animation:.24s forwards maintenanceOverlayOut}.maintenance-card{background:var(--card-bg,#fff);width:min(420px,100%);color:var(--text,#0f172a);text-align:center;border-radius:18px;padding:28px 26px 22px;animation:.32s cubic-bezier(.22,1.2,.36,1) forwards maintenanceCardIn;box-shadow:0 30px 70px -20px #0f172a80}.maintenance-overlay[data-exiting] .maintenance-card{animation:.22s forwards maintenanceCardOut}.maintenance-icon{transform-origin:50% 60%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;animation:.9s ease-out .24s maintenanceIconWobble;display:flex}.maintenance-title{color:var(--text,#0f172a);margin:0 0 6px;font-size:1.18rem;font-weight:700}.maintenance-page{color:var(--accent,#2563eb);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:.86rem;font-weight:600}.maintenance-reason{color:var(--text-muted,#475569);margin:0 0 20px;font-size:.95rem;line-height:1.55}.maintenance-close-btn{background:var(--accent,#2563eb);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 22px;font-size:.95rem;font-weight:600;transition:transform .12s,filter .15s}.maintenance-close-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.maintenance-close-btn:active{transform:translateY(0)}