:root{--bg: #080a12;--sf: #111520;--sf2: #171c2c;--sf3: #1e2438;--bd: rgba(255, 255, 255, .06);--bd2: rgba(255, 255, 255, .1);--tx: #eaeaf4;--tx2: #8b8ea6;--tx3: #52556e;--ac: #ff4d6d;--ac2: rgba(255, 77, 109, .12);--gn: #00d4b1;--gn2: rgba(0, 212, 177, .12);--gd: #fbbf24;--gd2: rgba(251, 191, 36, .12);--bl: #60a5fa;--bl2: rgba(96, 165, 250, .12);--pu: #a78bfa;--pu2: rgba(167, 139, 250, .12);--or: #fb923c;--or2: rgba(251, 146, 60, .12);--r: 14px;--r2: 20px;--sh: 0 4px 24px rgba(0, 0, 0, .4);--glass: rgba(255, 255, 255, .03);--glass2: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--tx);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sf3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--tx3)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(ellipse at 15% -5%,rgba(99,102,241,.08) 0%,transparent 45%),radial-gradient(ellipse at 85% 105%,rgba(0,212,177,.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(255,77,109,.02) 0%,transparent 70%);pointer-events:none}.app{max-width:960px;margin:0 auto;padding:16px;position:relative;z-index:1}.hdr{text-align:center;padding:32px 0 20px}.hdr h1{font-family:Sora;font-size:2.2em;font-weight:800;letter-spacing:-1.5px;background:linear-gradient(135deg,#ff4d6d,#fbbf24,#00d4b1,#60a5fa,#a78bfa);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 6s ease infinite;filter:drop-shadow(0 0 30px rgba(99,102,241,.12))}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:300% center}}.hdr p{color:var(--tx2);font-size:.82em;margin-top:8px;letter-spacing:.5px;font-weight:400}.upload-zone{border:2px dashed var(--bd2);border-radius:var(--r2);padding:36px 24px;text-align:center;margin-bottom:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:linear-gradient(135deg,#6366f10a,#a78bfa0a,#00d4b105)}.upload-zone:hover,.upload-zone.drag{border-color:var(--bl);background:var(--bl2);transform:translateY(-1px);box-shadow:0 8px 24px #60a5fa1a}.upload-zone.processing{border-color:var(--or);background:var(--or2);pointer-events:none}.uz-icon{font-size:2em;margin-bottom:6px;display:block}.uz-title{font-family:Sora;font-size:.95em;font-weight:600;margin-bottom:3px}.uz-sub{font-size:.78em;color:var(--tx3)}.uz-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.uz-progress{margin-top:10px;display:none}.uz-progress.vis{display:block}.uz-pbar{background:var(--sf);border-radius:6px;height:6px;overflow:hidden}.uz-pfill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--bl),var(--pu));transition:width .3s;width:0%}.uz-ptext{font-size:.76em;color:var(--tx2);margin-top:5px}.deck-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.dchip{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:6px 12px;font-size:.78em;display:flex;align-items:center;gap:6px;color:var(--tx2);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.dchip:hover{border-color:var(--pu);color:var(--tx);background:var(--glass2)}.dchip.on{background:var(--pu2);border-color:var(--pu);color:#fff;font-weight:600;box-shadow:0 2px 8px #a78bfa26}.dchip .cnt{font-size:.8em;opacity:.5}.dchip .x{cursor:pointer;opacity:.5;font-size:1.1em;line-height:1}.dchip .x:hover{opacity:1;color:var(--ac)}.stats{display:flex;gap:8px;justify-content:center;margin:10px 0 14px;flex-wrap:wrap}.st{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:12px 20px;text-align:center;min-width:90px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.st:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}.st:nth-child(1):before{background:linear-gradient(90deg,var(--bl),#818cf8)}.st:nth-child(2):before{background:linear-gradient(90deg,var(--gn),#34d399)}.st:nth-child(3):before{background:linear-gradient(90deg,var(--ac),#f472b6)}.st:nth-child(4):before{background:linear-gradient(90deg,var(--gd),#fcd34d)}.st:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000040;border-color:var(--bd2)}.st-n{font-family:Sora;font-size:1.5em;font-weight:800;letter-spacing:-.5px}.st-l{font-size:.62em;color:var(--tx3);text-transform:uppercase;letter-spacing:1.2px;margin-top:4px;font-weight:500}.st-n.g{color:var(--gn)}.st-n.r{color:var(--ac)}.st-n.y{color:var(--gd)}.st-n.b{color:var(--bl)}.pbar{background:var(--sf);border-radius:8px;height:7px;margin:0 0 14px;overflow:hidden;border:1px solid var(--bd)}.pfill{height:100%;border-radius:8px;background:linear-gradient(90deg,#6366f1,var(--gn),var(--gd));background-size:200% 100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #6366f14d;animation:progressGlow 3s ease-in-out infinite}@keyframes progressGlow{0%,to{box-shadow:0 0 8px #6366f14d}50%{box-shadow:0 0 16px #00d4b166}}.filter-row{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.filter-row label{font-size:.72em;color:var(--tx3);text-transform:uppercase;letter-spacing:1px}.fbtn{background:var(--sf);border:1px solid var(--bd);color:var(--tx2);border-radius:8px;padding:5px 12px;cursor:pointer;font-size:.75em;transition:all .2s;font-family:DM Sans}.fbtn:hover{border-color:var(--bl);color:var(--tx)}.fbtn.on{background:var(--ac2);border-color:var(--ac);color:#fff;font-weight:600}.topics{margin-bottom:14px}.topics label{font-size:.72em;color:var(--tx3);text-transform:uppercase;letter-spacing:1.5px;display:block;margin-bottom:6px}.tgrid{display:flex;flex-wrap:wrap;gap:5px;max-height:110px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sf3) transparent;padding:2px 0}.tbtn{background:var(--sf);border:1px solid var(--bd);color:var(--tx2);border-radius:10px;padding:5px 11px;cursor:pointer;font-size:.76em;transition:all .2s;font-family:DM Sans;white-space:nowrap}.tbtn:hover{border-color:var(--ac);color:var(--tx);background:var(--ac2)}.tbtn.on{background:var(--ac2);border-color:var(--ac);color:#fff;font-weight:600}.tbtn .c{font-size:.75em;opacity:.5;margin-left:3px}.modes{display:flex;gap:3px;margin-bottom:18px;border-radius:16px;padding:4px;background:linear-gradient(135deg,var(--sf),rgba(17,21,32,.8));border:1px solid var(--bd);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modes::-webkit-scrollbar{display:none}.mbtn{flex:none;padding:9px 14px;border-radius:11px;border:none;cursor:pointer;font-family:Sora;font-size:.76em;font-weight:500;color:var(--tx2);background:transparent;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.mbtn svg,.fbtn svg,.streak-fire svg,.streak-xp svg,.streak-wod svg,.streak-btn svg,.search-icon svg{vertical-align:middle;display:inline}.fbtn,.streak-fire,.streak-xp,.streak-wod{display:inline-flex;align-items:center;gap:4px}.mbtn:hover{color:var(--tx);background:#ffffff0a}.mbtn.on{color:#fff;font-weight:700;box-shadow:0 4px 16px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.2)}.mbtn.on[data-m=flashcard]{background:linear-gradient(135deg,var(--ac),#d63384)}.mbtn.on[data-m=quiz]{background:linear-gradient(135deg,var(--bl),#3b82f6)}.mbtn.on[data-m=fill]{background:linear-gradient(135deg,var(--gn),#059669)}.mbtn.on[data-m=match]{background:linear-gradient(135deg,var(--pu),#7c3aed)}.mbtn.on[data-m=spell]{background:linear-gradient(135deg,var(--or),#ea580c)}.mbtn.on[data-m=list]{background:linear-gradient(135deg,var(--gd),#d97706)}.mbtn.on[data-m=practice]{background:linear-gradient(135deg,#06b6d4,#8b5cf6)}.mbtn.on[data-m=vocabplus]{background:linear-gradient(135deg,#10b981,#06b6d4)}.mbtn.on[data-m=ielts]{background:linear-gradient(135deg,#f59e0b,#ef4444)}.panel{display:none}.panel.vis{display:block}.empty{text-align:center;padding:48px 24px;color:var(--tx3)}.empty-icon{font-size:2.5em;margin-bottom:8px;display:block}.empty-msg{font-size:.95em}.fc-wrap{perspective:1200px;max-width:540px;margin:0 auto 14px;height:300px;cursor:pointer;touch-action:pan-y}.fc-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.fc-inner.flip{transform:rotateY(180deg)}.fc-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;border:1px solid var(--bd2)}.fc-front{background:linear-gradient(150deg,#151a2c,#1a2040,#161d35);box-shadow:0 12px 40px #0006,0 0 80px #6366f10a,inset 0 1px #ffffff14}.fc-back{background:linear-gradient(150deg,#0e2236,#151d3a,#131c30);transform:rotateY(180deg);box-shadow:0 12px 40px #0006,0 0 80px #00d4b10a}.fc-tag{position:absolute;top:14px;left:18px;font-size:.65em;color:var(--ac);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-num{position:absolute;top:14px;right:18px;font-size:.72em;color:var(--tx3);font-family:Sora}.fc-word{font-family:Sora;font-size:2.2em;font-weight:800;text-align:center;line-height:1.15;margin-bottom:10px;word-break:break-word;text-shadow:0 0 40px rgba(255,255,255,.06);letter-spacing:-.5px}.fc-ph{font-size:1em;color:var(--gn);font-style:italic}.fc-mean{font-size:1.4em;font-weight:700;text-align:center;color:var(--gd);word-break:break-word}.fc-img-wrap{margin:6px 0;display:none;text-align:center}.fc-img{max-width:140px;max-height:90px;border-radius:10px;object-fit:cover;border:1px solid var(--bd2);display:none}.fc-img-loading{width:140px;height:90px;border-radius:10px;margin:0 auto;background:linear-gradient(90deg,var(--sf2) 25%,var(--sf3) 50%,var(--sf2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fc-hint{position:absolute;bottom:14px;font-size:.68em;color:var(--tx3)}.fc-speak{position:absolute;bottom:14px;right:18px;background:none;border:1px solid var(--bd2);color:var(--tx2);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:.8em;transition:all .2s}.fc-speak:hover{border-color:var(--bl);color:var(--bl);background:var(--bl2)}.fc-swipe{position:absolute;font-size:3em;opacity:0;transition:opacity .15s;pointer-events:none}.fc-swipe.left{left:20px;color:var(--ac)}.fc-swipe.right{right:20px;color:var(--gn)}.brow{display:flex;gap:10px;justify-content:center;margin:10px 0;flex-wrap:wrap}.btn{border:none;border-radius:12px;padding:11px 24px;font-family:Sora;font-size:.8em;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fff;position:relative;overflow:hidden;letter-spacing:.2px}.btn:active{transform:scale(.96)}.btn-g{background:linear-gradient(135deg,var(--gn),#059669);box-shadow:0 3px 12px #00c9a740}.btn-g:hover{filter:brightness(1.1);box-shadow:0 4px 18px #00c9a759;transform:translateY(-1px)}.btn-r{background:linear-gradient(135deg,var(--ac),#d63384);box-shadow:0 3px 12px #ff4d6d40}.btn-r:hover{filter:brightness(1.1);box-shadow:0 4px 18px #ff4d6d59;transform:translateY(-1px)}.btn-o{background:var(--sf2);border:1px solid var(--bd2);color:var(--tx)}.btn-o:hover{background:var(--sf3)}.btn-y{background:var(--gd2);border:1px solid rgba(251,191,36,.3);color:var(--gd)}.btn-y:hover{background:#fbbf2440}.btn-sm{padding:7px 14px;font-size:.72em}.keys{text-align:center;margin-top:6px;font-size:.68em;color:var(--tx3)}.keys kbd{background:var(--sf2);border-radius:4px;padding:1px 5px;font-family:Sora;font-size:.9em;border:1px solid var(--bd)}.qz-wrap{max-width:540px;margin:0 auto}.qz-q{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:28px;text-align:center;margin-bottom:14px}.qz-w{font-family:Sora;font-size:1.8em;font-weight:700;margin-bottom:6px}.qz-p{color:var(--gn);font-style:italic}.qz-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qz-o{background:var(--sf);border:2px solid var(--bd2);border-radius:16px;padding:16px;cursor:pointer;font-size:.9em;color:var(--tx);transition:all .2s cubic-bezier(.4,0,.2,1);font-family:DM Sans;text-align:center;font-weight:500}.qz-o:active:not(.dis){transform:scale(.96)}.qz-o:hover:not(.dis){border-color:var(--bl);background:var(--bl2);transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa1a}.qz-o.ok{border-color:var(--gn)!important;background:var(--gn2)!important;color:var(--gn)!important}.qz-o.no{border-color:var(--ac)!important;background:var(--ac2)!important;color:var(--ac)!important}.qz-o.dis{pointer-events:none;opacity:.85}.qz-score{text-align:center;margin-top:10px;font-size:.83em;color:var(--tx2)}.qz-dir{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.qz-dir-btn{background:var(--sf);border:1px solid var(--bd);color:var(--tx2);border-radius:8px;padding:5px 12px;cursor:pointer;font-size:.73em;transition:all .2s;font-family:DM Sans}.qz-dir-btn:hover{border-color:var(--bl);color:var(--tx)}.qz-dir-btn.on{background:var(--bl2);border-color:var(--bl);color:#fff;font-weight:600}.fl-wrap{max-width:540px;margin:0 auto}.fl-q{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:28px;text-align:center;margin-bottom:14px}.fl-blanks{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:14px 0}.fl-char{width:36px;height:44px;border-radius:10px;border:2px solid var(--bd2);background:var(--sf2);display:flex;align-items:center;justify-content:center;font-family:Sora;font-size:1.2em;font-weight:700;color:var(--tx);transition:all .2s}.fl-char.filled{border-color:var(--bl);background:var(--bl2)}.fl-char.ok{border-color:var(--gn)!important;background:var(--gn2)!important;color:var(--gn)!important}.fl-char.no{border-color:var(--ac)!important;background:var(--ac2)!important;color:var(--ac)!important}.fl-meaning{font-size:1.05em;color:var(--gd);font-weight:600;margin-bottom:4px}.fl-ph{font-size:.83em;color:var(--gn);font-style:italic;margin-bottom:10px}.fl-hint-word{font-family:Sora;font-size:.9em;color:var(--tx2);margin-bottom:6px}.fl-input{width:100%;max-width:300px;padding:11px 16px;border-radius:12px;border:2px solid var(--bd2);background:var(--sf2);color:var(--tx);font-family:DM Sans;font-size:1em;text-align:center;outline:none;transition:border-color .2s}.fl-input:focus{border-color:var(--bl)}.fl-input:disabled{opacity:.5}.fl-result{margin-top:10px;font-size:.95em;font-weight:600}.fl-result.ok{color:var(--gn)}.fl-result.no{color:var(--ac)}.mt-wrap{max-width:680px;margin:0 auto}.mt-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.mt-col-label{font-size:.72em;color:var(--tx3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-align:center}.mt-col{display:flex;flex-direction:column;gap:7px}.mt-card{padding:14px 16px;border-radius:14px;border:2px solid var(--bd2);background:var(--sf);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;font-size:.86em}.mt-card:hover:not(.matched){border-color:var(--pu);background:var(--pu2);transform:translateY(-1px);box-shadow:0 4px 12px #a78bfa1a}.mt-card.sel{border-color:var(--pu);background:var(--pu2);box-shadow:0 0 20px #a78bfa40;transform:scale(1.02)}.mt-card.matched{border-color:var(--gn);background:var(--gn2);color:var(--gn);pointer-events:none;opacity:.65}.mt-card.wrong{animation:shake .4s;border-color:var(--ac);background:var(--ac2)}.mt-card .mt-en{font-weight:600}.mt-card .mt-vi{color:var(--gd);font-weight:600}.mt-info{text-align:center;color:var(--tx2);font-size:.83em;margin-bottom:10px}.mt-timer{font-family:Sora;font-size:1.4em;font-weight:700;text-align:center;color:var(--bl);margin-bottom:10px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sp-wrap{max-width:540px;margin:0 auto;text-align:center}.sp-q{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:24px;margin-bottom:14px}.sp-meaning{font-size:1.15em;color:var(--gd);font-weight:600;margin-bottom:6px}.sp-ph{font-size:.88em;color:var(--gn);font-style:italic;margin-bottom:10px}.sp-hint-text{font-size:.78em;color:var(--tx3);margin-bottom:4px}.sp-letters{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin:14px 0}.sp-let{width:34px;height:40px;border-radius:8px;border:2px solid var(--bd2);background:var(--sf2);display:flex;align-items:center;justify-content:center;font-family:Sora;font-size:1.05em;font-weight:600;color:var(--tx);transition:all .2s}.sp-let.cur{border-color:var(--or);box-shadow:0 0 10px #fb923c40}.sp-let.ok{border-color:var(--gn);background:var(--gn2);color:var(--gn)}.sp-let.no{border-color:var(--ac);background:var(--ac2);color:var(--ac)}.sp-scramble{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:10px 0}.sp-sbtn{width:38px;height:42px;border-radius:10px;border:2px solid var(--bd2);background:var(--sf);cursor:pointer;font-family:Sora;font-size:1.05em;font-weight:600;color:var(--tx);transition:all .15s;display:flex;align-items:center;justify-content:center}.sp-sbtn:hover:not(.used){border-color:var(--or);background:var(--or2)}.sp-sbtn.used{opacity:.25;pointer-events:none}.sp-sbtn.locked{pointer-events:none}.ls-wrap{max-width:700px;margin:0 auto}.ls-search{width:100%;padding:10px 16px;border-radius:12px;border:1px solid var(--bd2);background:var(--sf);color:var(--tx);font-family:DM Sans;font-size:.9em;outline:none;margin-bottom:10px}.ls-search:focus{border-color:var(--bl)}.ls-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--bd);transition:background .15s}.ls-item:hover{background:#ffffff05}.ls-i{font-family:Sora;font-size:.73em;color:var(--tx3);min-width:28px}.ls-w{font-weight:600;flex:1;min-width:100px}.ls-p{color:var(--gn);font-size:.8em;flex:1}.ls-m{color:var(--gd);flex:1;text-align:right;font-size:.88em}.ls-status{width:8px;height:8px;border-radius:50%;flex:none}.ls-status.known{background:var(--gn)}.ls-status.unknown{background:var(--ac)}.ls-status.none{background:var(--tx3);opacity:.3}.ls-topic{font-size:.7em;color:var(--tx3);flex:none;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.done-overlay{background:linear-gradient(135deg,var(--sf),var(--sf2));border:1px solid rgba(0,212,177,.2);border-radius:24px;padding:40px;text-align:center;max-width:420px;margin:0 auto;box-shadow:0 8px 32px #0003,0 0 60px #00d4b10a;animation:authSlideIn .4s cubic-bezier(.16,1,.3,1)}.done-overlay .done-icon{font-size:3.5em;margin-bottom:12px;display:block;animation:doneBounce .6s cubic-bezier(.68,-.55,.27,1.55)}@keyframes doneBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.done-overlay .done-title{font-family:Sora;font-size:1.4em;font-weight:800;color:var(--gn);margin-bottom:6px;letter-spacing:-.3px}.done-overlay .done-sub{color:var(--tx2);font-size:.88em;line-height:1.5}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(24px);background:#111520e6;border:1px solid var(--bd2);border-radius:14px;padding:12px 28px;font-size:.86em;font-weight:500;z-index:200;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:0 12px 40px #0006}.toast.vis{opacity:1;transform:translate(-50%) translateY(0)}.toast.ok{border-color:var(--gn);color:var(--gn)}.toast.err{border-color:var(--ac);color:var(--ac)}.pr-wrap{max-width:700px;margin:0 auto}.pr-skills{display:flex;gap:4px;margin-bottom:16px;border-radius:14px;padding:4px;background:var(--sf);border:1px solid var(--bd)}.pr-skill-btn{flex:1;padding:10px 8px;border-radius:10px;border:none;cursor:pointer;font-family:Sora;font-size:.73em;font-weight:500;color:var(--tx2);background:transparent;transition:all .2s;text-align:center}.pr-skill-btn:hover{color:var(--tx);background:#ffffff0a}.pr-skill-btn.on{color:#fff;font-weight:700}.pr-skill-btn[data-sk=listening].on{background:linear-gradient(135deg,#06b6d4,#0891b2)}.pr-skill-btn[data-sk=speaking].on{background:linear-gradient(135deg,#f59e0b,#d97706)}.pr-skill-btn[data-sk=reading].on{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.pr-skill-btn[data-sk=writing].on{background:linear-gradient(135deg,#10b981,#059669)}.pr-skill-icon{font-size:1.4em;display:block;margin-bottom:2px}.pr-topic-info{text-align:center;margin-bottom:14px;font-size:.82em;color:var(--tx2)}.pr-topic-info strong{color:var(--tx);font-weight:600}.pr-generate{display:flex;justify-content:center;margin-bottom:16px}.pr-gen-btn{background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:none;color:#fff;padding:10px 28px;border-radius:12px;font-family:Sora;font-size:.85em;font-weight:600;cursor:pointer;transition:all .2s}.pr-gen-btn:hover{filter:brightness(1.15);transform:scale(1.02)}.pr-gen-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pr-content{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:24px;min-height:200px}.pr-chat-toggle{position:fixed;bottom:20px;right:20px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;font-size:1.3em;cursor:pointer;box-shadow:0 4px 20px #6366f166,0 0 40px #6366f11a;z-index:100;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;animation:chatPulse 3s ease-in-out infinite}@keyframes chatPulse{0%,to{box-shadow:0 4px 20px #6366f166}50%{box-shadow:0 4px 20px #6366f166,0 0 20px #6366f133}}.pr-chat-toggle:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 24px #6366f180}.pr-chat-panel{position:fixed;bottom:82px;right:20px;width:380px;max-height:520px;background:linear-gradient(145deg,var(--sf),var(--sf2));border:1px solid var(--bd2);border-radius:22px;box-shadow:0 16px 64px #00000080,0 0 80px #6366f10f;z-index:99;display:none;flex-direction:column;overflow:hidden;animation:chatPanelIn .35s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes chatPanelIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pr-chat-panel.open{display:flex}.pr-chat-head{padding:12px 16px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:8px}.pr-chat-head-title{font-family:Sora;font-weight:700;font-size:.9em;color:var(--tx);flex:1}.pr-chat-head-close{background:none;border:none;color:var(--tx3);font-size:1.2em;cursor:pointer}.pr-chat-msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:340px}.pr-chat-msg{padding:8px 12px;border-radius:12px;font-size:.82em;line-height:1.6;max-width:90%;word-wrap:break-word}.pr-chat-msg.user{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.pr-chat-msg.ai{background:var(--sf2);color:var(--tx);align-self:flex-start;border-bottom-left-radius:4px}.pr-chat-msg.ai.loading{color:var(--tx3);font-style:italic}.pr-chat-input-wrap{padding:10px;border-top:1px solid var(--bd);display:flex;gap:6px}.pr-chat-input{flex:1;padding:8px 12px;border-radius:10px;border:1px solid var(--bd);background:var(--sf2);color:var(--tx);font-size:.82em;font-family:inherit;outline:none}.pr-chat-input:focus{border-color:var(--pu)}.pr-chat-send{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:8px 14px;border-radius:10px;font-size:.82em;cursor:pointer;font-family:Sora;font-weight:600}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:10px 16px;margin:0 0 12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.search-wrap:focus-within{border-color:var(--pu);box-shadow:0 0 0 3px #a78bfa1f,0 4px 16px #0000001a}.search-icon{font-size:1em;opacity:.5}.search-input{flex:1;background:transparent;border:none;color:var(--tx);font-size:.88em;font-family:inherit;outline:none}.search-input::placeholder{color:var(--tx3)}.search-clear{background:none;border:none;color:var(--tx3);font-size:1.2em;cursor:pointer;padding:0 4px}.search-results{background:var(--sf);border:1px solid var(--bd);border-radius:12px;padding:8px;margin:-8px 0 12px;max-height:240px;overflow-y:auto}.search-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:.85em}.search-item:hover{background:var(--sf2)}.search-item-word{font-weight:600;color:var(--tx)}.search-item-mean{color:var(--tx3);font-size:.9em;max-width:50%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item-topic{font-size:.72em;color:var(--pu);background:#a855f71f;padding:2px 6px;border-radius:4px;margin-left:6px}.search-count{font-size:.78em;color:var(--tx3);padding:4px 8px}.streak-bar{display:flex;align-items:center;gap:12px;padding:11px 18px;background:linear-gradient(135deg,var(--sf),var(--sf2));border:1px solid var(--bd);border-radius:16px;margin-bottom:14px;flex-wrap:wrap;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.streak-bar:hover{border-color:var(--bd2);box-shadow:0 4px 16px #00000026}.streak-fire{font-weight:700;font-size:.88em;color:#f59e0b}.streak-xp{font-weight:700;font-size:.88em;color:#6366f1}.streak-wod{font-size:.82em;color:var(--pu);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.streak-wod:hover{color:var(--tx)}.streak-actions{margin-left:auto;display:flex;gap:4px}.streak-btn{background:var(--sf2);border:1px solid var(--bd);color:var(--tx2);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:.9em;display:flex;align-items:center;justify-content:center;transition:all .15s}.streak-btn:hover{background:var(--sf3);color:var(--tx)}.fc-star{position:absolute;top:14px;right:44px;font-size:1.2em;cursor:pointer;opacity:.4;transition:all .15s;background:none;border:none}.fc-star:hover,.fc-star.on{opacity:1;transform:scale(1.2)}.wod-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;display:none;align-items:center;justify-content:center}.wod-overlay.open{display:flex}.wod-card{background:linear-gradient(145deg,var(--sf),var(--sf2));border:1px solid var(--bd2);border-radius:28px;padding:36px;max-width:420px;width:92%;text-align:center;box-shadow:0 24px 80px #00000080,0 0 80px #a78bfa0f;animation:authSlideIn .45s cubic-bezier(.16,1,.3,1)}.wod-label{font-size:.72em;color:var(--tx3);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.wod-word{font-family:Sora;font-size:2em;font-weight:800;color:var(--tx);margin-bottom:6px;letter-spacing:-.5px}.wod-ph{font-size:.85em;color:var(--gd);margin-bottom:6px}.wod-mean{font-size:1em;color:var(--tx2);margin-bottom:12px}.wod-topic{font-size:.72em;color:var(--pu);background:#a855f71f;padding:3px 10px;border-radius:6px;display:inline-block}.wod-close{margin-top:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:8px 24px;border-radius:10px;font-family:Sora;cursor:pointer}body.light{--bg: #f0f2f8;--sf: #ffffff;--sf2: #f5f6fa;--sf3: #ebedf3;--bd: rgba(0, 0, 0, .06);--bd2: rgba(0, 0, 0, .12);--tx: #1a1f2e;--tx2: #4b5563;--tx3: #9ca3af;--sh: 0 2px 12px rgba(0, 0, 0, .06);--glass: rgba(255, 255, 255, .6);--glass2: rgba(255, 255, 255, .8)}body.light:before{background:radial-gradient(ellipse at 15% -5%,rgba(99,102,241,.06) 0%,transparent 45%),radial-gradient(ellipse at 85% 105%,rgba(0,212,177,.04) 0%,transparent 45%)}body.light .fc-front{background:linear-gradient(150deg,#fff,#f8f9ff);box-shadow:0 8px 32px #0000000f,0 0 0 1px #0000000a;border-color:#00000014}body.light .fc-back{background:linear-gradient(150deg,#f8f9ff,#fff);box-shadow:0 8px 32px #0000000f;border-color:#00000014}body.light .st:hover{box-shadow:0 8px 24px #0000000f}body.light .auth-card{box-shadow:0 24px 80px #0000001a;border-color:#00000014}body.light .modes,body.light .streak-bar{background:#fffc;box-shadow:0 2px 8px #0000000a}body.light .upload-zone{background:linear-gradient(135deg,#6366f108,#a78bfa08)}body.light .wod-card{box-shadow:0 24px 80px #0000001a}.pr-loading{text-align:center;padding:40px;color:var(--tx2)}.pr-loading .pr-spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--bd2);border-top-color:var(--bl);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}.pr-loading-text{font-size:.85em;font-family:Sora}.pr-empty{text-align:center;padding:30px;color:var(--tx3);font-size:.9em}.pr-section{margin-bottom:18px}.pr-section-title{font-family:Sora;font-size:.82em;font-weight:700;color:var(--bl);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.pr-passage{background:var(--sf2);border:1px solid var(--bd);border-radius:12px;padding:16px;font-size:.92em;line-height:1.7;color:var(--tx);margin-bottom:14px;white-space:pre-wrap}.pr-listen-btn{background:var(--bl2);border:1px solid var(--bl);color:var(--bl);border-radius:10px;padding:8px 18px;cursor:pointer;font-family:Sora;font-size:.8em;font-weight:600;transition:all .2s;margin-bottom:12px;display:inline-flex;align-items:center;gap:6px}.pr-listen-btn:hover{background:var(--bl);color:#fff}.pr-q-item{background:var(--sf2);border:1px solid var(--bd);border-radius:12px;padding:14px;margin-bottom:10px}.pr-q-text{font-weight:600;margin-bottom:8px;font-size:.9em}.pr-q-opts{display:flex;flex-direction:column;gap:5px}.pr-q-opt{background:var(--sf);border:1px solid var(--bd2);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:.85em;transition:all .2s;text-align:left}.pr-q-opt:hover:not(.dis){border-color:var(--bl);background:var(--bl2)}.pr-q-opt.correct{border-color:var(--gn)!important;background:var(--gn2)!important;color:var(--gn)!important}.pr-q-opt.wrong{border-color:var(--ac)!important;background:var(--ac2)!important;color:var(--ac)!important}.pr-q-opt.dis{pointer-events:none;opacity:.8}.pr-q-answer{margin-top:8px;font-size:.82em;color:var(--gn);display:none}.pr-q-answer.vis{display:block}.pr-speak-item{background:var(--sf2);border:1px solid var(--bd);border-radius:12px;padding:16px;margin-bottom:10px}.pr-speak-q{font-weight:600;font-size:.95em;margin-bottom:8px;color:var(--gd)}.pr-speak-hint{font-size:.82em;color:var(--tx2);line-height:1.6}.pr-speak-toggle{background:none;border:1px solid var(--bd2);color:var(--tx2);border-radius:8px;padding:5px 12px;cursor:pointer;font-size:.75em;margin-top:6px;transition:all .2s}.pr-speak-toggle:hover{border-color:var(--gd);color:var(--gd)}.pr-write-prompt{background:var(--sf2);border:1px solid var(--bd);border-radius:12px;padding:18px;margin-bottom:14px}.pr-write-prompt h3{font-family:Sora;font-size:1em;color:var(--gd);margin-bottom:6px}.pr-write-prompt p{font-size:.9em;line-height:1.6;color:var(--tx)}.pr-write-vocab{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.pr-write-vocab span{background:var(--pu2);border:1px solid rgba(167,139,250,.3);color:var(--pu);border-radius:6px;padding:3px 10px;font-size:.78em;font-weight:500}.pr-model-essay{background:var(--sf2);border:1px solid var(--gn);border-radius:12px;padding:16px;font-size:.88em;line-height:1.7;color:var(--tx);display:none;white-space:pre-wrap}.pr-model-essay.vis{display:block}.pr-model-toggle{background:var(--gn2);border:1px solid rgba(0,201,167,.3);color:var(--gn);border-radius:10px;padding:8px 18px;cursor:pointer;font-family:Sora;font-size:.8em;font-weight:600;transition:all .2s}.pr-model-toggle:hover{background:var(--gn);color:#fff}.pr-score{text-align:center;margin-top:12px;font-size:.85em;color:var(--tx2);font-family:Sora}.vp-wrap{max-width:720px;margin:0 auto}.vp-header{text-align:center;margin-bottom:14px}.vp-header .vp-topic{font-family:Sora;font-size:.85em;color:var(--tx2)}.vp-header .vp-topic strong{color:var(--tx)}.vp-gen-row{display:flex;justify-content:center;margin-bottom:16px}.vp-gen-btn{background:linear-gradient(135deg,#10b981,#06b6d4);border:none;color:#fff;padding:10px 28px;border-radius:12px;font-family:Sora;font-size:.85em;font-weight:600;cursor:pointer;transition:all .2s}.vp-gen-btn:hover{filter:brightness(1.15);transform:scale(1.02)}.vp-gen-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vp-content{display:flex;flex-direction:column;gap:10px}.vp-card{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:16px;transition:all .2s}.vp-card:hover{border-color:var(--bd2);background:var(--sf2)}.vp-card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}.vp-card-word{font-family:Sora;font-size:1.1em;font-weight:700;color:var(--tx)}.vp-card-ph{font-size:.82em;color:var(--gn);font-style:italic}.vp-card-mean{font-size:.82em;color:var(--gd);margin-left:auto}.vp-row{display:flex;gap:8px;margin-bottom:8px;align-items:flex-start}.vp-label{font-family:Sora;font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:1px;min-width:80px;padding-top:4px;flex:none}.vp-label.syn{color:var(--gn)}.vp-label.ant{color:var(--ac)}.vp-label.col{color:var(--pu)}.vp-tags{display:flex;flex-wrap:wrap;gap:4px;flex:1}.vp-tag{border-radius:8px;padding:4px 10px;font-size:.78em;font-weight:500;cursor:default}.vp-tag.syn{background:var(--gn2);border:1px solid rgba(0,201,167,.25);color:var(--gn)}.vp-tag.ant{background:var(--ac2);border:1px solid rgba(255,77,109,.25);color:var(--ac)}.vp-tag.col{background:var(--pu2);border:1px solid rgba(167,139,250,.25);color:var(--pu)}.vp-tag .vp-tag-vi{font-size:.85em;color:var(--tx3);margin-left:3px}.vp-empty{text-align:center;padding:30px;color:var(--tx3);font-size:.9em}.vp-loading{text-align:center;padding:40px;color:var(--tx2)}.vp-tag{position:relative;padding-right:28px}.vp-add{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:none;font-size:.75em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:all .2s;background:#ffffff1a;color:var(--tx)}.vp-add:hover{opacity:1;background:var(--gn);color:#fff;transform:translateY(-50%) scale(1.1)}.vp-tag.added{opacity:.5}.vp-tag.added .vp-add{background:var(--gn);color:#fff;opacity:1}.il-wrap{max-width:800px;margin:0 auto;padding:10px 0}.il-title{text-align:center;font-family:Sora;font-size:1.5em;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.il-subtitle{text-align:center;color:var(--tx3);font-size:.82em;margin-bottom:20px}.il-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.il-card{background:linear-gradient(145deg,var(--sf),var(--sf2));border:1px solid var(--bd);border-radius:20px;padding:28px 22px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.il-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;opacity:0;transition:opacity .35s}.il-listen:after{background:radial-gradient(circle at 50% 80%,rgba(59,130,246,.08),transparent 70%)}.il-speak:after{background:radial-gradient(circle at 50% 80%,rgba(168,85,247,.08),transparent 70%)}.il-read:after{background:radial-gradient(circle at 50% 80%,rgba(16,185,129,.08),transparent 70%)}.il-write:after{background:radial-gradient(circle at 50% 80%,rgba(245,158,11,.08),transparent 70%)}.il-card:hover:after{opacity:1}.il-card:hover{transform:translateY(-5px);border-color:transparent}.il-listen:hover{box-shadow:0 6px 24px #3b82f640;border-color:#3b82f666}.il-speak:hover{box-shadow:0 6px 24px #a855f740;border-color:#a855f766}.il-read:hover{box-shadow:0 6px 24px #10b98140;border-color:#10b98166}.il-write:hover{box-shadow:0 6px 24px #f59e0b40;border-color:#f59e0b66}.il-card-icon{font-size:2.5em;margin-bottom:8px}.il-card-name{font-family:Sora;font-weight:700;font-size:1.1em;color:var(--tx);margin-bottom:4px}.il-card-desc{font-size:.75em;color:var(--tx3);line-height:1.5}.il-test-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--bd)}.il-back{background:var(--sf2);border:1px solid var(--bd);color:var(--tx2);padding:6px 14px;border-radius:10px;font-family:Sora;font-size:.78em;cursor:pointer;transition:all .2s}.il-back:hover{background:var(--sf3);color:var(--tx)}.il-test-title{flex:1;font-family:Sora;font-weight:700;font-size:1em;color:var(--tx)}.il-timer{font-family:Sora;font-weight:700;font-size:1em;color:#f59e0b;background:#f59e0b1a;padding:6px 14px;border-radius:10px;min-width:70px;text-align:center}.il-test-content{line-height:1.7;color:var(--tx)}.il-section{background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:12px}.il-section-title{font-family:Sora;font-weight:700;font-size:.95em;margin-bottom:10px;color:var(--tx)}.il-passage{background:var(--sf2);border-radius:10px;padding:14px;margin-bottom:12px;font-size:.88em;line-height:1.8;color:var(--tx2);border-left:3px solid var(--bd2)}.il-q{margin-bottom:10px;padding:10px;border-radius:10px;background:var(--sf2)}.il-q-text{font-weight:600;font-size:.88em;margin-bottom:6px}.il-q-opts{display:flex;flex-direction:column;gap:4px}.il-q-opt{padding:6px 12px;border-radius:8px;border:1px solid var(--bd);cursor:pointer;font-size:.82em;transition:all .15s}.il-q-opt:hover{background:var(--sf3);border-color:var(--bd2)}.il-q-opt.correct{background:#00c9a726;border-color:var(--gn);color:var(--gn)}.il-q-opt.wrong{background:#ff4d6d26;border-color:var(--ac);color:var(--ac)}.il-q-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--bd);background:var(--sf);color:var(--tx);font-size:.85em;font-family:inherit}.il-play-btn{background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;color:#fff;padding:8px 20px;border-radius:10px;font-family:Sora;font-size:.82em;cursor:pointer;margin-bottom:12px;transition:all .2s}.il-play-btn:hover{filter:brightness(1.15)}.il-cue-card{background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid rgba(168,85,247,.3);border-radius:14px;padding:16px;margin:12px 0}.il-cue-title{font-family:Sora;font-weight:700;color:var(--pu);margin-bottom:8px}.il-cue-points{font-size:.88em;color:var(--tx2);line-height:1.8}.il-score-box{text-align:center;padding:20px;background:linear-gradient(135deg,#00c9a71a,#06b6d41a);border-radius:14px;margin-top:16px}.il-score-num{font-family:Sora;font-size:2em;font-weight:800;color:var(--gn)}.il-score-label{font-size:.82em;color:var(--tx3)}.il-submit-btn{background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;color:#fff;padding:10px 28px;border-radius:12px;font-family:Sora;font-size:.88em;font-weight:600;cursor:pointer;margin-top:14px;transition:all .2s}.il-submit-btn:hover{filter:brightness(1.15);transform:scale(1.02)}.il-essay-area{width:100%;min-height:200px;padding:14px;border-radius:12px;border:1px solid var(--bd);background:var(--sf);color:var(--tx);font-family:inherit;font-size:.88em;line-height:1.7;resize:vertical}.il-model{background:var(--sf2);border-radius:12px;padding:14px;margin-top:12px;font-size:.88em;line-height:1.7;display:none}.il-show-model{background:var(--sf3);border:1px solid var(--bd);color:var(--tx2);padding:6px 16px;border-radius:8px;font-size:.82em;cursor:pointer;margin-top:8px}@media (max-width: 600px){.il-cards{grid-template-columns:1fr}}@media (max-width: 600px){.app{padding:10px}.hdr h1{font-size:1.6em}.fc-wrap{height:260px}.fc-word{font-size:1.5em}.fc-mean{font-size:1.2em}.fc-face{padding:20px}.qz-opts,.mt-board{grid-template-columns:1fr}.st{min-width:70px;padding:8px 12px}.st-n{font-size:1.15em}.mbtn{padding:8px 10px;font-size:.7em}.ls-p{display:none}.fl-char{width:30px;height:38px;font-size:1em}.sp-let{width:30px;height:36px;font-size:.95em}.sp-sbtn{width:34px;height:38px;font-size:.95em}.pr-chat-panel{width:calc(100vw - 24px);right:12px;bottom:78px;max-height:60vh}.pr-chat-toggle{bottom:16px;right:14px;width:48px;height:48px}.auth-card{padding:28px 24px}.streak-bar{gap:8px;padding:8px 12px}}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);z-index:300;display:none;align-items:center;justify-content:center}.auth-overlay.open{display:flex}.auth-card{background:linear-gradient(145deg,var(--sf),var(--sf2));border:1px solid var(--bd2);border-radius:28px;padding:40px 36px;max-width:420px;width:92%;box-shadow:0 24px 80px #0009,0 0 100px #6366f10f;position:relative;animation:authSlideIn .45s cubic-bezier(.16,1,.3,1)}@keyframes authSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-title{font-family:Sora;font-size:1.7em;font-weight:800;text-align:center;background:linear-gradient(135deg,#ff4d6d,#fbbf24,#00d4b1,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px;letter-spacing:-.5px}.auth-input{width:100%;padding:12px 16px;border-radius:12px;border:2px solid var(--bd);background:var(--sf2);color:var(--tx);font-family:DM Sans;font-size:.95em;outline:none;margin-bottom:12px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--bl);box-shadow:0 0 0 3px #60a5fa26}.auth-btn{width:100%;padding:14px;border:none;border-radius:14px;font-family:Sora;font-size:.92em;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);background-size:200% auto;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:10px;box-shadow:0 4px 20px #6366f14d;letter-spacing:.3px}.auth-btn:hover{background-position:right center;box-shadow:0 8px 28px #6366f166;transform:translateY(-2px)}.auth-btn:active{transform:translateY(0);box-shadow:0 4px 16px #6366f140}.auth-switch{text-align:center;font-size:.82em;color:var(--tx3);margin-top:4px}.auth-switch a{color:var(--bl);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.auth-switch a:hover{color:var(--pu)}.auth-error{color:var(--ac);font-size:.82em;text-align:center;margin-bottom:8px;min-height:18px}.user-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:.82em;padding:6px 0}.user-bar .user-name{color:var(--tx2);font-weight:600;display:flex;align-items:center;gap:4px}.user-bar .logout-btn{background:var(--sf2);border:1px solid var(--bd);color:var(--tx3);padding:5px 14px;border-radius:8px;font-size:.78em;cursor:pointer;font-family:DM Sans;transition:all .2s}.user-bar .logout-btn:hover{color:var(--ac);border-color:var(--ac);background:var(--ac2)}