@font-face{font-family:Noto Sans;src:url(/NotoSans-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0020-007f,u+00a0-00ff,u+0100-017f,u+0180-024f,u+1e??,u+2000-206f,u+20a0-20cf,u+2100-214f,u+2190-21ff,u+22??,u+2c60-2c7f,u+a720-a7ff,u+fb00-fb4f,u+fe0?,u+fe2?}@font-face{font-family:Noto Sans SC;src:url(/NotoSansSC-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+4e00-9fff,u+3400-4dbf,u+20000-2a6df,u+2a700-2b73f,u+2b740-2b81f,u+2b820-2ceaf,u+f900-faff,u+2f800-2fa1f,u+3000-303f,u+ff00-ffef}@keyframes a{to{transform:rotate(1turn)}}@media (max-width:768px){:root{--font-xs:0.7rem;--font-sm:0.8rem;--font-base:0.9rem;--font-lg:1rem;--font-xl:1.125rem;--font-2xl:1.25rem;--font-3xl:1.5rem;--font-4xl:1.875rem;--spacing-xs:0.375rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}}@media (max-width:480px){:root{--font-xs:0.65rem;--font-sm:0.75rem;--font-base:0.85rem;--font-lg:0.95rem;--font-xl:1rem;--font-2xl:1.125rem;--font-3xl:1.375rem;--font-4xl:1.625rem}}@media (min-width:768px){.container-responsive{padding-left:1rem;padding-right:1rem}}@media (min-width:1024px){.container-responsive{padding-left:1.5rem;padding-right:1.5rem}}.overflow-x-auto{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.overflow-x-auto::-webkit-scrollbar{height:6px}.overflow-x-auto::-webkit-scrollbar-track{background:transparent;border-radius:3px}.overflow-x-auto::-webkit-scrollbar-thumb{background:rgba(148,163,184,.5);border-radius:3px}.overflow-x-auto::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.7)}.dark .overflow-x-auto{scrollbar-color:rgba(148,163,184,.3) transparent}.dark .overflow-x-auto::-webkit-scrollbar-thumb{background:rgba(148,163,184,.3)}.dark .overflow-x-auto::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.5)}@media (min-width:768px){.spacing-section{padding:var(--spacing-xl) 0}}@media (min-width:1024px){.spacing-section{padding:var(--spacing-2xl) 0}}@media (min-width:768px){.hide-mobile{display:block}}@media (min-width:768px){.hide-desktop{display:none}}@media (min-width:768px){.show-tablet-up{display:block}}@media (min-width:768px){.text-center-mobile{text-align:left}}*{font-family:Noto Sans,Noto Sans SC,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none;box-sizing:border-box}[contenteditable],input,textarea{user-select:text}html{scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}:root{--bg-primary:linear-gradient(135deg,rgba(37,99,235,.06),rgba(59,130,246,.07) 45%,rgba(147,197,253,.08));--bg-secondary:hsla(0,0%,100%,.95);--bg-card:rgba(252,255,255,.98);--bg-overlay:rgba(0,0,0,.5);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--accent-primary:#2563eb;--accent-secondary:#3b82f6;--accent-light:#60a5fa;--color-success:#10b981;--color-success-light:#34d399;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-error:#ef4444;--color-error-light:#f87171;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-review:#9333ea;--color-review-light:#a855f7;--status-mastered:#10b981;--status-mastered-bg:rgba(16,185,129,.15);--status-mastered-border:rgba(16,185,129,.4);--status-mastered-shadow:rgba(16,185,129,.3);--status-fuzzy:#f59e0b;--status-fuzzy-bg:rgba(245,158,11,.15);--status-fuzzy-border:rgba(245,158,11,.4);--status-fuzzy-shadow:rgba(245,158,11,.3);--status-unmastered:#ef4444;--status-unmastered-bg:rgba(239,68,68,.15);--status-unmastered-border:rgba(239,68,68,.4);--status-unmastered-shadow:rgba(239,68,68,.3);--border-color:rgba(37,99,235,.15);--border-light:rgba(148,163,184,.2);--shadow-color:rgba(37,99,235,.08);--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(37,99,235,.12);--shadow-xl:0 12px 48px rgba(37,99,235,.15);--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-2xl:2.5rem;--radius-full:9999px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--font-5xl:3rem;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--grid-cols-mobile:1;--grid-cols-tablet:2;--grid-cols-desktop:3;--grid-cols-wide:4;--grid-gap-mobile:1rem;--grid-gap-tablet:1.5rem;--grid-gap-desktop:2rem;--transition-fast:150ms;--transition-base:300ms;--transition-slow:500ms;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--z-base:1;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-toast:80}.dark,:root{--accent-dark:#1e40af}.dark{--bg-primary:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);--bg-secondary:rgba(30,41,59,.95);--bg-card:rgba(30,41,59,.98);--bg-overlay:rgba(0,0,0,.7);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#1e293b;--accent-primary:#3b82f6;--accent-secondary:#60a5fa;--accent-light:#93c5fd;--color-success:#10b981;--color-success-light:#34d399;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-error:#ef4444;--color-error-light:#f87171;--color-info:#3b82f6;--color-info-light:#60a5fa;--status-mastered:#10b981;--status-mastered-bg:rgba(16,185,129,.2);--status-mastered-border:rgba(16,185,129,.5);--status-mastered-shadow:rgba(16,185,129,.4);--status-fuzzy:#f59e0b;--status-fuzzy-bg:rgba(245,158,11,.2);--status-fuzzy-border:rgba(245,158,11,.5);--status-fuzzy-shadow:rgba(245,158,11,.4);--status-unmastered:#ef4444;--status-unmastered-bg:rgba(239,68,68,.2);--status-unmastered-border:rgba(239,68,68,.5);--status-unmastered-shadow:rgba(239,68,68,.4);--border-color:rgba(59,130,246,.2);--border-light:rgba(148,163,184,.15);--shadow-color:rgba(0,0,0,.4);--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 4px 16px rgba(0,0,0,.3);--shadow-lg:0 8px 32px rgba(0,0,0,.4);--shadow-xl:0 12px 48px rgba(0,0,0,.5)}.dark .status-btn{background:rgba(51,65,85,.95)}.status-btn{color:var(--text-primary);background:rgba(243,244,246,.95);border:1px solid var(--border-color);transition:all .2s ease;font-size:1rem;font-weight:800;padding:.5rem .6rem;cursor:pointer;border-radius:var(--radius-sm);box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:.25rem}.status-btn img{width:24px;height:24px;flex-shrink:0}.status-btn-modal-compact{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);transition:all .2s ease;font-size:.8rem;font-weight:600;padding:.4rem .6rem;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.25rem}.status-btn-modal-compact img{width:26px;height:26px;flex-shrink:0}.status-btn-modal-compact.mastered.selected{background:var(--status-mastered);border-color:var(--status-mastered);color:#fff;font-weight:700;box-shadow:0 2px 8px var(--status-mastered-shadow)}.status-btn-modal-compact.fuzzy.selected{background:var(--status-fuzzy);border-color:var(--status-fuzzy);color:#fff;font-weight:700;box-shadow:0 2px 8px var(--status-fuzzy-shadow)}.status-btn-modal-compact.unknown.selected,.status-btn-modal-compact.unmastered.selected{background:var(--status-unmastered);border-color:var(--status-unmastered);color:#fff;font-weight:700;box-shadow:0 2px 8px var(--status-unmastered-shadow)}.status-btn.mastered:hover{transform:translateY(-2px)}.status-btn.mastered.selected,.status-btn.mastered:hover{background:var(--status-mastered);border-color:var(--status-mastered);color:#fff;box-shadow:0 2px 8px var(--status-mastered-shadow)}.status-btn.mastered.selected{font-weight:700}.status-btn.fuzzy:hover{transform:translateY(-2px)}.status-btn.fuzzy.selected,.status-btn.fuzzy:hover{background:var(--status-fuzzy);border-color:var(--status-fuzzy);color:#fff;box-shadow:0 2px 8px var(--status-fuzzy-shadow)}.status-btn.fuzzy.selected{font-weight:700}.status-btn.unknown:hover,.status-btn.unmastered:hover{transform:translateY(-2px)}.status-btn.unknown.selected,.status-btn.unknown:hover,.status-btn.unmastered.selected,.status-btn.unmastered:hover{background:var(--status-unmastered);border-color:var(--status-unmastered);color:#fff;box-shadow:0 2px 8px var(--status-unmastered-shadow)}.status-btn.unknown.selected,.status-btn.unmastered.selected{font-weight:700}.word-card.card{background:transparent}.word-card.mastered-state{background:var(--status-mastered-bg);border-color:var(--status-mastered-border)}.word-card.fuzzy-state{background:var(--status-fuzzy-bg);border-color:var(--status-fuzzy-border)}.word-card.unmastered-state{background:var(--status-unmastered-bg);border-color:var(--status-unmastered-border)}.word-card.unlearned-state,.word-list-item.unlearned-state{background:linear-gradient(356deg,rgb(247 247 247/98%),rgb(255 250 98/5%));border-color:rgba(59,130,246,.1)}.word-list-item.mastered-state{background:var(--status-mastered-bg);border-color:var(--status-mastered-border)}.word-list-item.fuzzy-state{background:var(--status-fuzzy-bg);border-color:var(--status-fuzzy-border)}.word-list-item.unmastered-state{background:var(--status-unmastered-bg);border-color:var(--status-unmastered-border)}.dark .nav-btn-confirm,.dark .nav-btn-side,.dark .word-card.unlearned-state,.dark .word-list-item.unlearned-state{background:transparent;border:1px solid var(--accent-primary)}.swipe-card.status-mastered{border-color:var(--status-mastered-border)}.swipe-card.status-fuzzy{border-color:var(--status-fuzzy-border)}.swipe-card.status-unmastered{border-color:var(--status-unmastered-border)}.status-indicator.mastered{background:var(--status-mastered-bg);color:var(--status-mastered);border:1px solid var(--status-mastered-border)}.status-indicator.fuzzy{background:var(--status-fuzzy-bg);color:var(--status-fuzzy);border:1px solid var(--status-fuzzy-border)}.status-indicator.unmastered{background:var(--status-unmastered-bg);color:var(--status-unmastered);border:1px solid var(--status-unmastered-border)}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(37,99,235,.1);border-radius:50%;border-top-color:var(--accent-primary);animation:a 1s ease-in-out infinite}.loading-spinner.small{width:24px;height:24px;border-width:2px}.loading-spinner.large{width:60px;height:60px;border-width:4px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loading-overlay-parent{position:relative}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal,999);pointer-events:all}.loading-overlay.hidden{display:none}.loading-overlay.fullscreen{position:fixed}.loading-overlay-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.28);backdrop-filter:blur(8px)}.loading-overlay-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;min-width:260px;padding:2.75rem 3.2rem;border-radius:1.25rem;background:linear-gradient(160deg,hsla(0,0%,100%,.92),rgba(241,245,255,.86));box-shadow:0 20px 40px rgba(15,23,42,.18);animation:c .32s ease-out;pointer-events:auto}.loading-overlay-content .loading-spinner{width:72px;height:72px;border-width:5px;border-color:rgba(59,130,246,.16);border-top-color:#2563eb}.loading-overlay-content .loading-spinner.small{width:36px;height:36px;border-width:4px}.loading-overlay-content .loading-spinner.large{width:82px;height:82px;border-width:6px}.loading-overlay-content .loading-text{color:#1f2937;font-size:1.02rem;font-weight:600;letter-spacing:.01em;text-align:center}.loading-overlay-active>:not(.loading-overlay){pointer-events:none;user-select:none}body.loading-overlay-global-active{overflow:hidden}.loading-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.card{background:var(--bg-card);backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:box-shadow .3s ease,opacity .3s ease}.card:hover{box-shadow:var(--shadow-lg)}#mainContentArea.opacity-reduced .card{opacity:.6}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-weight:600;transition:box-shadow .3s ease;border:none;cursor:pointer}.btn-primary:hover{box-shadow:0 8px 24px rgba(37,99,235,.3)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);font-weight:500;transition:background .3s ease;border:1px solid var(--border-color);cursor:pointer}.btn-secondary:hover{background:var(--bg-card)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],textarea{border:2px solid #d1d5db!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;transition:border-color .2s ease,box-shadow .2s ease}.dark input[type=email],.dark input[type=number],.dark input[type=password],.dark input[type=search],.dark input[type=tel],.dark input[type=text],.dark textarea{border:2px solid #6b7280!important;box-shadow:0 1px 3px rgba(0,0,0,.3)!important}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{border-color:#3b82f6!important;border-width:2px!important;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.15),0 1px 3px rgba(0,0,0,.1)!important}#editEmail,#editUsername{border:2.5px solid #9ca3af!important}.audio-btn{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:var(--bg-secondary);border:1px solid rgba(37,99,235,.25);cursor:pointer;transition:all .2s;flex-shrink:0;color:var(--text-secondary)}.audio-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:rgba(37,99,235,.05)}.audio-btn svg{width:18px;height:18px}.audio-btn.playing{color:var(--accent-primary);border-color:var(--accent-primary);background:rgba(37,99,235,.1)}.audio-btn.playing svg{display:none}.audio-btn.playing:after{content:"...";position:absolute;font-size:1rem;font-weight:700;line-height:1;animation:b 1.2s infinite}@keyframes b{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.badge-success{background:rgba(16,185,129,.1);color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.badge-warning{background:rgba(245,158,11,.1);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.badge-error{background:rgba(239,68,68,.1);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.badge-info{background:rgba(59,130,246,.1);color:var(--color-info);border:1px solid rgba(59,130,246,.2)}.theme-toggle{position:relative;width:64px;height:32px;background:#e2e8f0;border-radius:16px;cursor:pointer;transition:background .3s ease;overflow:hidden}.theme-toggle.dark{background:#4a5568}.theme-toggle .slider-icon{position:absolute;top:50%;left:4px;transform:translateY(-50%);width:26px;height:26px;background:#fff;border-radius:50%;transition:transform .3s ease,background .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:2;display:flex;align-items:center;justify-content:center}.theme-toggle.dark .slider-icon{transform:translateX(32px) translateY(-50%);background:#2d3748}.theme-toggle .slider-icon img,.theme-toggle .slider-icon svg{position:absolute;width:18px;height:18px;transition:opacity .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.theme-toggle .slider-icon .icon-sun{opacity:1}.theme-toggle.dark .slider-icon .icon-sun,.theme-toggle .slider-icon .icon-moon{opacity:0}.theme-toggle.dark .slider-icon .icon-moon{opacity:1}.theme-toggle-compact{position:relative;width:48px;height:24px;background:#e2e8f0;border-radius:12px;cursor:pointer;transition:background .3s ease;overflow:hidden}.theme-toggle-compact.dark{background:#4a5568}.theme-toggle-compact .slider-icon{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease,background .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:2;display:flex;align-items:center;justify-content:center}.theme-toggle-compact.dark .slider-icon{transform:translateX(24px) translateY(-50%);background:#2d3748}.theme-toggle-compact .slider-icon img,.theme-toggle-compact .slider-icon svg{position:absolute;width:14px;height:14px;transition:opacity .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.theme-toggle-compact .slider-icon .icon-sun{opacity:1}.theme-toggle-compact.dark .slider-icon .icon-sun,.theme-toggle-compact .slider-icon .icon-moon{opacity:0}.theme-toggle-compact.dark .slider-icon .icon-moon{opacity:1}@media (min-width:640px){.theme-toggle-normal{position:relative;width:64px;height:32px;background:#e2e8f0;border-radius:16px;cursor:pointer;transition:background .3s ease;overflow:hidden}.theme-toggle-normal.dark{background:#4a5568}.theme-toggle-normal .slider-icon{position:absolute;top:50%;left:4px;transform:translateY(-50%);width:26px;height:26px;background:#fff;border-radius:50%;transition:transform .3s ease,background .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:2;display:flex;align-items:center;justify-content:center}.theme-toggle-normal.dark .slider-icon{transform:translateX(32px) translateY(-50%);background:#2d3748}.theme-toggle-normal .slider-icon img,.theme-toggle-normal .slider-icon svg{position:absolute;width:18px;height:18px;transition:opacity .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.theme-toggle-normal .slider-icon .icon-sun{opacity:1}.theme-toggle-normal.dark .slider-icon .icon-sun,.theme-toggle-normal .slider-icon .icon-moon{opacity:0}.theme-toggle-normal.dark .slider-icon .icon-moon{opacity:1}}#membershipExpiryContainer{transition:all .3s ease}#membershipExpiryText{transition:color .3s ease}.deck-card{position:relative;overflow:visible}.deck-card.selected-deck{background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(59,130,246,.35))}.deck-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transition:transform .3s ease}.deck-card:hover:before{transform:scaleX(1)}.container-responsive{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:.75rem;padding-right:.75rem}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-start{justify-content:flex-start}.flex-end,.flex-start{display:flex;align-items:center}.flex-end{justify-content:flex-end}.spacing-section{padding:var(--spacing-lg) 0}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-card{background:var(--bg-card)}.bg-secondary{background:var(--bg-secondary)}.bg-overlay{background:var(--bg-overlay)}.hide-mobile{display:none}.hide-desktop{display:block}.show-tablet-up{display:none}.text-center-mobile{text-align:center}.text-gradient{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{transition:width .5s ease}.progress-ring-circle{transition:stroke-dashoffset .8s ease-in-out}.transition-fast{transition:all var(--transition-fast) var(--ease-in-out)}.transition-base{transition:all var(--transition-base) var(--ease-in-out)}.transition-slow{transition:all var(--transition-slow) var(--ease-in-out)}@keyframes c{0%{opacity:0;transform:translateY(16px) scale(.96)}70%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-icon-btn{transition:all .3s ease}#userMenu{padding-left:.75rem;padding-right:.75rem}#userMenu button svg{width:1rem;height:1rem}#userMenu button{font-size:.85rem}#menuUserName{font-size:.95rem;font-weight:600;color:var(--accent-primary);letter-spacing:.02em}@media (min-width:768px){#userMenu button svg{width:1.1rem;height:1.1rem}#userMenu button{font-size:.9rem}#menuUserName{font-size:1rem}}@media (min-width:1024px){#userMenu button svg{width:1.2rem;height:1.2rem}#userMenu button{font-size:.95rem}#menuUserName{font-size:1.05rem}}