:root{--primary-blue:#4361ee;--secondary-blue:#3a56d4;--accent-pink:#f72585;--accent-yellow:#ffd166;--success-green:#06d6a0;--dark-bg:#1a1b41;--card-bg:#fff;--text-dark:#2b2d42;--text-light:#8d99ae;--xp-blue:#4cc9f0;--streak-orange:#ff9e00;--level-purple:#7209b7;color:#fff;background:var(--dark-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at 20% 30%, #4361ee38 0%, transparent 42%), radial-gradient(circle at 80% 70%, #f725852e 0%, transparent 42%), radial-gradient(circle at 40% 82%, #06d6a024 0%, transparent 40%), linear-gradient(135deg, var(--dark-bg) 0%, #2d2d5f 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 80%);mask-image:linear-gradient(#000000e6,#0000 80%)}button{font:inherit}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1a1b41c7;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:20px;padding:16px 40px;display:flex;position:sticky;top:0}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;letter-spacing:-.05em;background:linear-gradient(135deg, var(--primary-blue), var(--accent-pink));border:3px solid #ffffff59;border-radius:18px;place-items:center;width:52px;height:52px;font-size:18px;font-weight:1000;display:grid;box-shadow:0 14px 32px #4361ee57}.brand-title{color:#fff;font-size:22px;font-weight:1000;line-height:1.05}.brand-subtitle{color:#ffffffad;margin-top:3px;font-size:12px}.topnav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.login-box{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.login-box .n-input{width:118px}.topnav .n-button{color:#ffffffe0}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:30px 0 56px}.hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);align-items:stretch;gap:24px;margin-bottom:28px;display:grid}.hero-copy,.hero-panel,.control-card,.practice-card,.section{border:1px solid #ffffff29;box-shadow:0 22px 60px #00000042}.hero-copy{background:linear-gradient(135deg,#ffffff29,#ffffff12),radial-gradient(circle at 82% 18%,#ffd1663d,#0000 28%);border-radius:32px;min-height:350px;padding:44px;position:relative;overflow:hidden}.hero-copy:after{content:"";border:32px solid #4cc9f029;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-90px;right:-70px}.hero-copy h1{z-index:1;color:#fff;letter-spacing:-.06em;max-width:760px;margin:20px 0 16px;font-size:clamp(38px,5vw,72px);line-height:1.02;position:relative}.hero-copy p{z-index:1;color:#ffffffc7;max-width:680px;font-size:18px;line-height:1.85;position:relative}.hero-actions{z-index:1;flex-wrap:wrap;gap:12px;margin-top:30px;display:flex;position:relative}.hero-panel{color:var(--text-dark);background:#fffffff5;flex-direction:column;justify-content:center;display:flex}.metric-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric-row div{background:linear-gradient(#fff,#f7f8ff);border-radius:20px;min-height:94px;padding:18px;box-shadow:inset 0 0 0 1px #4361ee17}.metric-row strong{color:var(--primary-blue);font-size:38px;line-height:1;display:block}.metric-row span,.muted,.section-head p,.module-card p{color:#687086}.section{color:var(--text-dark);background:#fffffff2;border-radius:30px;padding:24px}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-head h2{color:var(--text-dark);letter-spacing:-.04em;margin:0 0 6px;font-size:30px}.module-card{cursor:pointer;height:100%;color:var(--text-dark);transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.module-card:before{content:"";background:linear-gradient(90deg, var(--primary-blue), var(--xp-blue), var(--accent-pink));height:6px;margin:-24px -24px 18px;display:block}.module-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px #4361ee2e}.module-card.locked{cursor:not-allowed;filter:grayscale(.22);opacity:.72}.module-card.locked:after{content:"🔒";opacity:.26;font-size:34px;position:absolute;bottom:16px;right:18px}.module-card.locked:hover{box-shadow:none;transform:none}.course-card .n-card-header{padding-bottom:10px}.module-header,.practice-title,.progress-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.module-header span:first-child{font-weight:900}.module-meta{color:var(--text-dark);flex-wrap:wrap;gap:10px;margin-top:18px;font-size:13px;font-weight:800;display:flex}.module-meta span{color:#2f3a63;background:#eef4ff;border-radius:999px;padding:7px 11px}.practice-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:22px;display:grid}.practice-layout.is-practicing{grid-template-columns:260px minmax(0,1fr)}.control-card,.practice-card{color:var(--text-dark);background:#fffffff7}.control-card{position:sticky;top:100px}.compact-control .n-card__content{padding-top:8px}.session-stats{color:#31406b;background:#f3f7ff;border-radius:18px;gap:8px;padding:12px;font-size:13px;font-weight:900;display:grid}.control-card .n-card-header,.practice-card .n-card-header{font-size:20px;font-weight:1000}.practice-card{overscroll-behavior:contain;min-height:620px;position:relative}.practice-fullscreen{width:100vw;min-height:100vh;overflow:auto;border-radius:0!important}.course-helper{border:1px solid var(--xck-border);color:var(--xck-text);background:linear-gradient(#fff,#fffaf4);border-radius:18px;gap:6px;padding:16px;display:grid;box-shadow:0 8px 20px #17203a0a}.course-helper strong{color:var(--xck-text);font-size:18px}.course-helper span{color:var(--xck-muted);line-height:1.55}.practice-title span{color:var(--text-dark);font-size:24px;font-weight:1000}.practice-title small{color:#687086;font-weight:600}.practice-title-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.empty-state,.complete-state{text-align:center;color:#687086;align-content:center;place-items:center;min-height:420px;display:grid}.empty-state h2,.complete-state h2{color:var(--text-dark);letter-spacing:-.04em;margin:0 0 10px;font-size:34px}.complete-badge{color:#fff;background:linear-gradient(135deg, var(--success-green), #19b985);border-radius:30px;place-items:center;width:92px;height:92px;margin-bottom:20px;font-weight:1000;display:grid;box-shadow:0 18px 34px #06d6a047}.complete-badge.complete-badge-trophy{color:#5f370e;text-shadow:0 2px #ffffff6b;background:radial-gradient(circle at 34% 24%,#ffffffe0,#0000 22%),linear-gradient(135deg,#ffe082 0%,#facc15 42%,#f59e0b 100%);border-radius:50%;font-size:46px;line-height:1;box-shadow:0 18px 34px #f59e0b4d,inset 0 0 0 2px #ffffff80}.screenshot-summary{padding:18px 0 8px}.complete-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:min(760px,100%);margin:20px auto 12px;display:grid}.complete-grid div{background:#f7f9ff;border-radius:20px;padding:16px;box-shadow:inset 0 0 0 1px #4361ee1a}.complete-grid strong{color:var(--primary-blue);font-size:25px;line-height:1.1;display:block}.complete-grid span,.complete-time{color:#687086;font-weight:800}.complete-time{color:var(--xck-purple-dark);margin:12px 0 6px;font-size:clamp(22px,3vw,34px);font-weight:1000;line-height:1.25}.mistake-panel{text-align:left;background:#fff7ea;border-radius:22px;width:min(760px,100%);margin:14px auto 18px;padding:16px;box-shadow:inset 0 0 0 1px #ff9e0038}.mistake-panel h3{color:var(--text-dark);margin:0 0 12px}.mistake-row{border-top:1px solid #ff9e002e;gap:4px;padding:10px 0;display:grid}.mistake-row:first-of-type{border-top:0}.mistake-row span,.mistake-row small{color:#7b8096;font-weight:700}.mistake-row strong{color:#24294d}.question-area{touch-action:pan-y;overscroll-behavior:contain;gap:22px;display:grid}.progress-line{color:#687086;font-weight:900}.prompt-card{color:#fff;background:radial-gradient(circle at 90% 20%,#ffd16642,#0000 30%),linear-gradient(135deg,#202153,#35357a);border-radius:26px;padding:26px;overflow:hidden}.prompt-label{color:var(--accent-yellow);letter-spacing:.08em;margin:12px 0 8px;font-size:12px;font-weight:1000}.prompt-card h2{color:#fff;margin:0;font-size:clamp(25px,4vw,40px);line-height:1.25}.answer-box{background:#f9fbff;border:3px dashed #4361ee47;border-radius:24px;flex-wrap:wrap;align-items:center;gap:10px;min-height:92px;padding:16px;transition:border-color .16s,background .16s;display:flex}.answer-box.flash{animation:.62s answerFlash}.answer-box.success{border-color:var(--success-green);background:#ecfff9}.answer-box.danger{border-color:var(--streak-orange);background:#fff7ea}.answer-placeholder{color:var(--text-light);font-weight:700}.word-pool,.option-list{flex-wrap:wrap;gap:12px;display:flex}.word-token,.selected-token,.choice-option{cursor:pointer;border:0;transition:transform .15s,box-shadow .15s,opacity .15s}.word-token,.selected-token{color:var(--text-dark);background:#fff;border-radius:999px;padding:13px 18px;font-size:clamp(20px,2.8vw,30px);font-weight:900;box-shadow:inset 0 0 0 2px #4361ee1f,0 10px 22px #4361ee1a}.sentence-answer{border-style:solid;align-content:center;min-height:104px}.selected-token{color:#1f2752;box-shadow:none;background:0 0;border-radius:6px;padding:4px 3px;font-size:clamp(25px,4vw,40px);line-height:1.3}.selected-token:after{content:" "}.word-token.used{opacity:0;cursor:not-allowed;pointer-events:none}.choice-option{text-align:left;width:100%;color:var(--text-dark);background:#fff;border-radius:20px;align-items:center;gap:14px;padding:17px 18px;display:flex;box-shadow:inset 0 0 0 2px #4361ee1a}.choice-option strong{color:#fff;background:linear-gradient(135deg, var(--primary-blue), var(--xp-blue));border-radius:13px;place-items:center;width:36px;height:36px;display:grid}.choice-option.correct{box-shadow:inset 0 0 0 3px var(--success-green);background:#ecfff9}.choice-option.wrong{box-shadow:inset 0 0 0 3px var(--accent-pink);background:#fff0f7}.feedback{margin-top:2px}.practice-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.effect-pop{pointer-events:none;z-index:6;place-items:center;font-weight:1000;display:grid;position:absolute;inset:0;overflow:hidden}.effect-pop>span{z-index:2;color:#fff;text-shadow:0 8px 24px #0000003d;background:var(--effect-bg,linear-gradient(135deg, var(--accent-pink), var(--streak-orange), var(--success-green)));animation:var(--effect-animation,praisePop 1s ease both);border-radius:999px;padding:14px 24px;font-size:clamp(32px,7vw,78px);position:relative}.effect-correct{z-index:1;min-height:0;padding:0;position:static;inset:auto;overflow:visible}.effect-correct>span{background:var(--effect-bg,linear-gradient(135deg, #34d399, #6366f1));padding:7px 18px;font-size:clamp(18px,3.5vw,30px);line-height:1.15;box-shadow:0 10px 24px #f08a242e}.effect-default>span{--effect-bg:linear-gradient(135deg, #34d399, #4cc9f0)}.effect-streak-3>span{--effect-bg:linear-gradient(135deg, #38bdf8, #6366f1);--effect-animation:praisePop 1.18s ease both, streakWobble 1.18s ease both;box-shadow:0 14px 30px #38bdf847}.effect-streak-5>span{--effect-bg:linear-gradient(135deg, #ff9e00, #fb7185);--effect-animation:praisePop 1.22s ease both, streakPulse 1.22s ease both;box-shadow:0 16px 34px #ff9e0052}.effect-streak-7>span{--effect-bg:linear-gradient(135deg, #8b5cf6, #ec4899);--effect-animation:praisePop 1.28s ease both, streakFloat 1.28s ease both;box-shadow:0 16px 36px #8b5cf657}.effect-streak-10>span{--effect-bg:linear-gradient(135deg, #ffd166, #f43f5e, #7c3aed);--effect-animation:praisePop 1.45s ease both, streakPulse 1.45s ease both;color:#fff;box-shadow:0 18px 46px #f43f5e61}.effect-correct.effect-firework{z-index:8;background:radial-gradient(circle,#ffffff94,#0000 24%),radial-gradient(circle at 18% 22%,#ffd16647,#0000 26%),radial-gradient(circle at 82% 22%,#4cc9f03d,#0000 26%),radial-gradient(circle at 50% 80%,#ec48992e,#0000 28%);place-items:center;min-height:auto;display:grid;position:absolute;inset:0;overflow:hidden}.effect-correct.effect-firework>span{padding:12px 26px;font-size:clamp(26px,5vw,58px)}.effect-correct i{background:var(--accent-yellow);border-radius:50%;width:12px;height:12px;animation:.95s ease-out both firework;display:none;position:absolute}.effect-correct.effect-firework i{display:block;top:50%;left:50%}.effect-correct i:nth-child(2){--x:-210px;--y:-110px;background:var(--xp-blue)}.effect-correct i:nth-child(3){--x:180px;--y:-130px;background:var(--accent-pink)}.effect-correct i:nth-child(4){--x:-160px;--y:120px;background:var(--success-green)}.effect-correct i:nth-child(5){--x:200px;--y:100px;background:var(--accent-yellow)}.effect-correct i:nth-child(6){--x:0;--y:-190px;background:#fff}.effect-correct i:nth-child(7){--x:-260px;--y:20px;background:var(--streak-orange)}.effect-correct i:nth-child(8){--x:250px;--y:-20px;background:var(--xp-blue)}.effect-correct i:nth-child(9){--x:-80px;--y:190px;background:var(--accent-pink)}.effect-correct i:nth-child(10){--x:80px;--y:180px;background:var(--success-green)}.effect-correct i:nth-child(11){--x:0;--y:220px;background:var(--accent-yellow)}.effect-correct i:nth-child(12){--x:-300px;--y:-170px;background:#f43f5e;animation-delay:60ms}.effect-correct i:nth-child(13){--x:310px;--y:-160px;background:#38bdf8;animation-delay:80ms}.effect-correct i:nth-child(14){--x:-320px;--y:160px;background:#a78bfa;animation-delay:.1s}.effect-correct i:nth-child(15){--x:320px;--y:170px;background:#34d399;animation-delay:.12s}.effect-correct i:nth-child(16){--x:-120px;--y:-260px;background:#ffd166;animation-delay:.14s}.effect-correct i:nth-child(17){--x:120px;--y:-270px;background:#fb7185;animation-delay:.16s}.effect-correct i:nth-child(18){--x:-130px;--y:270px;background:#4cc9f0;animation-delay:.18s}.effect-correct i:nth-child(19){--x:130px;--y:260px;background:#ff9e00;animation-delay:.2s}.effect-wrong{color:#ff3860;font-size:clamp(82px,18vw,180px);animation:.62s both wrongPop}@keyframes answerFlash{0%{box-shadow:0 0 #06d6a000}35%{box-shadow:0 0 0 12px #06d6a033,0 0 34px #06d6a05c}to{box-shadow:0 0 #06d6a000}}@keyframes praisePop{0%{opacity:0;transform:scale(.45)rotate(-8deg)}18%{opacity:1;transform:scale(1.08)rotate(2deg)}70%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.1)translateY(-18px)}}@keyframes streakWobble{0%,to{filter:saturate()}35%{filter:saturate(1.25)brightness(1.08)}60%{filter:saturate(1.12)}}@keyframes streakPulse{0%,to{filter:brightness()}42%{filter:brightness(1.18)}}@keyframes streakFloat{0%,to{filter:drop-shadow(0 0 #8b5cf600)}45%{filter:drop-shadow(0 16px 18px #8b5cf647)}}@keyframes firework{0%{opacity:1;transform:translate(0)scale(.4)}to{opacity:0;transform:translate(var(--x), var(--y)) scale(1.8)}}@keyframes wrongPop{0%{opacity:0;transform:scale(.35)}30%{opacity:1;transform:scale(1.08)}55%{transform:scale(.96)}to{opacity:0;transform:scale(1.02)}}.stat-card span{color:#687086;display:block}.stat-card strong{color:var(--primary-blue);margin-top:10px;font-size:34px;display:block}.reserved-list{color:#687086;margin:0;padding-left:20px;line-height:1.9}.mb-16{margin-bottom:16px}.mt-16{margin-top:16px}code{background:#eef4ff;border-radius:8px;padding:2px 6px}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start;padding:16px 20px}.topnav,.topbar-actions,.login-box{justify-content:flex-start}.hero,.practice-layout{grid-template-columns:1fr}.hero-copy{min-height:300px;padding:30px}.metric-row{grid-template-columns:1fr}.control-card{position:static}.practice-layout.is-practicing{grid-template-columns:1fr}.complete-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.page{width:min(100% - 20px,1180px);padding-top:18px}.hero-copy h1{font-size:38px}.section,.hero-copy{border-radius:24px}.practice-actions{justify-content:stretch}.login-box .n-input{width:100%}.word-pool,.option-list{gap:10px}.word-token{padding:12px 16px}.complete-grid{grid-template-columns:1fr}}:root{--xck-purple:#6366f1;--xck-purple-dark:#4f46e5;--xck-purple-soft:#eef2ff;--xck-text:#17203a;--xck-muted:#8b93a8;--xck-border:#e6e8f0;--xck-bg:#fafafa;--xck-card:#fff;color:var(--xck-text);background:var(--xck-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--dark-bg:#0f172a;--card-bg:#182033;--text-dark:#f8fafc;--text-light:#b7c1d6;--xck-purple:#a78bfa;--xck-purple-dark:#c4b5fd;--xck-purple-soft:#7c3aed2e;--xck-text:#f8fafc;--xck-muted:#b7c1d6;--xck-border:#334155;--xck-bg:#0f172a;--xck-card:#182033;color:var(--xck-text);background:var(--xck-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:var(--xck-text);background:var(--xck-bg);font-family:Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:none}.small-chunks-wrapper{min-height:100vh;color:var(--xck-text);background:var(--xck-bg);display:flex}.left-sidebar{z-index:40;border-right:1px solid var(--xck-border);background:#fbfbfd;width:200px;transition:opacity .22s,transform .26s;position:fixed;inset:0 auto 0 0}.float-menu{flex-direction:column;height:100%;display:flex}.float-header{justify-content:flex-start;align-items:center;height:60px;padding:0 18px 0 20px;display:flex}.sidebar-logo{color:#fff6ea;cursor:pointer;background:linear-gradient(135deg,#6366f1,#7c3aed);border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:1000;display:grid;box-shadow:inset 0 0 0 2px #ffffff3d}.menus{flex-direction:column;gap:8px;padding:8px 10px;display:flex}.menus-item{width:100%;height:34px;color:var(--xck-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:800;display:flex}.menus-item:hover,.menus-item.active{color:#111827;background:var(--xck-purple-soft)}.icon-item{color:currentColor;place-items:center;width:18px;font-size:17px;font-weight:900;display:grid}.right-content{width:calc(100% - 200px);min-width:0;min-height:100vh;margin-left:200px;transition:width .26s,margin-left .26s}.small-chunks-header{z-index:30;border-bottom:1px solid var(--xck-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;justify-content:space-between;align-items:center;gap:24px;height:60px;padding:0 28px 0 10px;transition:height .22s,padding .22s,opacity .18s,transform .22s;display:flex;position:sticky;top:0}.brand-line{min-width:220px;color:var(--xck-text);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:22px;font-weight:1000;display:flex}.brand-mini-mark{color:#fff6ea;background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:9px;place-items:center;width:28px;height:28px;margin-right:8px;font-size:13px;display:grid;box-shadow:0 10px 18px #f08a242e}.org-name,.brand-name{white-space:nowrap}.brand-separator{color:#2f374a;margin:0 7px;font-weight:700}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:26px;min-width:0;display:flex}.top-menus{align-items:center;gap:26px;display:flex}.top-menus .menu-item{color:var(--xck-text);cursor:pointer;background:0 0;border:0;padding:0 0 7px;font-size:16px;font-weight:900;position:relative}.top-menus .menu-item.active{color:var(--xck-purple)}.top-menus .menu-item.active:after{content:"";background:var(--xck-purple);border-radius:999px;height:2px;position:absolute;bottom:0;left:0;right:0}.right-dtls{align-items:center;gap:18px;display:flex}.theme-toggle-btn{border:1px solid var(--xck-border);height:34px;color:var(--xck-text);background:var(--xck-card);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:1000;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.theme-toggle-btn:hover{border-color:var(--xck-purple);color:var(--xck-purple-dark);background:var(--xck-purple-soft);transform:translateY(-1px)}.theme-toggle-icon{font-size:15px;line-height:1}.fullscreen-btn{color:#3b4254;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:24px;height:24px;font-size:21px;display:grid}.login-link{color:var(--xck-text);cursor:pointer;background:0 0;border:0;font-size:16px;font-weight:900}.member-avatar{color:#5b6b7f;cursor:pointer;background:linear-gradient(#bce9ff,#eaf8ff);border:0;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:1000;display:grid;position:relative}.avatar-crown{color:#ffc83d;font-size:22px;position:absolute;top:-11px}.page-content{width:100%;min-height:calc(100vh - 60px);padding:20px 34px 58px}.study-index{max-width:1280px;margin:0 auto}.study-hero{background:radial-gradient(circle at 92% 18%,#ffb7574d,#0000 28%),linear-gradient(135deg,#fffaf2,#fff);border:1px solid #ffe1bd;border-radius:28px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:18px;padding:22px 24px;display:flex;box-shadow:0 16px 36px #f08a2414}.study-hero-kicker{color:var(--xck-purple-dark);letter-spacing:.12em;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:1000;display:inline-flex}.study-hero h1{color:var(--xck-text);letter-spacing:-.04em;margin:0;font-size:clamp(24px,3vw,36px);line-height:1.18}.study-hero p{max-width:680px;color:var(--xck-muted);margin:10px 0 0;font-size:15px;line-height:1.7}.hero-start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#7c3aed);border:0;border-radius:999px;flex:none;height:44px;padding:0 22px;font-size:15px;font-weight:1000;box-shadow:0 14px 28px #f08a2438}.hero-start-btn:disabled{opacity:.55;cursor:not-allowed}.study-categories{scrollbar-width:none;gap:12px;padding-bottom:18px;display:flex;overflow-x:auto}.study-categories::-webkit-scrollbar{display:none}.category-pill{border:1px solid var(--xck-border);color:#283249;cursor:pointer;background:#fff;border-radius:999px;flex:none;align-items:center;gap:10px;height:40px;padding:0 20px;font-size:17px;font-weight:1000;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 2px 8px #1b274608}.category-pill span{width:22px;height:22px;color:var(--xck-purple-dark);background:var(--xck-purple-soft);border-radius:50%;place-items:center;font-size:12px;display:grid}.category-pill:hover{transform:translateY(-2px);box-shadow:0 10px 22px #f08a241f}.category-pill.active{border-color:var(--xck-purple);color:#fff;background:var(--xck-purple)}.category-pill.active span{color:var(--xck-purple-dark);background:#fff}.study-summary{color:var(--xck-muted);gap:12px;margin:-4px 0 16px;display:flex}.study-summary div{border:1px solid var(--xck-border);background:#fff;border-radius:999px;align-items:baseline;gap:6px;padding:5px 12px;display:inline-flex}.study-summary strong{color:var(--xck-purple);font-size:16px}.study-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;display:grid}.study-book-card{border:1px solid var(--xck-border);min-height:318px;color:var(--xck-text);cursor:pointer;background:#fff;border-radius:28px;padding:10px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;box-shadow:0 8px 24px #17203a0a}.study-book-card:hover{border-color:#dfe1f2;transform:translateY(-5px);box-shadow:0 18px 36px #17203a17}.study-book-card.locked{opacity:.72}.book-cover{background:linear-gradient(140deg,#9fd8ff,#f7fbff);border-radius:18px;height:176px;position:relative;overflow:hidden}.cover-course-type,.cover-countline{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17203a5c;border-radius:999px;align-items:center;font-size:12px;font-weight:900;display:inline-flex;position:absolute}.cover-course-type{padding:5px 10px;top:14px;left:14px}.cover-countline{padding:5px 9px;bottom:14px;right:14px}.book-cover:before,.book-cover:after,.cover-sun,.cover-building{content:"";display:block;position:absolute}.cover-sun{filter:blur(.2px);background:#fff19ee6;border-radius:50%;width:42px;height:42px;top:18px;right:22px}.cover-building{background:#fffc;border-radius:12px 12px 4px 4px;width:88px;height:62px;bottom:20px;right:20px;box-shadow:-70px 24px #ffffff8c,-108px 38px #4c9e6f52}.book-cover:before{background:#4fa86a61;border-radius:50%;width:180px;height:90px;bottom:-30px;left:-35px}.book-cover:after{background:#ff8944c7;border-radius:999px 999px 8px 8px;width:116px;height:26px;bottom:33px;left:38px;box-shadow:0 -28px #ffb249e0,0 -47px #f55135b3}.cover-2{background:linear-gradient(140deg,#90c7ff,#fff7dc)}.cover-2:after{background:#2c4584b8;border-radius:35px 35px 8px 8px;width:70px;height:120px;bottom:18px;left:62px;box-shadow:42px 40px #ffffff9e,-48px 50px #ffffff75}.cover-3{background:linear-gradient(140deg,#94dcff,#eefaff)}.cover-3:after{background:0 0;border:8px solid #ffffffd1;border-radius:50%;width:160px;height:56px;bottom:46px;left:28px;box-shadow:18px 18px #18539129}.cover-4{background:linear-gradient(140deg,#8ed1ff,#fff2be)}.cover-4:after{background:#fff8e3eb;border-radius:70px 70px 8px 8px;width:150px;height:54px;bottom:48px;left:34px;box-shadow:0 14px #ffcf5f73}.cover-5{background:linear-gradient(140deg,#c7dcff,#d8f7c7)}.cover-5:after{background:#ffffffd9;border-radius:6px;width:28px;height:86px;bottom:38px;left:30px;transform:rotate(-4deg);box-shadow:48px 8px #ffffffd1,96px 0 #ffffffe0}.cover-6{background:linear-gradient(140deg,#fff5d5,#bde6ff)}.cover-7{background:linear-gradient(140deg,#b5e3ff,#fff1da)}.cover-8{background:linear-gradient(140deg,#88beff,#f8d6bd)}.cover-9{background:linear-gradient(140deg,#83b7ff,#ffc6e4)}.cover-10{background:linear-gradient(140deg,#77dcff,#f3fff7)}.study-book-card h3{min-height:42px;color:var(--xck-text);align-items:flex-start;gap:8px;margin:14px 10px 8px;font-size:17px;font-weight:1000;line-height:1.25;display:flex}.count-badge{min-width:42px;height:18px;color:var(--xck-purple-dark);background:#fffaf2;border:1px solid #f2c18b;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.study-book-card p{color:#8c95a9;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;margin:0 10px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.book-actions{justify-content:flex-end;align-items:center;margin:12px 10px 0;display:flex}.detail-btn{color:var(--xck-purple-dark);background:var(--xck-purple-soft);cursor:pointer;border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:1000}.detail-btn:disabled{color:#8c95a9;cursor:not-allowed;background:#eef1f6}.favorite-btn{color:#ff5d7e;cursor:pointer;background:#fff;border:1px solid #ffe1e7;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.locked-badge{color:#fff;background:#17203abd;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900;position:absolute;top:16px;right:16px}.study-empty{border:1px dashed var(--xck-border);min-height:280px;color:var(--xck-muted);background:#fff;border-radius:22px;place-items:center;gap:8px;display:grid}.study-grid{grid-template-columns:repeat(auto-fill,minmax(198px,1fr));gap:20px}.study-unit-card{text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:128px;padding:22px 18px 18px;display:flex;overflow:visible;box-shadow:0 8px 20px #17203a14}.study-unit-card:hover{border-color:#dde0ec;transform:translateY(-4px);box-shadow:0 14px 26px #17203a1f}.study-unit-card h3{min-height:0;color:var(--xck-text);margin:8px 0 10px;font-size:17px;font-weight:1000;line-height:1.25;display:block}.study-unit-card p{min-height:0;color:var(--xck-muted);-webkit-line-clamp:1;margin:7px 0 0;font-size:12px;line-height:1.35}.study-unit-card .unit-count,.lesson-unit-card .unit-count{color:var(--xck-muted);font-size:14px;font-weight:500;line-height:1;position:absolute;top:10px;right:11px}.unit-line{background:#edf0f5;width:56px;height:1px;display:block}.unit-dots{justify-content:center;align-items:center;gap:6px;margin-top:8px;display:inline-flex}.unit-dots i{background:#d2d0d0;border-radius:50%;width:10px;height:10px}.rank-container{justify-content:center;padding-top:2px;display:flex}.rank-card{background:#fff;border-radius:12px;width:min(900px,100%);min-height:640px;padding:22px 20px 20px;box-shadow:0 4px 18px #17203a14}.rank-controls{min-height:42px;position:relative}.segmented-tabs{background:#fff;border:1px solid #dedfea;border-radius:999px;grid-template-columns:repeat(4,1fr);gap:2px;width:360px;max-width:100%;height:32px;margin:0 auto;padding:2px;display:grid}.segmented-tabs button{color:var(--xck-text);cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:900}.segmented-tabs button.active{color:#fff;background:var(--xck-purple)}.rank-scope-switch{color:#4c4f77;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex;position:absolute;top:3px;right:20px}.rank-scope-switch input{opacity:0;position:absolute}.rank-scope-switch i{background:#b9b8df;border-radius:999px;width:32px;height:18px;position:relative}.rank-scope-switch i:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:3px;left:3px}.rank-scope-switch input:checked+i:after{transform:translate(14px)}.rank-loading,.rank-error,.rank-empty{min-height:260px;color:var(--xck-muted);place-items:center;font-weight:800;display:grid}.podium{justify-content:center;align-items:flex-end;gap:30px;min-height:250px;margin:12px auto 18px;display:flex}.podium-item{text-align:center;border-radius:10px 10px 0 0;align-content:end;justify-items:center;width:126px;min-height:150px;padding:20px 8px 18px;display:grid;position:relative}.podium-item.rank-1{background:#fff8df;min-height:190px}.podium-item.rank-2{background:#eef6ff;min-height:160px}.podium-item.rank-3{background:#fff1df;min-height:150px}.podium-avatar{color:#729855;background:linear-gradient(#a9e3ff,#f6fbff);border:3px solid #9ee1ff;border-radius:50%;place-items:center;width:58px;height:58px;font-weight:1000;display:grid;position:absolute;top:-30px}.rank-1 .podium-avatar{border-color:#ffb500;width:68px;height:68px}.rank-3 .podium-avatar{border-color:#ff9e3b}.podium-crown{color:#ffd246;font-size:25px;position:absolute;top:-18px}.podium-item strong{max-width:110px;color:var(--xck-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.podium-score{color:#ff8200;margin-top:4px;font-size:24px;font-weight:1000;line-height:1.1}.podium-score span{margin-left:1px;font-size:12px}.medal{color:#fff;background:#ffb23b;border-radius:9px;place-items:center;width:28px;height:28px;margin-top:8px;font-weight:1000;display:grid}.rank-list{margin:0 2px}.rank-row{min-height:61px;color:var(--xck-text);border-top:1px solid #e7e9f1;grid-template-columns:42px 44px minmax(0,1fr) auto;align-items:center;font-size:14px;display:grid}.rank-row:last-child{border-bottom:1px solid #e7e9f1}.rank-number{text-align:center}.mini-avatar{color:#729855;background:linear-gradient(#a9e3ff,#f6fbff);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:1000;display:grid}.rank-points{padding-right:20px}.login-modal-card{position:relative;border-radius:12px!important;width:min(500px,100vw - 32px)!important}.login-modal-card .n-card__content{padding:44px 30px 24px!important}.login-close{color:#4f5667;cursor:pointer;background:#f7f8fc;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:26px;display:grid;position:absolute;top:18px;right:20px}.login-modal-card h2{color:var(--xck-text);text-align:center;margin:0 0 22px}.phone-row{grid-template-columns:100px minmax(0,1fr);margin-bottom:18px;display:grid}.country-code{border:1px solid var(--xck-border);color:#30384d;background:#fff;border-right:0;border-radius:6px 0 0 6px;justify-content:center;align-items:center;display:flex}.phone-row .n-input .n-input-wrapper{border-radius:0 6px 6px 0!important}.login-label{color:var(--xck-text);margin:8px 0;font-weight:900;display:block}.login-hint{color:var(--xck-muted);margin:12px 0 14px;font-size:13px;line-height:1.45}.login-helper-row{justify-content:space-between;margin:18px 0 14px;display:flex}.login-helper-row button{color:var(--xck-purple);cursor:pointer;background:0 0;border:0;font-weight:800}.login-submit{border-radius:6px!important;height:40px!important;font-weight:900!important}.login-agree{justify-content:center;margin-top:16px;display:flex}.register-line{color:#687083;text-align:center;margin:14px 0 0}.register-line span{color:var(--xck-purple)}.learn-page{color:var(--xck-text)}.study-shell{grid-template-columns:300px minmax(0,1fr);gap:24px;transition:grid-template-columns .28s,gap .28s;display:grid}.study-side{min-width:0;transition:opacity .22s,transform .28s,width .28s}.practice-page.is-selecting .study-shell{grid-template-columns:minmax(0,1fr)}.practice-page.is-selecting .study-side{width:100%}.practice-page.is-selecting .study-side .control-card{border-radius:14px;width:100%;position:static}.practice-page.is-selecting .study-side .control-card .n-card-header{display:none}.practice-page.is-selecting .study-side .control-card .n-card__content{padding:24px 28px}.practice-page.is-selecting .study-main{display:none}.small-chunks-wrapper:has(.practice-page.is-practicing) .left-sidebar{opacity:0;pointer-events:none;border-bottom:0;border-right:0;width:0;height:0;overflow:hidden;transform:translate(-100%)}.small-chunks-wrapper:has(.practice-page.is-practicing) .right-content{width:100%;margin-left:0}.small-chunks-wrapper:has(.practice-page.is-practicing) .small-chunks-header{opacity:0;pointer-events:none;border-bottom:0;height:0;padding-top:0;padding-bottom:0;overflow:hidden;transform:translateY(-100%)}.small-chunks-wrapper:has(.practice-page.is-practicing) .page-content{min-height:100vh;padding:16px 24px 28px}.practice-page.is-practicing .study-shell{grid-template-columns:minmax(0,1fr);gap:0}.practice-page.is-practicing .study-side{display:none}.practice-page.is-practicing .study-main{grid-column:1}.study-side .control-card{border:1px solid var(--xck-border);background:#fff;border-radius:22px;position:sticky;top:80px;box-shadow:0 8px 24px #17203a0f}.study-side .control-card .n-card__content{padding-bottom:18px}.mode-rail{border:1px solid var(--xck-border);background:#fff;border-radius:22px;gap:8px;margin-top:14px;padding:12px;display:none!important}.mode-rail button{height:38px;color:var(--xck-text);cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:15px;font-weight:900}.mode-rail button.active{color:var(--xck-purple);background:var(--xck-purple-soft)}.course-card-picker{gap:16px;display:grid}.picker-block{gap:10px;display:grid}.picker-head{color:var(--xck-text);justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:1000;display:flex}.picker-head small{color:var(--xck-muted);font-size:12px;font-weight:800}.picker-empty{border:1px dashed var(--xck-border);min-height:82px;color:var(--xck-muted);background:#fff;border-radius:12px;place-items:center;font-size:13px;font-weight:800;display:grid}.course-card-grid,.lesson-card-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-height:372px;padding:2px 4px 4px 2px;display:grid;overflow:auto}.course-card-grid{max-height:248px}.lesson-unit-card{border:1px solid var(--xck-border);min-height:108px;color:var(--xck-text);text-align:center;cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:22px 10px 13px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:flex;position:relative;box-shadow:0 6px 16px #17203a0f}.lesson-unit-card strong{min-height:34px;color:var(--xck-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:1000;line-height:1.3;display:-webkit-box;overflow:hidden}.lesson-unit-card .unit-line{width:42px;margin-top:6px}.lesson-unit-card .unit-dots{gap:5px;margin-top:7px}.lesson-unit-card .unit-dots i{width:8px;height:8px}.lesson-unit-card:not(:disabled):hover{border-color:#dde0ec;transform:translateY(-3px);box-shadow:0 12px 22px #17203a1f}.lesson-unit-card.active .unit-count,.lesson-unit-card.active strong{color:var(--xck-purple-dark)}.lesson-unit-card.active .unit-dots i{background:#f2b16b}.lesson-unit-card .perfect-stamp{z-index:2;color:#dc2626;letter-spacing:0;pointer-events:none;background:#ffffffd1;border:3px solid #dc2626;border-radius:50%;place-items:center;width:52px;height:52px;font-size:14px;font-weight:1000;display:grid;position:absolute;top:10px;left:12px;transform:rotate(-14deg);box-shadow:0 5px 12px #dc26262e}.lesson-unit-card .perfect-stamp:after{content:"全对";font-size:10px;line-height:1;position:absolute;bottom:8px}.lesson-unit-card.active .perfect-stamp{color:#fff;background:#dc2626e6;border-color:#fff}.lesson-unit-card:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.course-unit-card{min-height:112px}.course-unit-card.locked:after{content:"锁";color:#a7adba;font-size:12px;font-weight:1000;position:absolute;top:9px;left:10px}.course-unit-card .locked-note{color:#9aa1af;margin-top:4px;font-size:11px;font-weight:900}.practice-page.is-selecting .course-helper{border-radius:14px;grid-template-columns:minmax(0,1fr);padding:18px 20px}.practice-page.is-selecting .picker-head{padding:0 2px;font-size:15px}.practice-page.is-selecting .course-card-grid,.practice-page.is-selecting .lesson-card-grid{grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:20px;max-height:none;padding:0;overflow:visible}.practice-page.is-selecting .course-unit-card,.practice-page.is-selecting .lesson-unit-card{border-radius:10px;min-height:128px;padding:24px 16px 18px}.practice-page.is-selecting .lesson-unit-card strong{min-height:0;font-size:17px}.practice-page.is-selecting .lesson-unit-card .unit-count{font-size:14px;top:12px;right:12px}.practice-page.is-selecting .lesson-unit-card .unit-line{width:56px;margin-top:10px}.practice-page.is-selecting .lesson-unit-card .unit-dots{gap:6px;margin-top:9px}.practice-page.is-selecting .lesson-unit-card .unit-dots i{width:10px;height:10px}.practice-page.is-selecting .control-card .n-button{width:220px}.study-main{min-width:0}.study-topbar{justify-content:flex-start;align-items:center;gap:14px;min-height:58px;margin-bottom:12px;display:flex}.study-topbar-left{align-items:center;gap:8px;min-width:260px;display:flex}.back-link{color:var(--xck-text);cursor:pointer;background:0 0;border:0;font-size:16px;font-weight:1000}.crumb-separator{color:#687083}.title-stack .title{color:var(--xck-text);font-size:18px;font-weight:1000}.title-stack small{font-size:16px}.title-stack p{color:var(--xck-muted);text-overflow:ellipsis;white-space:nowrap;max-width:420px;margin:4px 0 0;font-size:13px;overflow:hidden}.mode-tabs{background:#fff;border:1px solid #dedfea;border-radius:999px;grid-template-columns:repeat(5,1fr);gap:2px;width:292px;height:38px;padding:2px;display:none!important}.mode-tabs button{color:var(--xck-text);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:15px;font-weight:1000}.mode-tabs button.active{color:#fff;background:var(--xck-purple)}.learn-toolbox{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:none!important}.learn-toolbox button{height:34px;color:var(--xck-purple);cursor:pointer;background:#f2f1fa;border:1px solid #bcbbe4;border-radius:6px;padding:0 15px;font-weight:900}.study-practice-card{border:1px solid var(--xck-border);min-height:640px;box-shadow:none;background:#fff;border-radius:10px}.study-practice-card .n-card__content{padding:0!important}.xck-empty-state{text-align:center;min-height:560px;color:var(--xck-muted);align-content:center;place-items:center;display:grid}.empty-symbol{color:var(--xck-purple);font-size:46px}.xck-question-area{background:#fff;flex-direction:column;gap:16px;min-height:638px;padding:12px 10px 24px;display:flex;position:relative}.question-header-mini{height:34px;color:var(--xck-text);text-align:center;grid-template-columns:60px 1fr 60px;align-items:center;font-size:16px;font-weight:700;display:grid}.question-statusbar{grid-template-columns:1fr auto 1fr;padding:0 14px;font-weight:1000}.status-pill{color:var(--xck-purple-dark);background:var(--xck-purple-soft);border-radius:999px;justify-self:start;align-items:center;padding:5px 10px;font-size:13px;display:inline-flex}.question-statusbar .status-pill:last-child{justify-self:end}.favorite-mark,.eye-mark{color:var(--xck-purple);cursor:pointer;background:0 0;border:0;font-size:24px}.fullscreen-mark{border-radius:50%;justify-self:end;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.fullscreen-mark:hover{background:var(--xck-purple-soft)}.xck-question-area .progress-line{color:var(--xck-text);margin:0 0 10px}.xck-question-area .progress-line .n-progress-graph-line-fill{background-color:var(--xck-purple)!important}.xck-prompt-card{min-height:140px;color:var(--xck-text);box-shadow:none;text-align:center;background:#fff;border-radius:0;padding:26px 22px 10px}.xck-prompt-card .n-tag{margin-bottom:10px}.xck-prompt-card .prompt-label{color:#b7bcc9;letter-spacing:0;margin:0 0 14px;font-size:28px;font-weight:900}.xck-prompt-card h2{color:var(--xck-text);font-size:clamp(28px,3vw,42px);font-weight:500}.xck-answer-box{background:#fff;border:1px solid #e5e7f2;border-radius:18px;justify-content:center;width:min(780px,100% - 30px);min-height:106px;margin:10px auto}.xck-answer-box.success{background:#f1fff8;border-color:#5fd1a6}.xck-answer-box.danger{background:#fff7f7;border-color:#ff8d8d}.answer-placeholder{color:#bcc0ce;font-size:18px}.xck-word-pool{justify-content:center;width:min(780px,100% - 30px);margin:auto auto 0}.word-token,.selected-token{box-shadow:none}.word-token{color:var(--xck-text);background:#fff4e8;border:0;border-radius:999px;padding:12px 32px;font-size:clamp(22px,3vw,30px);font-weight:900}.word-token:not(:disabled):hover,.selected-token:not(:disabled):hover,.choice-option:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 12px 24px #f08a242e}.selected-token{color:var(--xck-text);background:0 0;border:0;border-radius:6px;padding:3px 4px;font-size:clamp(28px,4vw,42px);font-weight:600}.xck-option-list{width:min(760px,100% - 30px);margin:0 auto}.choice-option{box-shadow:none;background:#fff4e8;border-radius:999px;padding:13px 20px}.choice-option strong{background:var(--xck-purple)}.choice-option.selected{box-shadow:inset 0 0 0 2px var(--xck-purple)}.choice-option.correct{background:#ecfff9;box-shadow:inset 0 0 0 2px #44c790}.choice-option.wrong{background:#fff0f2;box-shadow:inset 0 0 0 2px #ff6b8d}.choice-page .xck-prompt-card{background:radial-gradient(circle at 92% 8%,#ffb75733,#0000 30%),#fffaf4;border:1px solid #f2e5d5;border-radius:22px;width:min(820px,100% - 30px);margin:0 auto}.choice-page .xck-prompt-card .prompt-label{color:var(--xck-purple-dark);letter-spacing:.08em;font-size:16px}.choice-page .xck-prompt-card h2{font-size:clamp(22px,2.5vw,34px);font-weight:800;line-height:1.45}.choice-page .xck-option-list{flex-direction:column;gap:10px;display:flex}.choice-page .choice-option{background:#fff;border-radius:18px;box-shadow:inset 0 0 0 1px #e4e8f3}.choice-page .choice-option strong{background:linear-gradient(135deg,#6366f1,#7c3aed)}.choice-page .choice-option.selected{box-shadow:inset 0 0 0 2px var(--xck-purple);background:#fffaf2}.choice-page .choice-option.correct{background:#ecfff9;box-shadow:inset 0 0 0 2px #44c790}.choice-page .choice-option.wrong{background:#fff0f2;box-shadow:inset 0 0 0 2px #ff6b8d}.choice-feedback{width:min(760px,100% - 30px);margin:0 auto}.choice-mistake-row strong{line-height:1.5}.practice-actions{justify-content:center;margin-top:auto;padding:18px 10px 0}.control-card .n-card-header{color:var(--xck-text);font-weight:1000}.course-helper strong{color:var(--xck-text)}.course-helper span,.session-stats{color:var(--xck-muted)}.complete-state,.complete-grid,.mistake-panel{color:var(--xck-text)}.complete-grid div{background:#fffaf4;box-shadow:inset 0 0 0 1px #f08a2424}.complete-grid strong{color:var(--xck-purple)}:root[data-theme=dark] body{background:radial-gradient(circle at 18% 14%,#ffb05829,#0000 30%),radial-gradient(circle at 86% 12%,#4cc9f01a,#0000 34%),linear-gradient(135deg,#0f172a 0%,#111827 58%,#162033 100%)}:root[data-theme=dark] body:before{content:"";background-image:linear-gradient(#f8fafc09 1px,#0000 1px),linear-gradient(90deg,#f8fafc09 1px,#0000 1px)}:root[data-theme=dark] .small-chunks-wrapper{background:0 0}:root[data-theme=dark] .left-sidebar{border-color:var(--xck-border);background:#0f172af5}:root[data-theme=dark] .small-chunks-header{border-color:var(--xck-border);background:#0f172aeb}:root[data-theme=dark] .menus-item:hover,:root[data-theme=dark] .menus-item.active,:root[data-theme=dark] .fullscreen-mark:hover{color:var(--xck-text);background:var(--xck-purple-soft)}:root[data-theme=dark] .brand-separator,:root[data-theme=dark] .fullscreen-btn,:root[data-theme=dark] .crumb-separator,:root[data-theme=dark] .rank-scope-switch,:root[data-theme=dark] .register-line,:root[data-theme=dark] .complete-grid span,:root[data-theme=dark] .complete-time,:root[data-theme=dark] .mistake-row span,:root[data-theme=dark] .mistake-row small,:root[data-theme=dark] .answer-placeholder,:root[data-theme=dark] .study-book-card p,:root[data-theme=dark] .xck-prompt-card .prompt-label{color:var(--xck-muted)}:root[data-theme=dark] .category-pill,:root[data-theme=dark] .study-summary div,:root[data-theme=dark] .study-book-card,:root[data-theme=dark] .study-empty,:root[data-theme=dark] .rank-card,:root[data-theme=dark] .segmented-tabs,:root[data-theme=dark] .login-close,:root[data-theme=dark] .country-code,:root[data-theme=dark] .study-side .control-card,:root[data-theme=dark] .mode-rail,:root[data-theme=dark] .mode-tabs,:root[data-theme=dark] .study-practice-card,:root[data-theme=dark] .xck-question-area,:root[data-theme=dark] .xck-prompt-card,:root[data-theme=dark] .xck-answer-box,:root[data-theme=dark] .complete-grid div{border-color:var(--xck-border);color:var(--xck-text);background:var(--xck-card);box-shadow:0 10px 28px #0000002e}:root[data-theme=dark] .study-hero{background:radial-gradient(circle at 90% 18%,#ffb0582e,#0000 30%),linear-gradient(135deg,#1e293bfa,#0f172afa);border-color:#ffb05847;box-shadow:0 18px 42px #00000038}:root[data-theme=dark] .hero-start-btn,:root[data-theme=dark] .medal{color:#111827}:root[data-theme=dark] .category-pill:hover{border-color:#ffb05894;box-shadow:0 12px 24px #0003}:root[data-theme=dark] .category-pill.active,:root[data-theme=dark] .segmented-tabs button.active,:root[data-theme=dark] .mode-tabs button.active{color:#111827;background:var(--xck-purple)}:root[data-theme=dark] .category-pill span,:root[data-theme=dark] .count-badge,:root[data-theme=dark] .detail-btn,:root[data-theme=dark] .status-pill{color:var(--xck-purple-dark);background:var(--xck-purple-soft)}:root[data-theme=dark] .category-pill.active span{color:#111827;background:#ffffffd1}:root[data-theme=dark] .study-book-card:hover{border-color:#ffb05880;box-shadow:0 20px 40px #00000040}:root[data-theme=dark] .course-unit-card,:root[data-theme=dark] .lesson-unit-card,:root[data-theme=dark] .picker-empty{border-color:var(--xck-border);color:var(--xck-text);background:var(--xck-card);box-shadow:0 8px 22px #00000029}:root[data-theme=dark] .picker-head small,:root[data-theme=dark] .study-unit-card .unit-count,:root[data-theme=dark] .lesson-unit-card .unit-count{color:var(--xck-muted)}:root[data-theme=dark] .lesson-unit-card.active{background:#ffb0581f;border-color:#ffb058bf}:root[data-theme=dark] .lesson-unit-card.active .unit-count,:root[data-theme=dark] .lesson-unit-card.active strong{color:var(--xck-purple-dark)}:root[data-theme=dark] .unit-line{background:#334155}:root[data-theme=dark] .unit-dots i{background:#475569}:root[data-theme=dark] .detail-btn:disabled{color:#8fa0bb;background:#94a3b824}:root[data-theme=dark] .podium-item.rank-1{background:#ffcd562b}:root[data-theme=dark] .podium-item.rank-2{background:#93c5fd29}:root[data-theme=dark] .podium-item.rank-3{background:#fb923c29}:root[data-theme=dark] .podium-avatar,:root[data-theme=dark] .mini-avatar{color:#dff7ff;background:linear-gradient(#334155,#1f2937)}:root[data-theme=dark] .rank-row{border-top-color:var(--xck-border);color:var(--xck-text)}:root[data-theme=dark] .rank-row:last-child{border-bottom-color:var(--xck-border)}:root[data-theme=dark] .rank-scope-switch i{background:#475569}:root[data-theme=dark] .login-close{color:var(--xck-text)}:root[data-theme=dark] .learn-toolbox button{border-color:var(--xck-border);color:var(--xck-purple-dark);background:#ffb0581f}:root[data-theme=dark] .xck-question-area,:root[data-theme=dark] .xck-prompt-card{box-shadow:none}:root[data-theme=dark] .choice-page .xck-prompt-card{background:radial-gradient(circle at 92% 8%, #ffb05829, transparent 32%), var(--xck-card);border-color:#ffb0584d}:root[data-theme=dark] .choice-page .xck-prompt-card .prompt-label{color:var(--xck-purple-dark)}:root[data-theme=dark] .xck-answer-box{background:#111827}:root[data-theme=dark] .xck-answer-box.success,:root[data-theme=dark] .choice-option.correct,:root[data-theme=dark] .choice-page .choice-option.correct{color:var(--xck-text);background:#10b98129;border-color:#34d399;box-shadow:inset 0 0 0 2px #34d399c7}:root[data-theme=dark] .xck-answer-box.danger,:root[data-theme=dark] .choice-option.wrong,:root[data-theme=dark] .choice-page .choice-option.wrong{color:var(--xck-text);background:#f43f5e29;border-color:#fb7185;box-shadow:inset 0 0 0 2px #fb7185c7}:root[data-theme=dark] .word-token,:root[data-theme=dark] .choice-option,:root[data-theme=dark] .choice-page .choice-option{color:var(--xck-text);background:#243047;box-shadow:inset 0 0 0 1px #94a3b83d}:root[data-theme=dark] .choice-option span{color:var(--xck-text)}:root[data-theme=dark] .choice-option strong{color:#111827;background:linear-gradient(135deg,#c4b5fd,#a78bfa)}:root[data-theme=dark] .choice-option.selected,:root[data-theme=dark] .choice-page .choice-option.selected{color:var(--xck-text);box-shadow:inset 0 0 0 2px var(--xck-purple);background:#ffb05824}:root[data-theme=dark] .choice-option.correct,:root[data-theme=dark] .choice-page .choice-option.correct{color:var(--xck-text);background:#10b98129;box-shadow:inset 0 0 0 2px #34d399c7}:root[data-theme=dark] .choice-option.wrong,:root[data-theme=dark] .choice-page .choice-option.wrong{color:var(--xck-text);background:#f43f5e29;box-shadow:inset 0 0 0 2px #fb7185c7}:root[data-theme=dark] .choice-option.correct strong{color:#052e1b;background:#34d399}:root[data-theme=dark] .choice-option.wrong strong{color:#3b0711;background:#fb7185}:root[data-theme=dark] .selected-token,:root[data-theme=dark] .empty-state h2,:root[data-theme=dark] .complete-state h2,:root[data-theme=dark] .mistake-panel h3,:root[data-theme=dark] .mistake-row strong{color:var(--xck-text)}:root[data-theme=dark] .mistake-panel{background:#ffb0581c;box-shadow:inset 0 0 0 1px #ffb05842}:root[data-theme=dark] .mistake-row{border-top-color:#ffb05838}@media (width<=1100px){.study-topbar{flex-direction:column;align-items:flex-start}.learn-toolbox{justify-content:flex-start}}@media (width<=900px){.small-chunks-wrapper{display:block}.left-sidebar{border-right:0;border-bottom:1px solid var(--xck-border);width:100%;height:auto;position:static}.float-header{display:none}.menus{flex-direction:row;overflow-x:auto}.menus-item{flex:none;width:auto}.right-content{width:100%;margin-left:0}.small-chunks-header{padding:0 14px}.brand-line{min-width:0;font-size:18px}.top-menus{gap:14px}.page-content{padding:16px 14px 40px}.study-hero{flex-direction:column;align-items:flex-start}.hero-start-btn{width:100%}.study-shell{grid-template-columns:1fr}.study-side .control-card{position:static}.practice-page.is-practicing .study-side{display:none}.practice-page.is-practicing .study-shell{grid-template-columns:minmax(0,1fr)}.practice-page.is-practicing .study-main{grid-column:1}.mode-rail{grid-template-columns:repeat(5,1fr)}.rank-scope-switch{justify-content:center;margin-top:12px;position:static}}@media (width<=620px){.header-right{gap:10px}.right-dtls{gap:8px}.theme-toggle-btn{justify-content:center;width:34px;padding:0}.theme-toggle-text,.top-menus{display:none}.study-grid{grid-template-columns:1fr}.study-hero{padding:18px}.book-cover{height:190px}.study-summary{flex-wrap:wrap}.podium{gap:8px}.podium-item{width:30%}.rank-row{grid-template-columns:34px 40px minmax(0,1fr) auto}.learn-toolbox{display:none}.mode-tabs{width:100%}.study-topbar-left{min-width:0}.practice-page.is-practicing .study-topbar{gap:8px;min-height:40px;margin-bottom:8px}.practice-page.is-practicing .study-topbar-left{align-items:center;width:100%}.practice-page.is-practicing .back-link{flex:none;font-size:14px}.practice-page.is-practicing .crumb-separator{display:none}.practice-page.is-practicing .title-stack{min-width:0}.practice-page.is-practicing .title-stack .title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.practice-page.is-practicing .title-stack small{font-size:14px}.practice-page.is-practicing .title-stack p{display:none}.practice-page.is-practicing .study-practice-card{min-height:0}.practice-page.is-practicing .xck-question-area{gap:10px;min-height:auto;padding:8px 8px 14px}.practice-page.is-practicing .question-header-mini{grid-template-columns:44px 1fr 44px;height:28px;font-size:14px}.practice-page.is-practicing .favorite-mark,.practice-page.is-practicing .eye-mark{font-size:20px}.practice-page.is-practicing .xck-question-area .progress-line{margin-bottom:2px}.practice-page.is-practicing .xck-prompt-card{min-height:104px;padding:14px 12px 6px}.practice-page.is-practicing .xck-prompt-card .prompt-label{margin-bottom:8px;font-size:20px}.practice-page.is-practicing .xck-prompt-card h2{font-size:clamp(24px,7vw,32px);line-height:1.28}.practice-page.is-practicing .xck-answer-box{border-radius:14px;gap:6px;width:min(100%,100% - 16px);min-height:76px;margin:4px auto;padding:10px}.practice-page.is-practicing .answer-placeholder{font-size:15px}.practice-page.is-practicing .xck-word-pool{gap:8px;width:min(100%,100% - 16px);margin:6px auto 0}.practice-page.is-practicing .word-token{padding:9px 18px;font-size:clamp(19px,6vw,25px)}.practice-page.is-practicing .selected-token{padding:2px 3px;font-size:clamp(22px,7vw,32px)}.practice-page.is-practicing .practice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,292px);margin:8px auto 0;padding:0;display:grid}.practice-page.is-practicing .practice-actions .n-button{width:100%;min-width:0;height:34px;font-size:13px}.question-statusbar{padding:0 8px}.choice-page .xck-option-list,.choice-feedback{width:min(100%,100% - 18px)}.phone-row{grid-template-columns:80px minmax(0,1fr)}}.small-chunks-wrapper{isolation:isolate;position:relative}.small-chunks-wrapper:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 24%,#ffb0582e,#0000 28%),radial-gradient(circle at 74% 18%,#7209b71f,#0000 30%),radial-gradient(circle at 64% 78%,#4cc9f024,#0000 32%);animation:18s ease-in-out infinite alternate adventure-drift;position:fixed;inset:-18%}@keyframes adventure-drift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.8%,1.2%)scale(1.04)}}button,.n-button,.menu-item,.menus-item,.lesson-unit-card,.study-unit-card,.home-entry-card,.homework-card,.category-pill{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s,filter .18s}.top-menus .menu-item:hover,.login-link:hover,.fullscreen-btn:hover,.back-link:hover,.study-topbar-actions button:hover{color:var(--xck-purple-dark);transform:translateY(-1px)}.menus-item:hover{transform:translate(2px)}.fullscreen-btn:hover{background:var(--xck-purple-soft)}.home-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 20px;display:grid}.home-entry-card{color:#fff;text-align:left;cursor:pointer;border:1px solid #f08a2438;border-radius:28px;min-height:178px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 38px #17203a1f}.home-entry-card:after{content:"";background:#ffffff29;border-radius:50%;width:170px;height:170px;transition:transform .28s,opacity .28s;position:absolute;bottom:-46px;right:-42px}.home-entry-card span,.home-entry-card strong,.home-entry-card small{z-index:1;display:block;position:relative}.home-entry-card span{letter-spacing:-.06em;margin-bottom:18px;font-size:clamp(28px,4vw,44px);font-weight:1000}.home-entry-card strong{margin-bottom:8px;font-size:18px}.home-entry-card small{opacity:.86;font-size:14px;line-height:1.6}.sentence-entry{background:radial-gradient(circle at 78% 12%,#ffffff38,#0000 28%),linear-gradient(135deg,#6366f1,#7c3aed)}.grammar-entry{background:radial-gradient(circle at 78% 12%,#fff3,#0000 28%),linear-gradient(135deg,#4361ee,#7209b7)}.home-entry-card:hover{filter:saturate(1.06);transform:translateY(-5px);box-shadow:0 26px 50px #17203a2e}.home-entry-card:hover:after{opacity:.9;transform:scale(1.16)translate(-8px,-8px)}.unit-dots{display:none!important}.profile-card-popover{width:268px;color:var(--xck-text)}.profile-title{gap:3px;margin-bottom:12px;display:grid}.profile-title strong{font-size:18px}.profile-title span{color:var(--xck-muted);font-size:12px;font-weight:800}.profile-card-popover dl{gap:9px;margin:0 0 14px;display:grid}.profile-card-popover dl div{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:8px;display:grid}.profile-card-popover dt{color:var(--xck-muted);font-size:12px;font-weight:900}.profile-card-popover dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:900}.profile-actions{gap:8px;display:grid}.member-avatar:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 10px 24px #4cc9f038}.study-topbar{justify-content:space-between}.study-topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.study-topbar-actions button,.inline-stat-btn{color:var(--xck-purple-dark);cursor:pointer;background:#fffaf2;border:1px solid #f08a2447;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:1000}.inline-stat-btn{padding:2px 8px;font-size:12px}.study-info-panel{background:#fffaf2eb;border:1px solid #f08a2433;border-radius:18px;gap:10px;margin:-4px 0 12px;padding:14px;display:grid;box-shadow:0 10px 26px #f08a2414}.study-info-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.study-info-head strong{color:var(--xck-text)}.study-info-head button{color:var(--xck-muted);cursor:pointer;background:0 0;border:0;font-weight:900}.panel-row{border-top:1px solid #f08a2424;gap:4px;padding-top:10px;display:grid}.panel-row:first-of-type{border-top:0;padding-top:0}.panel-row strong{color:var(--xck-text)}.panel-row span,.panel-empty{color:var(--xck-muted);font-size:13px}.panel-row.compact strong{font-size:14px}.favorite-mark.active{color:#ffb23b;text-shadow:0 4px 14px #ffb23b52}.practice-life-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:-4px 0 2px;display:flex}.practice-life-row span,.practice-life-row button{color:var(--xck-purple-dark);background:#fffaf2;border:1px solid #f08a2433;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:1000}.practice-life-row button{cursor:pointer}.complete-modal-card{width:min(680px,100vw - 28px)}.challenge-complete-card{text-align:center;gap:14px;display:grid}.complete-trophy{font-size:42px}.challenge-complete-card h2{color:var(--xck-purple-dark);margin:0;font-size:clamp(28px,5vw,42px)}.complete-doc-name{color:var(--xck-text);margin:0;font-size:18px;font-weight:1000}.complete-account-name{color:var(--xck-purple-dark);background:#6366f11f;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:6px;margin:0;padding:8px 14px;font-size:15px;font-weight:900;display:inline-flex}.complete-account-name strong{color:var(--xck-purple-dark);font-size:16px}.screenshot-summary .complete-account-name{margin-bottom:4px}.complete-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.complete-modal-grid div{background:#fffaf2;border-radius:16px;gap:6px;padding:13px;display:grid}.complete-modal-grid span,.challenge-complete-card small{color:var(--xck-muted);font-size:12px;font-weight:900}.complete-modal-grid strong{color:var(--xck-text);font-size:17px}.choice-page .xck-prompt-card h2{font-size:clamp(26px,3vw,40px)}.choice-page .choice-option{align-items:center;min-height:58px}.choice-page .choice-option span{font-size:clamp(19px,2.2vw,28px);line-height:1.35}.choice-page .choice-option strong{width:34px;height:34px;font-size:17px}.choice-feedback{min-height:86px}.choice-page .practice-actions{align-items:flex-end;min-height:62px}.data-hero,.homework-hero{margin-bottom:20px}.data-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.data-summary-grid div,.data-card,.homework-card{border:1px solid var(--xck-border);background:#fffffff5;border-radius:22px;box-shadow:0 10px 26px #17203a0f}.mistake-review-section{scroll-margin:96px;transition:border-color .24s,box-shadow .24s,transform .24s}.mistake-review-section.is-focused{border-color:#6366f1b8;transform:translateY(-2px);box-shadow:0 0 0 4px #6366f124,0 18px 42px #4f46e529}.data-summary-grid div{gap:4px;padding:16px;display:grid}.data-summary-grid strong{color:var(--xck-purple);font-size:30px}.data-summary-grid span{color:var(--xck-muted);font-weight:900}.data-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;display:grid}.data-card{padding:18px}.data-side-stack{align-content:start;gap:18px;display:grid}.data-card-head,.homework-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.data-card-head h2,.day-block h3,.homework-card h2{color:var(--xck-text);margin:0}.data-card-head span,.homework-card-head span,.homework-meta,.data-empty{color:var(--xck-muted);font-weight:900}.data-head-btn{color:#3730a3;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;min-height:32px;padding:0 12px;font-size:13px;font-weight:900}.day-block{gap:10px;margin-top:16px;display:grid}.data-row,.mistake-data-row{border-top:1px solid var(--xck-border);gap:6px;padding-top:12px;display:grid}.data-row:first-of-type,.mistake-data-row:first-of-type{border-top:0}.data-row strong,.mistake-data-row strong{color:var(--xck-text)}.data-row>div:first-child{gap:4px;display:grid}.data-row span,.mistake-data-row span,.mistake-data-row small{color:var(--xck-muted)}.favorite-data-row{border-top-style:dashed}.row-delete-actions{justify-content:flex-end;margin-top:2px;display:flex}.row-delete-actions button{color:#b91c1c;cursor:pointer;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;min-height:30px;padding:0 12px;font-size:13px;font-weight:900}.row-delete-actions button:disabled{opacity:.52;cursor:not-allowed}.data-row-meta{flex-wrap:wrap;gap:12px;font-size:13px;font-weight:800;display:flex}.homework-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.homework-card{gap:12px;padding:20px;display:grid}.homework-card.done{border-color:#06d6a061}.homework-card-head span{color:var(--xck-purple-dark);background:var(--xck-purple-soft);border-radius:999px;padding:5px 10px}.homework-card.done .homework-card-head span{color:#087f61;background:#e7fff8}.homework-card-head strong{color:var(--xck-purple);font-size:24px}.homework-card p{color:var(--xck-muted);margin:0;line-height:1.55}.homework-card .homework-note{color:var(--xck-text);background:#6366f114;border-left:3px solid #6366f16b;padding:8px 10px;font-size:13px}.homework-meta{gap:5px;font-size:13px;display:grid}.homework-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#7c3aed);border:0;border-radius:999px;justify-self:start;padding:9px 16px;font-weight:1000}@media (width>=901px){.small-chunks-wrapper:has(.practice-page.is-practicing) .left-sidebar{border-right:1px solid var(--xck-border);opacity:1;pointer-events:auto;width:200px;height:100vh;overflow:visible;transform:none}.small-chunks-wrapper:has(.practice-page.is-practicing) .right-content{width:calc(100% - 200px);margin-left:200px}.small-chunks-wrapper:has(.practice-page.is-practicing) .small-chunks-header{border-bottom:1px solid var(--xck-border);opacity:1;pointer-events:auto;height:60px;padding:0 28px 0 10px;overflow:visible;transform:none}.small-chunks-wrapper:has(.practice-page.is-practicing) .page-content{min-height:calc(100vh - 60px);padding:20px 34px 58px}}:root[data-theme=dark] .profile-card-popover,:root[data-theme=dark] .study-info-panel,:root[data-theme=dark] .data-summary-grid div,:root[data-theme=dark] .data-card,:root[data-theme=dark] .homework-card,:root[data-theme=dark] .complete-modal-grid div{border-color:var(--xck-border);color:var(--xck-text);background:var(--xck-card)}:root[data-theme=dark] .study-topbar-actions button,:root[data-theme=dark] .inline-stat-btn,:root[data-theme=dark] .practice-life-row span,:root[data-theme=dark] .practice-life-row button{color:var(--xck-purple-dark);background:#ffb0581f;border-color:#ffb0583d}:root[data-theme=dark] .panel-row,:root[data-theme=dark] .data-row,:root[data-theme=dark] .mistake-data-row{border-color:var(--xck-border)}@media (width<=900px){.home-entry-grid,.data-layout{grid-template-columns:1fr}.data-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-topbar-actions{justify-content:flex-start}}@media (width<=620px){.complete-modal-grid,.data-summary-grid{grid-template-columns:1fr}.home-entry-card{min-height:150px;padding:20px}}:root{--xck-purple:#6366f1;--xck-purple-dark:#4f46e5;--xck-purple-soft:#eef2ff;--accent-yellow:#a78bfa;--streak-orange:#7c3aed}:root[data-theme=dark]{--xck-purple:#a78bfa;--xck-purple-dark:#c4b5fd;--xck-purple-soft:#7c3aed2e}.sidebar-logo,.hero-start-btn,.homework-action,.choice-page .choice-option strong{background:linear-gradient(135deg,#6366f1,#7c3aed);box-shadow:0 14px 28px #6366f138}.study-hero{background:radial-gradient(circle at 92% 18%,#7c3aed2b,#0000 28%),linear-gradient(135deg,#f8f7ff,#fff);border-color:#6366f133;box-shadow:0 16px 36px #6366f114}.home-entry-card{border-color:#6366f13d;box-shadow:0 18px 38px #4f46e51f}.sentence-entry,.grammar-entry{background:radial-gradient(circle at 78% 12%,#fff3,#0000 28%),linear-gradient(135deg,#6366f1,#7c3aed)}.home-entry-card:hover,.category-pill:hover{box-shadow:0 26px 50px #4f46e52e}.category-pill:hover,.theme-toggle-btn:hover,.member-avatar:hover{box-shadow:0 10px 22px #6366f129}.study-topbar-actions button,.inline-stat-btn,.practice-life-row span,.practice-life-row button{color:var(--xck-purple-dark);background:var(--xck-purple-soft);border-color:#6366f140}.study-info-panel,.complete-grid div,.complete-modal-grid div,.mistake-panel{background:#f8f7ff;border-color:#6366f12e;box-shadow:inset 0 0 0 1px #6366f11f}.choice-page .xck-prompt-card{background:radial-gradient(circle at 92% 8%,#7c3aed24,#0000 30%),#f8f7ff;border-color:#6366f133}.choice-page .choice-option.selected{background:#f4f3ff}.word-token{background:#eef2ff}.xck-word-pool{place-content:flex-start;margin:auto auto 0}.xck-word-pool .word-token{flex:none}.choice-page .practice-actions{z-index:7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffffdb,#fff 42%);border-top:1px solid #6366f11f;border-radius:18px 18px 0 0;width:min(760px,100% - 30px);margin:auto auto 0;padding:12px 10px 14px;position:sticky;bottom:0}.grammar-statusbar{grid-template-columns:1fr auto 1fr}.grammar-statusbar .fullscreen-mark{justify-self:end}.practice-fullscreen{background:radial-gradient(circle at 16% 18%,#6366f11a,#0000 28%),radial-gradient(circle at 84% 16%,#7c3aed1a,#0000 30%),#fff}.practice-fullscreen .xck-question-area{background:0 0}.complete-modal-card,.complete-modal-card .n-card,.challenge-complete-card{border-radius:26px}.challenge-complete-card{background:radial-gradient(circle at 50% 0,#6366f11f,#0000 34%),#fff;padding:4px}.complete-doc-name{letter-spacing:-.04em;font-size:clamp(28px,5vw,46px);line-height:1.18}.complete-modal-grid .completion-time-cell{background:radial-gradient(circle at 12% 18%,#ffd16633,#0000 28%),linear-gradient(135deg,#fff7df,#f8f7ff);grid-column:1/-1;padding:18px}.complete-modal-grid .completion-time-cell span{color:var(--xck-purple-dark);font-size:clamp(16px,2.2vw,22px)}.complete-modal-grid .completion-time-cell strong{color:var(--xck-purple-dark);letter-spacing:-.03em;font-size:clamp(28px,5vw,46px);line-height:1.12}.small-chunks-wrapper:before{background:radial-gradient(circle at 18% 24%,#6366f124,#0000 28%),radial-gradient(circle at 74% 18%,#7c3aed24,#0000 30%),radial-gradient(circle at 64% 78%,#4cc9f01f,#0000 32%)}.mistake-filter-tabs,.mistake-action-bar,.review-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.mistake-filter-tabs button,.mistake-action-bar button,.review-actions button{color:var(--xck-purple-dark);cursor:pointer;background:#fff;border:1px solid #6366f138;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:1000}.mistake-filter-tabs button.active,.mistake-action-bar button:last-child:not(:disabled),.review-actions button:nth-child(2):not(:disabled){color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed)}.mistake-filter-tabs button span{opacity:.78;margin-left:6px}.mistake-action-bar button:disabled,.review-actions button:disabled{opacity:.48;cursor:not-allowed}.mistake-export-panel{border:1px solid var(--xck-border);background:#fafafa;border-radius:8px;gap:12px;margin:12px 0 14px;padding:12px;display:grid}.mistake-export-fields{flex-wrap:wrap;gap:8px 12px;display:flex}.mistake-export-fields label{color:var(--xck-text);align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.mistake-export-panel button,.panel-action-row button{color:#3730a3;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;justify-self:start;min-height:32px;padding:0 14px;font-weight:900}.mistake-export-panel button:disabled{opacity:.55;cursor:not-allowed}.panel-action-row{justify-content:flex-start;margin:0 0 10px;display:flex}.mistake-data-row.selectable{border:1px solid #0000;border-radius:16px;padding:12px;position:relative}.mistake-data-row.selectable.selected{background:#f8f7ff;border-color:#6366f14d}.mistake-check{color:var(--xck-purple-dark);align-items:center;gap:6px;font-size:13px;font-weight:1000;display:inline-flex}.mistake-module-tag{color:var(--xck-purple-dark);background:var(--xck-purple-soft);border-radius:999px;justify-self:start;padding:3px 8px;font-weight:1000}.mistake-review-card{background:#f8f7ff;border:1px solid #6366f138;border-radius:20px;gap:12px;margin:12px 0 16px;padding:16px;display:grid}.review-head,.review-complete{gap:6px;display:grid}.review-head strong,.review-complete strong{color:var(--xck-text);font-size:18px}.review-head span,.review-complete span,.review-prompt{color:var(--xck-muted);font-weight:900}.review-prompt{margin:0;line-height:1.55}.review-answer-box{background:#fff;border:1px dashed #6366f157;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;min-height:72px;padding:12px;display:flex}.review-answer-box.success{background:#ecfff9;border-color:#34d399}.review-answer-box.danger{background:#fff0f2;border-color:#fb7185}.review-answer-box button,.review-word-pool button,.review-choice-options button{color:var(--xck-text);cursor:pointer;background:#eef2ff;border:0;border-radius:999px;padding:9px 14px;font-weight:1000}.review-word-pool,.review-choice-options{flex-wrap:wrap;gap:8px;display:flex}.review-choice-options{flex-direction:column}.review-choice-options button{text-align:left;background:#fff;border-radius:16px;align-items:center;gap:10px;width:100%;display:flex;box-shadow:inset 0 0 0 1px #6366f124}.review-choice-options button strong{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.review-choice-options button.correct{background:#ecfff9;box-shadow:inset 0 0 0 2px #34d399}.review-choice-options button.wrong{background:#fff0f2;box-shadow:inset 0 0 0 2px #fb7185}.review-feedback{color:var(--xck-purple-dark);background:#eef2ff;border-radius:14px;padding:10px 12px;font-weight:1000}.review-feedback.success{color:#047857;background:#dcfce7}.review-feedback.danger{color:#be123c;background:#ffe4e6}:root[data-theme=dark] .study-hero,:root[data-theme=dark] .choice-page .xck-prompt-card,:root[data-theme=dark] .mistake-review-card,:root[data-theme=dark] .mistake-data-row.selectable.selected,:root[data-theme=dark] .challenge-complete-card,:root[data-theme=dark] .review-answer-box,:root[data-theme=dark] .review-choice-options button,:root[data-theme=dark] .choice-page .practice-actions{border-color:var(--xck-border);color:var(--xck-text);background:var(--xck-card)}:root[data-theme=dark] .complete-modal-grid .completion-time-cell{background:radial-gradient(circle at 12% 18%,#ffb05824,#0000 28%),#6366f11f}:root[data-theme=dark] .complete-modal-grid .completion-time-cell span,:root[data-theme=dark] .complete-modal-grid .completion-time-cell strong,:root[data-theme=dark] .complete-account-name,:root[data-theme=dark] .complete-account-name strong,:root[data-theme=dark] .complete-time{color:var(--xck-text)}:root[data-theme=dark] .complete-account-name{background:#818cf829}.picker-top-row{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.picker-back-link{height:38px;color:var(--xck-purple-dark);cursor:pointer;background:#fff;border:1px solid #6366f13d;border-radius:999px;flex:none;justify-content:center;justify-self:start;align-items:center;margin-bottom:0;padding:0 16px;font-size:14px;font-weight:1000;display:inline-flex;box-shadow:0 8px 18px #6366f114}.directory-tab-strip{flex-wrap:wrap;flex:420px;align-items:center;gap:8px;min-width:0;display:flex}.directory-tab{max-width:190px;height:38px;color:var(--xck-purple-dark);cursor:pointer;background:#ffffffeb;border:1px solid #6366f133;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:1000;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex;box-shadow:0 8px 18px #6366f112}.directory-tab span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.picker-back-link:hover{background:var(--xck-purple-soft);transform:translateY(-2px);box-shadow:0 14px 28px #6366f129}.directory-tab:hover{background:var(--xck-purple-soft);border-color:#6366f16b;transform:translateY(-2px);box-shadow:0 14px 28px #6366f124}.directory-tab.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1ad;box-shadow:0 14px 30px #6366f138}.practice-page.is-selecting .study-side .control-card{background:radial-gradient(circle at 92% 4%,#7c3aed1a,#0000 28%),#fffffff5;border-color:#6366f129}.practice-page.is-selecting .course-card-picker{gap:24px}.practice-page.is-selecting .picker-head,.study-summary{display:none!important}.practice-page.is-selecting .course-card-grid,.practice-page.is-selecting .lesson-card-grid{grid-template-columns:repeat(auto-fill,minmax(198px,1fr))}.lesson-unit-card,.study-unit-card,.word-token,.selected-token,.choice-option,.home-entry-card{isolation:isolate;position:relative}.lesson-unit-card,.study-unit-card,.word-token,.selected-token,.choice-option{overflow:hidden}.sentence-page.practice-page.is-practicing .selected-token.selection-flash:after{content:"";z-index:2;pointer-events:none;opacity:.78;background:linear-gradient(115deg,#0000 0%,#ffffff0f 34%,#ffffff94 50%,#ffffff1a 68%,#0000 100%);width:38%;height:216%;animation:1.06s cubic-bezier(.2,.72,.2,1) both selected-token-soft-shine;position:absolute;top:-58%;left:-76%;transform:rotate(18deg)translate(-120%)}.sentence-page.practice-page.is-practicing .selected-token.selection-flash{animation:1.06s ease-out both selected-token-soft-glow}.lesson-unit-card>*,.study-unit-card>*,.selected-token>*,.choice-option>*{z-index:3;position:relative}.lesson-unit-card:not(:disabled):hover,.study-unit-card:hover,.word-token:not(:disabled):hover,.choice-option:not(:disabled):hover{filter:saturate(1.08)brightness(1.03)}@keyframes selected-token-soft-shine{0%{opacity:0;transform:rotate(18deg)translate(-130%)}22%{opacity:.62}to{opacity:0;transform:rotate(18deg)translate(440%)}}@keyframes selected-token-soft-glow{0%{box-shadow:inset 0 0 0 2px #ffffff75,0 10px 22px #6366f12e}48%{box-shadow:inset 0 0 0 2px #ffffffb8,0 14px 30px #a78bfa3d}to{box-shadow:inset 0 0 0 1px #fff0,0 8px 18px #6366f11f}}.lesson-unit-card.active{background:#f4f3ff;border-color:#6366f1ad;box-shadow:0 12px 24px #6366f129}.sentence-page .xck-prompt-card{min-height:118px;padding:20px 18px 8px}.sentence-page .xck-prompt-card .prompt-label{margin-bottom:8px;font-size:20px}.sentence-page .xck-prompt-card h2{font-size:clamp(22px,2.4vw,34px);line-height:1.32}.sentence-page .xck-answer-box{min-height:88px}.sentence-page .word-token{padding:10px 26px;font-size:clamp(20px,2.6vw,27px)}.choice-page .xck-prompt-card{min-height:118px;padding:22px 22px 14px}.choice-page .xck-prompt-card .n-tag{margin-bottom:8px}.choice-page .xck-prompt-card h2{font-size:clamp(24px,2.7vw,36px);line-height:1.38}.practice-page.is-practicing{background:radial-gradient(circle at 12% 14%,#6366f12e,#0000 28%),radial-gradient(circle at 88% 10%,#7c3aed29,#0000 30%),radial-gradient(circle at 52% 96%,#4cc9f021,#0000 32%),linear-gradient(135deg,#f6f7ff 0%,#eef2ff 52%,#f8fbff 100%);border:1px solid #6366f124;border-radius:30px;min-height:calc(100vh - 138px);padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff9e}.practice-page.is-practicing:before,.practice-page.is-practicing:after{content:"";pointer-events:none;position:absolute;inset:-18%}.practice-page.is-practicing:before{z-index:0;filter:blur(1.6px);opacity:.48;background:radial-gradient(circle at 8% 18%,#6366f138 0 2.4px,#0000 7px),radial-gradient(circle at 19% 63%,#7c3aed29 0 1.7px,#0000 6px),radial-gradient(circle at 31% 28%,#4cc9f024 0 2px,#0000 7px),radial-gradient(circle at 43% 78%,#6366f121 0 1.4px,#0000 6px),radial-gradient(circle at 57% 13%,#7c3aed2b 0 2.2px,#0000 7px),radial-gradient(circle at 68% 51%,#4cc9f026 0 1.6px,#0000 6px),radial-gradient(circle at 76% 84%,#6366f11f 0 2px,#0000 8px),radial-gradient(circle at 91% 24%,#7c3aed24 0 1.8px,#0000 7px),radial-gradient(circle at 88% 68%,#4cc9f01f 0 1.5px,#0000 6px);animation:24s ease-in-out infinite alternate practice-dot-float}.practice-page.is-practicing:after{z-index:0;filter:blur(8px);opacity:.42;background:radial-gradient(circle at 18% 78%,#ffffffb8,#0000 24%),radial-gradient(circle at 84% 72%,#ffffff7a,#0000 28%);animation:28s ease-in-out infinite alternate practice-glow-float}.practice-page.is-practicing .study-shell{z-index:1;position:relative}.practice-page.is-practicing .study-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc2;border:1px solid #6366f124;border-radius:22px;padding:8px 12px;box-shadow:0 16px 34px #4f46e51a}.practice-page.is-practicing .study-practice-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #6366f12e;border-radius:26px;overflow:hidden;box-shadow:0 24px 54px #4f46e524}.practice-page.is-practicing .xck-question-area{background:radial-gradient(circle at 8% 6%,#6366f114,#0000 30%),linear-gradient(#fff,#f8faff);border-radius:24px}.sentence-page.practice-page.is-practicing .xck-prompt-card{min-height:88px;padding:12px 12px 5px}.sentence-page.practice-page.is-practicing .xck-prompt-card .prompt-label{margin-bottom:5px;font-size:16px}.sentence-page.practice-page.is-practicing .xck-prompt-card h2{font-size:clamp(19px,5.4vw,28px);line-height:1.24}.sentence-page.practice-page.is-practicing .xck-answer-box{min-height:66px;margin:2px auto}.sentence-page.practice-page.is-practicing .word-token{padding:8px 17px;font-size:clamp(17px,5.5vw,23px)}.choice-page.practice-page.is-practicing .xck-prompt-card{min-height:100px;padding:14px 14px 9px}.choice-page.practice-page.is-practicing .xck-prompt-card h2{font-size:clamp(21px,5.8vw,30px);line-height:1.32}.effect-pop{z-index:30}.effect-pop.effect-correct{z-index:30;background:0 0;place-items:center;min-height:auto;padding:0;display:grid;position:absolute;inset:0;overflow:visible}.effect-pop.effect-correct>span,.effect-pop.effect-correct.effect-firework>span{color:#5b21b6;text-shadow:0 3px #ffffffeb,0 12px 28px #4f46e552;border-radius:0;padding:0;font-size:clamp(34px,7vw,82px);line-height:1.06;box-shadow:none!important;background:0 0!important}.effect-pop.effect-correct.effect-firework{z-index:31;background:0 0;position:absolute;inset:0;overflow:hidden}.effect-pop.effect-correct.effect-firework i{width:10px;height:10px;animation-duration:1.18s;box-shadow:0 0 14px}.sentence-page.practice-page.is-practicing .effect-pop.effect-correct{z-index:20;background:0 0;place-items:center;height:38px;min-height:38px;margin:-4px 0 -2px;padding:0;display:grid;position:relative;inset:auto;overflow:visible}.sentence-page.practice-page.is-practicing .effect-pop.effect-correct>span,.sentence-page.practice-page.is-practicing .effect-pop.effect-correct.effect-firework>span{color:#5b21b6;text-shadow:0 2px #fffffff2,0 10px 22px #4f46e542;max-width:min(92%,520px);font-size:clamp(22px,4.2vw,44px);line-height:1}.sentence-page.practice-page.is-practicing .effect-pop.effect-correct.effect-firework{height:42px;min-height:42px;position:relative;inset:auto;overflow:visible}.sentence-page.practice-page.is-practicing .effect-pop.effect-correct.effect-firework i{opacity:.78;width:8px;height:8px;animation-duration:.98s}.effect-correct i:nth-child(20){--x:-360px;--y:-20px;background:#60a5fa;animation-delay:30ms}.effect-correct i:nth-child(21){--x:360px;--y:24px;background:#c084fc;animation-delay:50ms}.effect-correct i:nth-child(22){--x:-250px;--y:-250px;background:#22d3ee;animation-delay:70ms}.effect-correct i:nth-child(23){--x:248px;--y:-250px;background:#f0abfc;animation-delay:90ms}.effect-correct i:nth-child(24){--x:-250px;--y:250px;background:#818cf8;animation-delay:.11s}.effect-correct i:nth-child(25){--x:250px;--y:248px;background:#34d399;animation-delay:.13s}.effect-correct i:nth-child(26){--x:-42px;--y:-330px;background:#facc15;animation-delay:.15s}.effect-correct i:nth-child(27){--x:42px;--y:330px;background:#fb7185;animation-delay:.17s}.effect-correct i:nth-child(28){--x:-332px;--y:88px;background:#a78bfa;animation-delay:.19s}.effect-correct i:nth-child(29){--x:334px;--y:-86px;background:#38bdf8;animation-delay:.21s}.effect-correct i:nth-child(30){--x:-92px;--y:-332px;background:#4ade80;animation-delay:.23s}.effect-correct i:nth-child(31){--x:94px;--y:334px;background:#f472b6;animation-delay:.25s}.effect-correct i:nth-child(32){--x:-188px;--y:-320px;background:#93c5fd;animation-delay:.27s}.effect-correct i:nth-child(33){--x:190px;--y:-318px;background:#ddd6fe;animation-delay:.29s}.effect-correct i:nth-child(34){--x:-188px;--y:318px;background:#67e8f9;animation-delay:.31s}.effect-correct i:nth-child(35){--x:188px;--y:320px;background:#f9a8d4;animation-delay:.33s}.effect-correct i:nth-child(36){--x:-390px;--y:-150px;background:#8b5cf6;animation-delay:.35s}.effect-correct i:nth-child(37){--x:390px;--y:150px;background:#06b6d4;animation-delay:.37s}.complete-modal-grid .completion-time-cell{background:radial-gradient(circle at 12% 18%,#6366f12e,#0000 28%),linear-gradient(135deg,#eef2ff,#f8f7ff)}@keyframes practice-dot-float{0%{transform:translate(-10px,8px)scale(1)}45%{transform:translate(16px,-12px)scale(1.035)}to{transform:translate(-6px,18px)scale(1.06)}}@keyframes practice-glow-float{0%{transform:translate(12px,-8px)scale(1)}50%{transform:translate(-16px,10px)scale(1.04)}to{transform:translate(8px,16px)scale(1.07)}}:root[data-theme=dark] .picker-back-link,:root[data-theme=dark] .directory-tab,:root[data-theme=dark] .practice-page.is-selecting .study-side .control-card{border-color:var(--xck-border);color:var(--xck-purple-dark);background:var(--xck-card)}:root[data-theme=dark] .directory-tab:hover{background:#a78bfa24;border-color:#a78bfa80}:root[data-theme=dark] .directory-tab.active{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);border-color:#a78bfab8}:root[data-theme=dark] .practice-page.is-practicing{background:radial-gradient(circle at 12% 14%,#a78bfa2e,#0000 28%),radial-gradient(circle at 88% 10%,#7c3aed29,#0000 30%),radial-gradient(circle at 52% 96%,#38bdf81f,#0000 32%),linear-gradient(135deg,#111827 0%,#182033 52%,#0f172a 100%);border-color:#a78bfa2e;box-shadow:inset 0 0 0 1px #ffffff0a}:root[data-theme=dark] .practice-page.is-practicing .study-topbar,:root[data-theme=dark] .practice-page.is-practicing .study-practice-card,:root[data-theme=dark] .practice-page.is-practicing .xck-question-area{border-color:var(--xck-border);background:#0f172a}:root[data-theme=dark] .effect-pop.effect-correct>span,:root[data-theme=dark] .effect-pop.effect-correct.effect-firework>span{color:#ddd6fe;text-shadow:0 2px #0f172aeb,0 14px 30px #a78bfa6b}.question-header-mini,.question-header-mini.grammar-statusbar{grid-template-columns:minmax(150px,1fr) auto minmax(70px,1fr)}.question-header-left{justify-self:start;align-items:center;gap:8px;min-width:0;display:inline-flex}.card-back-mark{height:30px;color:var(--xck-purple-dark);cursor:pointer;background:#ffffffd1;border:1px solid #6366f13d;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:1000;display:inline-flex;box-shadow:0 8px 18px #6366f114}.card-back-mark:hover{background:var(--xck-purple-soft);transform:translateY(-1px);box-shadow:0 12px 24px #6366f129}.practice-card.practice-fullscreen{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 14%,#6366f133,#0000 28%),radial-gradient(circle at 88% 10%,#7c3aed29,#0000 30%),radial-gradient(circle at 52% 96%,#4cc9f024,#0000 32%),linear-gradient(135deg,#f6f7ff 0%,#eef2ff 52%,#f8fbff 100%)!important}.practice-card.practice-fullscreen:before,.practice-card.practice-fullscreen:after{content:"";pointer-events:none;position:absolute;inset:-18%}.practice-card.practice-fullscreen:before{z-index:0;filter:blur(1.6px);opacity:.48;background:radial-gradient(circle at 8% 18%,#6366f138 0 2.4px,#0000 7px),radial-gradient(circle at 19% 63%,#7c3aed29 0 1.7px,#0000 6px),radial-gradient(circle at 31% 28%,#4cc9f024 0 2px,#0000 7px),radial-gradient(circle at 43% 78%,#6366f121 0 1.4px,#0000 6px),radial-gradient(circle at 57% 13%,#7c3aed2b 0 2.2px,#0000 7px),radial-gradient(circle at 68% 51%,#4cc9f026 0 1.6px,#0000 6px),radial-gradient(circle at 76% 84%,#6366f11f 0 2px,#0000 8px),radial-gradient(circle at 91% 24%,#7c3aed24 0 1.8px,#0000 7px),radial-gradient(circle at 88% 68%,#4cc9f01f 0 1.5px,#0000 6px);animation:24s ease-in-out infinite alternate practice-dot-float}.practice-card.practice-fullscreen:after{z-index:0;filter:blur(8px);opacity:.42;background:radial-gradient(circle at 18% 78%,#ffffffb8,#0000 24%),radial-gradient(circle at 84% 72%,#ffffff7a,#0000 28%);animation:28s ease-in-out infinite alternate practice-glow-float}.practice-card.practice-fullscreen .n-card__content{z-index:1;position:relative}.practice-card.practice-fullscreen .xck-question-area{background:radial-gradient(circle at 8% 6%,#6366f114,#0000 30%),#fff;box-shadow:inset 0 0 0 1px #6366f11a}@media (width<=720px){.question-header-mini,.question-header-mini.grammar-statusbar{grid-template-columns:minmax(112px,1fr) auto minmax(44px,1fr)}.card-back-mark{height:28px;padding:0 9px;font-size:12px}}:root[data-theme=dark] .card-back-mark{border-color:var(--xck-border);color:var(--xck-purple-dark);background:#0f172ab8}:root[data-theme=dark] .practice-card.practice-fullscreen{background:radial-gradient(circle at 12% 14%,#a78bfa33,#0000 28%),radial-gradient(circle at 88% 10%,#7c3aed29,#0000 30%),radial-gradient(circle at 52% 96%,#38bdf821,#0000 32%),linear-gradient(135deg,#111827 0%,#182033 52%,#0f172a 100%)!important}:root[data-theme=dark] .practice-card.practice-fullscreen .xck-question-area{background:#0f172a}.word-token:not(:disabled):hover,.selected-token:not(:disabled):hover,.choice-option:not(:disabled):hover,.lesson-unit-card:not(:disabled):hover,.study-unit-card:hover{box-shadow:0 14px 28px #6366f12e}:root[data-theme=dark] .word-token:not(:disabled):hover,:root[data-theme=dark] .selected-token:not(:disabled):hover,:root[data-theme=dark] .choice-option:not(:disabled):hover,:root[data-theme=dark] .lesson-unit-card:not(:disabled):hover,:root[data-theme=dark] .study-unit-card:hover{box-shadow:0 16px 32px #a78bfa33}.mistake-review-backdrop{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a5c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mistake-review-modal{border-radius:28px;width:min(980px,100vw - 32px);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 30px 90px #0f172a47}.mistake-review-modal .mistake-review-card{background:radial-gradient(circle at 94% 8%,#7c3aed1f,#0000 30%),#fff;border-color:#6366f13d;border-radius:28px;gap:18px;margin:0;padding:24px}.review-modal-title{border-bottom:1px solid #6366f124;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;display:flex}.review-modal-title>div{gap:4px;display:grid}.review-modal-title strong{color:var(--xck-text);font-size:clamp(22px,3vw,32px);line-height:1.18}.review-modal-title span{color:var(--xck-muted);font-weight:900}.review-close-btn{color:var(--xck-purple-dark);cursor:pointer;background:#fff;border:1px solid #6366f13d;border-radius:999px;flex:none;padding:9px 15px;font-weight:1000}.review-close-btn:hover{background:var(--xck-purple-soft);transform:translateY(-1px)}.mistake-review-modal .review-head{grid-template-columns:1fr auto;align-items:center}.mistake-review-modal .review-head strong{font-size:clamp(20px,2.4vw,28px)}.mistake-review-modal .review-prompt{color:var(--xck-text);font-size:clamp(18px,2.2vw,24px);line-height:1.58}.mistake-review-modal .review-answer-box{border-width:2px;min-height:116px;padding:18px}.review-answer-box>span{color:var(--xck-muted);font-weight:900}.mistake-review-modal .review-answer-box button,.mistake-review-modal .review-word-pool button,.mistake-review-modal .review-choice-options button{font-size:clamp(17px,2vw,23px)}.mistake-review-modal .review-answer-box button,.mistake-review-modal .review-word-pool button{padding:11px 18px}.mistake-review-modal .review-word-pool,.mistake-review-modal .review-choice-options{gap:12px}.mistake-review-modal .review-choice-options button{border-radius:18px;padding:15px 16px}.mistake-review-modal .review-feedback{font-size:16px;line-height:1.55}.practice-page.is-practicing:before,.practice-card.practice-fullscreen:before{filter:blur(2px);opacity:.3;background:radial-gradient(circle at 7% 24%,#6366f129 0 1.8px,#0000 8px),radial-gradient(circle at 23% 71%,#7c3aed1c 0 1.3px,#0000 7px),radial-gradient(circle at 38% 17%,#4cc9f01a 0 1.7px,#0000 9px),radial-gradient(circle at 59% 82%,#6366f11a 0 1.2px,#0000 8px),radial-gradient(circle at 72% 34%,#7c3aed1f 0 1.9px,#0000 10px),radial-gradient(circle at 91% 63%,#4cc9f017 0 1.4px,#0000 9px)}:root[data-theme=dark] .practice-page.is-practicing,:root[data-theme=dark] .practice-card.practice-fullscreen{background:radial-gradient(circle at 14% 12%,#a78bfa1f,#0000 26%),radial-gradient(circle at 86% 18%,#7c3aed1a,#0000 28%),linear-gradient(135deg,#111827 0%,#182033 55%,#0f172a 100%)!important}:root[data-theme=dark] .practice-page.is-practicing:before,:root[data-theme=dark] .practice-card.practice-fullscreen:before{filter:blur(2.2px);opacity:.22;background:radial-gradient(circle at 9% 27%,#a78bfa29 0 1.5px,#0000 9px),radial-gradient(circle at 29% 64%,#38bdf817 0 1px,#0000 8px),radial-gradient(circle at 47% 19%,#7c3aed1c 0 1.4px,#0000 10px),radial-gradient(circle at 69% 76%,#a78bfa14 0 1px,#0000 9px),radial-gradient(circle at 88% 42%,#38bdf814 0 1.3px,#0000 10px)}:root[data-theme=dark] .practice-page.is-practicing:after,:root[data-theme=dark] .practice-card.practice-fullscreen:after{content:none;display:none}:root[data-theme=dark] .mistake-review-backdrop{background:#020617a8}:root[data-theme=dark] .mistake-review-modal{box-shadow:0 30px 90px #0000008c}:root[data-theme=dark] .mistake-review-modal .mistake-review-card{background:radial-gradient(circle at 94% 8%,#a78bfa24,#0000 30%),#111827;border-color:#a78bfa42}:root[data-theme=dark] .review-modal-title{border-color:#a78bfa2e}:root[data-theme=dark] .review-modal-title strong,:root[data-theme=dark] .mistake-review-modal .review-head strong,:root[data-theme=dark] .mistake-review-modal .review-prompt,:root[data-theme=dark] .review-choice-options button span{color:var(--xck-text)}:root[data-theme=dark] .review-close-btn,:root[data-theme=dark] .review-answer-box button,:root[data-theme=dark] .review-word-pool button,:root[data-theme=dark] .review-choice-options button{color:var(--xck-text);background:#a78bfa24;border:1px solid #a78bfa38}:root[data-theme=dark] .review-answer-box>span,:root[data-theme=dark] .review-modal-title span,:root[data-theme=dark] .review-head span,:root[data-theme=dark] .review-complete span{color:var(--xck-muted)}:root[data-theme=dark] .review-answer-box.success,:root[data-theme=dark] .review-choice-options button.correct{color:#dcfce7;background:#065f4652;border-color:#34d3999e}:root[data-theme=dark] .review-answer-box.danger,:root[data-theme=dark] .review-choice-options button.wrong{color:#ffe4e6;background:#88133757;border-color:#fb7185a3}:root[data-theme=dark] .review-feedback{color:#ddd6fe;background:#a78bfa26}:root[data-theme=dark] .review-feedback.success{color:#bbf7d0;background:#065f4657}:root[data-theme=dark] .review-feedback.danger{color:#fecdd3;background:#88133757}:root[data-theme=dark] .mistake-review-section.is-focused{border-color:#a78bfabd;box-shadow:0 0 0 4px #a78bfa24,0 18px 42px #00000057}.directory-tab:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.sentence-page .xck-prompt-card,.sentence-page .xck-prompt-card .prompt-label,.sentence-page .xck-prompt-card h2,.choice-page .xck-prompt-card,.choice-page .xck-prompt-card h2{text-align:left}.sentence-page.practice-page.is-practicing .xck-prompt-card{padding-right:clamp(120px,30vw,260px);position:relative;overflow:hidden}.sentence-prompt-copy{z-index:2;position:relative}.sentence-page .xck-answer-box{text-align:left;place-content:flex-start}.sentence-page.practice-page.is-practicing .sentence-prompt-effect,.sentence-page.practice-page.is-practicing .sentence-prompt-effect.effect-correct,.sentence-page.practice-page.is-practicing .sentence-prompt-effect.effect-correct.effect-firework{z-index:3;pointer-events:none;background:0 0;place-items:center;width:auto;height:auto;min-height:0;margin:0;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}.sentence-page.practice-page.is-practicing .sentence-prompt-effect.effect-wrong{color:#ef4444;font-size:clamp(30px,4vw,48px);line-height:1}.sentence-page.practice-page.is-practicing .sentence-prompt-effect.effect-correct>span,.sentence-page.practice-page.is-practicing .sentence-prompt-effect.effect-correct.effect-firework>span{color:#5b21b6;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px #fffffff2,0 10px 22px #4f46e542;max-width:min(42%,320px);padding:0;font-size:clamp(18px,3.1vw,34px);line-height:1.05;overflow:hidden;box-shadow:none!important;background:0 0!important}.sentence-page.practice-page.is-practicing .sentence-prompt-effect.effect-correct.effect-firework i{opacity:.7;width:6px;height:6px}.mistake-review-modal .review-actions{margin-top:4px}.mistake-review-modal .review-actions button{min-height:44px;padding:11px 20px;font-size:15px}.mistake-review-modal .review-actions button:nth-child(2):not(:disabled){min-width:104px}@media (width<=720px){.picker-top-row{flex-direction:column;align-items:stretch}.directory-tab-strip{flex:auto}.directory-tab{max-width:none}.sentence-page.practice-page.is-practicing .xck-prompt-card{padding-right:12px}.sentence-page.practice-page.is-practicing .sentence-prompt-effect,.sentence-page.practice-page.is-practicing .sentence-prompt-effect.effect-correct,.sentence-page.practice-page.is-practicing .sentence-prompt-effect.effect-correct.effect-firework{place-items:start end;padding:10px 12px}.sentence-page.practice-page.is-practicing .sentence-prompt-effect.effect-correct>span,.sentence-page.practice-page.is-practicing .sentence-prompt-effect.effect-correct.effect-firework>span{max-width:46%;font-size:clamp(17px,5vw,26px)}.mistake-review-backdrop{padding:12px}.mistake-review-modal{width:min(100%,100vw - 12px);max-height:calc(100vh - 24px)}.mistake-review-modal .mistake-review-card{border-radius:22px;padding:18px}.review-modal-title{flex-direction:column}.review-close-btn{width:100%}}