@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";.card-expand-btn,.card-copy-btn,.card-play-btn,.card-fav-btn{width:var(--btn-card-size,38px);height:var(--btn-card-size,38px);border-radius:var(--btn-card-radius,12px);cursor:pointer;transition:all var(--trans-fast) ease;border:none;flex:none;justify-content:center;align-items:center;min-width:0;display:flex}.card-expand-btn svg,.card-copy-btn svg,.card-play-btn svg,.card-fav-btn svg{width:var(--btn-card-icon,14px);height:var(--btn-card-icon,14px)}.card-expand-btn,.card-copy-btn,.card-play-btn{background:var(--primary-soft);color:var(--primary);border:1.5px solid var(--primary-soft)}.card-expand-btn:hover,.card-copy-btn:hover,.card-play-btn:hover{background:var(--primary);color:var(--surface);border-color:var(--primary)}.card-expand-btn:active,.card-copy-btn:active,.card-play-btn:active{transform:scale(.92)}.card-play-btn.active{background:var(--primary);color:var(--surface);border-color:var(--primary);animation:1s infinite playPulse}@keyframes playPulse{0%,to{transform:scale(1)}50%{box-shadow:var(--glow-md);transform:scale(1.06)}}.card-fav-btn{color:var(--text-secondary);box-shadow:var(--shadow);background:#fffc;border:1.5px solid #00000014}.card-fav-btn:hover{background:linear-gradient(135deg, var(--fav-color,#ff6a93), #ff4d7a);color:var(--surface);border-color:#0000}.card-fav-btn.active{background:linear-gradient(135deg, var(--fav-color,#ff6a93), #ff4d7a);color:var(--surface);box-shadow:var(--shadow-md);border-color:#0000}.card-fav-btn:active{transform:scale(.92)}.card-learn-btn{color:var(--text-secondary);box-shadow:var(--shadow);background:#fffc;border:1.5px solid #00000014}.card-learn-btn:hover{background:linear-gradient(135deg, var(--success), #059669);color:var(--surface);box-shadow:var(--shadow-md);border-color:#0000}.card-learn-btn:active{transform:scale(.92)}.card-delete-btn{width:var(--btn-card-size,38px);height:var(--btn-card-size,38px);border-radius:var(--btn-card-radius,12px);color:var(--danger);cursor:pointer;transition:all var(--trans-fast) ease;background:#ef44441a;border:1.5px solid #ef444433;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-delete-btn:active{background:var(--danger);color:var(--surface)}@media (width<=480px){.card-expand-btn,.card-copy-btn,.card-play-btn,.card-fav-btn{border-radius:10px;width:34px;height:34px}.card-expand-btn svg,.card-copy-btn svg,.card-play-btn svg,.card-fav-btn svg{width:13px;height:13px}}@media (width<=375px){.card-expand-btn,.card-copy-btn,.card-play-btn,.card-fav-btn{border-radius:9px;width:30px;height:30px}.card-expand-btn svg,.card-copy-btn svg,.card-play-btn svg,.card-fav-btn svg{width:12px;height:12px}}[data-theme=dark] .card-fav-btn{color:var(--text-secondary);background:#ffffff14;border-color:#ffffff1a}[data-theme=dark] .card-fav-btn.active{background:linear-gradient(135deg, var(--fav-color,#ff6a93), #ff4d7a);color:var(--surface);border-color:#0000}:root{--radius:20px;--radius-lg:24px;--radius-sm:16px;--radius-xs:12px;--radius-full:9999px;--hdr-h:64px;--page-gutter:1rem;--trans-fast:.12s;--trans-base:.28s;--trans-slow:.45s;--spring-bounce:cubic-bezier(.34, 1.56, .64, 1);--glass-blur:25px;--glass-saturate:180%;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--btn-card-size:38px;--btn-card-radius:12px;--btn-card-icon:14px;--skeleton-base:var(--surface-hover,#eee);--skeleton-highlight:#ffffff80;--skeleton-dark-base:#ffffff0d;--skeleton-dark-highlight:#ffffff1a;--shadow-premium:0 10px 40px #00000014, 0 2px 10px #0000000a;--shadow-premium-dark:0 16px 48px #00000073, 0 4px 12px #00000040}.ui-overlay{z-index:2000;-webkit-backdrop-filter:blur(12px);background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;animation:.3s uiFadeIn;display:flex;position:fixed;inset:0}@keyframes uiFadeIn{0%{opacity:0}to{opacity:1}}.ui-modal{background:var(--surface);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border-radius:24px;animation:.35s cubic-bezier(.34,1.56,.64,1) uiModalPop;position:relative;overflow:hidden}@keyframes uiModalPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.ui-glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd9;border:1px solid #fff6}[data-theme=dark] .ui-glass{background:#1e202dd9;border:1px solid #ffffff14}.ui-close-btn{background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.ui-close-btn:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}.ui-input{border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.ui-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);outline:none}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-page{gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.skeleton-block{background:var(--skeleton-base);background-image:linear-gradient(90deg, #fff0 0, var(--skeleton-highlight) 20%, #ffffff80 60%, #fff0);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.5s infinite skeleton-loading}[data-theme=dark] .skeleton-block{background-color:var(--skeleton-dark-base);background-image:linear-gradient(90deg, #fff0 0, var(--skeleton-dark-highlight) 20%, #ffffff1a 60%, #fff0)}.skeleton-block--title{width:60%;height:24px}.skeleton-block--text{width:100%;height:16px}.skeleton-block--avatar{border-radius:var(--radius-full);width:48px;height:48px}.skeleton-block--thumbnail{border-radius:var(--radius-sm);width:100%;height:160px}button,a,[role=button],select,input,textarea{-webkit-tap-highlight-color:transparent}button,[role=button]{touch-action:manipulation}input,textarea,select{font-size:16px}.scroll-x,.pill-row,.chip-row,.tabs-row{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.pill-row::-webkit-scrollbar{display:none}.chip-row::-webkit-scrollbar{display:none}.tabs-row::-webkit-scrollbar{display:none}.safe-bottom-pad{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.safe-top-pad{padding-top:calc(.75rem + env(safe-area-inset-top,0px))}.ui-overlay{overscroll-behavior:contain}.ui-modal{flex-direction:column;max-height:min(88vh,720px);display:flex}.ui-modal-body,.modal-body,.sheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}@media (width<=480px){.ui-overlay{background:#0f172a57;align-items:flex-end;padding:0}.ui-modal{width:100%;max-width:none;max-height:min(92vh,760px);padding-bottom:env(safe-area-inset-bottom,0px);border-radius:24px 24px 0 0;animation:.24s cubic-bezier(.2,.9,.2,1) uiSheetUp}.ui-modal:before{content:"";background:#94a3b880;border-radius:999px;flex-shrink:0;align-self:center;width:42px;height:4px;margin-top:8px}.ui-close-btn{width:36px;height:36px;top:12px;right:12px}}@keyframes uiSheetUp{0%{opacity:.85;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-primary:#8b5cf6;--color-primary-light:#ede9fe;--color-bg:#f8f7ff;--color-surface:#fff;--color-text:#1f1933;--color-text-muted:#6b7280;--color-border:#e5e7eb;--radius-card:20px;--shadow-card:0 2px 8px #8b5cf614}.bottom-nav,.tab-bar{padding-bottom:env(safe-area-inset-bottom,20px)}*{font-family:Noto Sans Lao,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:color .2s,border-color .2s}[data-palette=linen]{--pal-primary:#e25a2a;--pal-primary-dark:#c2440f;--pal-primary-glow:#e25a2a33;--pal-primary-soft:#e25a2a12;--pal-accent:#f2a744;--pal-accent-dark:#d88a2a;--pal-hero-grad:linear-gradient(135deg,#e25a2a 0%,#f2a744 100%);--pal-fav-color:#f43f5e;--pal-bg:#faf7f2;--pal-bg-secondary:#f0eae0;--pal-surface:#fff;--pal-surface-hover:#f5efe6;--pal-text:#1a140e;--pal-text-secondary:#5c4d3e;--pal-text-muted:#8e7d6c;--pal-border:#3c32281a;--pal-border-light:#3c32280f;--pal-bg-dark:#1a140e;--pal-bg-secondary-dark:#2a2018;--pal-surface-dark:#241b12;--pal-surface-hover-dark:#2e2418;--pal-text-dark:#faf6ee;--pal-text-secondary-dark:#d2c2b0;--pal-text-muted-dark:#867668;--pal-border-dark:#78645038;--pal-border-light-dark:#7864501f;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #e25a2a1a 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #f2a74417 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #e25a2a0a 0%, transparent 80%)}[data-palette=frost]{--pal-primary:#2b86e0;--pal-primary-dark:#1a6bc0;--pal-primary-glow:#2b86e033;--pal-primary-soft:#2b86e012;--pal-accent:#5baeff;--pal-accent-dark:#2090f0;--pal-hero-grad:linear-gradient(135deg,#2b86e0 0%,#5baeff 100%);--pal-fav-color:#e84393;--pal-bg:#f2f7ff;--pal-bg-secondary:#e2ebf8;--pal-surface:#fff;--pal-surface-hover:#e8f1fa;--pal-text:#0b1a2e;--pal-text-secondary:#34506e;--pal-text-muted:#788fa8;--pal-border:#1e3c641a;--pal-border-light:#1e3c640f;--pal-bg-dark:#091828;--pal-bg-secondary-dark:#0f2238;--pal-surface-dark:#142b47;--pal-surface-hover-dark:#193456;--pal-text-dark:#eaf2ff;--pal-text-secondary-dark:#a4bcda;--pal-text-muted-dark:#5e7896;--pal-border-dark:#5078aa3d;--pal-border-light-dark:#5078aa1f;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #2b86e01a 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #5baeff17 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #2b86e00a 0%, transparent 80%)}[data-palette=sage]{--pal-primary:#3e9e70;--pal-primary-dark:#247952;--pal-primary-glow:#3e9e7033;--pal-primary-soft:#3e9e7012;--pal-accent:#7ec894;--pal-accent-dark:#3d9e6f;--pal-hero-grad:linear-gradient(135deg,#3e9e70 0%,#7ec894 100%);--pal-fav-color:#f43f5e;--pal-bg:#f3f7f2;--pal-bg-secondary:#e6eee4;--pal-surface:#fff;--pal-surface-hover:#e9efe7;--pal-text:#162a18;--pal-text-secondary:#385534;--pal-text-muted:#7c9678;--pal-border:#28462d1a;--pal-border-light:#28462d0f;--pal-bg-dark:#0c1410;--pal-bg-secondary-dark:#121c16;--pal-surface-dark:#18261f;--pal-surface-hover-dark:#1d2e25;--pal-text-dark:#edf4ed;--pal-text-secondary-dark:#a8c6a8;--pal-text-muted-dark:#688e6e;--pal-border-dark:#50825a3d;--pal-border-light-dark:#50825a1f;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #3e9e701a 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #7ec89417 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #3e9e700a 0%, transparent 80%)}[data-palette=dusk]{--pal-primary:#d98a0a;--pal-primary-dark:#b66e04;--pal-primary-glow:#d98a0a33;--pal-primary-soft:#d98a0a12;--pal-accent:#f2b838;--pal-accent-dark:#d98a0a;--pal-hero-grad:linear-gradient(135deg,#d98a0a 0%,#f2b838 100%);--pal-fav-color:#ff3b30;--pal-bg:#fdf8ee;--pal-bg-secondary:#f4ead2;--pal-surface:#fff;--pal-surface-hover:#f4ead2;--pal-text:#1a1206;--pal-text-secondary:#544020;--pal-text-muted:#94805c;--pal-border:#503c141a;--pal-border-light:#503c140f;--pal-bg-dark:#181106;--pal-bg-secondary-dark:#241a0e;--pal-surface-dark:#2c1f0e;--pal-surface-hover-dark:#34250f;--pal-text-dark:#fbf4e4;--pal-text-secondary-dark:#dcbe82;--pal-text-muted-dark:#8e7448;--pal-border-dark:#a0783242;--pal-border-light-dark:#a0783221;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #d98a0a1a 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #f2b83817 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #d98a0a0a 0%, transparent 80%)}[data-palette=aurora]{--pal-primary:#8a5fe0;--pal-primary-dark:#6a3fc0;--pal-primary-glow:#8a5fe033;--pal-primary-soft:#8a5fe012;--pal-accent:#b89afa;--pal-accent-dark:#8a5fe0;--pal-hero-grad:linear-gradient(135deg,#8a5fe0 0%,#b89afa 100%);--pal-fav-color:#ec4899;--pal-bg:#f6f1ff;--pal-bg-secondary:#ece5f8;--pal-surface:#fff;--pal-surface-hover:#ece5f8;--pal-text:#180d2a;--pal-text-secondary:#46306e;--pal-text-muted:#8674ac;--pal-border:#3c28641a;--pal-border-light:#3c28640f;--pal-bg-dark:#140e1c;--pal-bg-secondary-dark:#1c1230;--pal-surface-dark:#241638;--pal-surface-hover-dark:#2c1a42;--pal-text-dark:#f4eeff;--pal-text-secondary-dark:#c8b8e4;--pal-text-muted-dark:#8470a8;--pal-border-dark:#8c6ec842;--pal-border-light-dark:#8c6ec821;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #8a5fe01a 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #b89afa17 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #8a5fe00a 0%, transparent 80%)}[data-palette=abyss]{--pal-primary:#0e8478;--pal-primary-dark:#0a6056;--pal-primary-glow:#0e847833;--pal-primary-soft:#0e847812;--pal-accent:#22b5a0;--pal-accent-dark:#0e8478;--pal-hero-grad:linear-gradient(135deg,#0e8478 0%,#22b5a0 100%);--pal-fav-color:#06b6d4;--pal-bg:#f0faf8;--pal-bg-secondary:#dcefec;--pal-surface:#fff;--pal-surface-hover:#dcefec;--pal-text:#061a1a;--pal-text-secondary:#184848;--pal-text-muted:#588282;--pal-border:#0a3c3c1a;--pal-border-light:#0a3c3c0f;--pal-bg-dark:#051512;--pal-bg-secondary-dark:#0a1d1b;--pal-surface-dark:#0c2421;--pal-surface-hover-dark:#102c2a;--pal-text-dark:#eaf6f4;--pal-text-secondary-dark:#90c8c2;--pal-text-muted-dark:#588482;--pal-border-dark:#28827842;--pal-border-light-dark:#28827821;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #0e84781a 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #22b5a017 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #0e84780a 0%, transparent 80%)}[data-palette=midnight]{--pal-primary:#7c5cff;--pal-primary-dark:#5b3ee0;--pal-primary-glow:#7c5cff3d;--pal-primary-soft:#7c5cff14;--pal-accent:#22d3ee;--pal-accent-dark:#0ea5e9;--pal-hero-grad:linear-gradient(135deg,#7c5cff 0%,#22d3ee 100%);--pal-fav-color:#ec4899;--pal-bg:#eff1fa;--pal-bg-secondary:#e2e6f3;--pal-surface:#fff;--pal-surface-hover:#e8ecf5;--pal-text:#0a0f2c;--pal-text-secondary:#3a4470;--pal-text-muted:#7882a8;--pal-border:#28325a1f;--pal-border-light:#28325a0f;--pal-bg-dark:#0a0e1a;--pal-bg-secondary-dark:#11162a;--pal-surface-dark:#161d38;--pal-surface-hover-dark:#1c2444;--pal-text-dark:#eef1ff;--pal-text-secondary-dark:#a8b0e0;--pal-text-muted-dark:#6670a2;--pal-border-dark:#788cdc47;--pal-border-light-dark:#788cdc24;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #7c5cff1f 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #22d3ee1a 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #7c5cff0a 0%, transparent 80%)}[data-palette=ember]{--pal-primary:#e94b4b;--pal-primary-dark:#c42e2e;--pal-primary-glow:#e94b4b38;--pal-primary-soft:#e94b4b12;--pal-accent:#f86;--pal-accent-dark:#e94b4b;--pal-hero-grad:linear-gradient(135deg,#e94b4b 0%,#f86 100%);--pal-fav-color:#ffb347;--pal-bg:#fbf4f2;--pal-bg-secondary:#f3e4df;--pal-surface:#fff;--pal-surface-hover:#f4e6e1;--pal-text:#1f0e0b;--pal-text-secondary:#5a332b;--pal-text-muted:#9a7068;--pal-border:#50281e1f;--pal-border-light:#50281e0f;--pal-bg-dark:#150a08;--pal-bg-secondary-dark:#1f1310;--pal-surface-dark:#281914;--pal-surface-hover-dark:#311e18;--pal-text-dark:#fbede8;--pal-text-secondary-dark:#d8a89c;--pal-text-muted-dark:#8a6058;--pal-border-dark:#b4504642;--pal-border-light-dark:#b4504621;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #e94b4b1f 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #ff88661a 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #e94b4b0a 0%, transparent 80%)}[data-palette=mint]{--pal-primary:#10b981;--pal-primary-dark:#059669;--pal-primary-glow:#10b98133;--pal-primary-soft:#10b98112;--pal-accent:#f472b6;--pal-accent-dark:#db2777;--pal-hero-grad:linear-gradient(135deg,#10b981 0%,#f472b6 100%);--pal-fav-color:#f472b6;--pal-bg:#f2faf6;--pal-bg-secondary:#e2f4ea;--pal-surface:#fff;--pal-surface-hover:#e8f6ee;--pal-text:#0a2118;--pal-text-secondary:#2e5444;--pal-text-muted:#6f907e;--pal-border:#1450371a;--pal-border-light:#1450370f;--pal-bg-dark:#08140f;--pal-bg-secondary-dark:#0e1e18;--pal-surface-dark:#142822;--pal-surface-hover-dark:#193028;--pal-text-dark:#e8f6ee;--pal-text-secondary-dark:#9cc8b2;--pal-text-muted-dark:#5c8470;--pal-border-dark:#3ca06e42;--pal-border-light-dark:#3ca06e21;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #10b9811a 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #f472b617 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #10b9810a 0%, transparent 80%)}:root{--primary:var(--pal-primary);--primary-dark:var(--pal-primary-dark);--primary-glow:var(--pal-primary-glow);--primary-soft:var(--pal-primary-soft);--accent:var(--pal-accent);--accent-dark:var(--pal-accent-dark);--hero-grad:var(--pal-hero-grad);--fav-color:var(--pal-fav-color);--bg:var(--pal-bg);--bg-secondary:var(--pal-bg-secondary);--surface:var(--pal-surface);--surface-hover:var(--pal-surface-hover);--text:var(--pal-text);--text-secondary:var(--pal-text-secondary);--text-muted:var(--pal-text-muted);--border:var(--pal-border);--border-light:var(--pal-border-light);--success:#34c759;--warning:#ff9500;--danger:#ff3b30;--radius:20px;--radius-lg:24px;--radius-sm:16px;--radius-xs:12px;--shadow:0 1px 3px #0000000a, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #00000014, 0 4px 10px #0000000d;--shadow-glass:0 8px 32px #00000014, 0 2px 8px #0000000a;--shadow-premium:0 10px 40px #00000014, 0 2px 10px #0000000a;--glass-bg:#ffffff85;--glass-border:#ffffff8c;--glass-blur:25px;--glass-saturate:180%;--glow-sm:0 0 12px var(--primary-glow);--glow-md:0 0 24px var(--primary-glow);--glow-lg:0 0 48px var(--primary-glow);--hdr-h:64px;--card-grad:linear-gradient(145deg, var(--pal-surface) 0%, var(--pal-bg) 100%);--surface-strong:var(--pal-surface);--surface-soft:var(--pal-bg-secondary);--line-strong:var(--pal-primary-soft);--page-gutter:1rem}[data-theme=dark]{--primary:var(--pal-primary);--primary-dark:var(--pal-primary-dark);--primary-glow:var(--pal-primary-glow);--primary-soft:var(--pal-primary-soft);--accent:var(--pal-accent);--accent-dark:var(--pal-accent-dark);--hero-grad:var(--pal-hero-grad);--fav-color:var(--pal-fav-color);--bg:var(--pal-bg-dark);--bg-secondary:var(--pal-bg-secondary-dark);--surface:var(--pal-surface-dark);--surface-hover:var(--pal-surface-hover-dark);--text:var(--pal-text-dark);--text-secondary:var(--pal-text-secondary-dark);--text-muted:var(--pal-text-muted-dark);--border:var(--pal-border-dark);--border-light:var(--pal-border-light-dark);--shadow:0 4px 16px #00000059;--shadow-md:0 8px 28px #00000073;--shadow-lg:0 16px 48px #0000008c;--shadow-premium:0 10px 40px #00000073, 0 2px 10px #00000040;--glass-bg:#0f12238c;--glass-border:#ffffff14;--card-grad:linear-gradient(145deg, var(--pal-surface-dark) 0%, var(--pal-bg-secondary-dark) 100%);--surface-strong:var(--pal-surface-dark);--surface-soft:var(--pal-bg-secondary-dark);--line-strong:var(--pal-primary-soft)}:root[data-custom]{--primary:var(--ct-primary,var(--pal-primary));--primary-dark:var(--ct-primary-dark,var(--pal-primary-dark));--primary-glow:var(--ct-primary-glow,var(--pal-primary-glow));--primary-soft:var(--ct-primary-soft,var(--pal-primary-soft));--accent:var(--ct-accent,var(--pal-accent));--accent-dark:var(--ct-accent-dark,var(--pal-accent-dark));--hero-grad:var(--ct-hero-grad,var(--pal-hero-grad));--fav-color:var(--ct-fav-color,var(--pal-fav-color));--bg:var(--ct-bg,var(--pal-bg));--bg-secondary:var(--ct-bg-secondary,var(--pal-bg-secondary));--surface:var(--ct-surface,var(--pal-surface));--surface-hover:var(--ct-surface-hover,var(--pal-surface-hover));--text:var(--ct-text,var(--pal-text));--text-secondary:var(--ct-text-secondary,var(--pal-text-secondary));--text-muted:var(--ct-text-muted,var(--pal-text-muted));--border:var(--ct-border,var(--pal-border));--border-light:var(--ct-border-light,var(--pal-border-light));--surface-strong:var(--ct-surface-strong,var(--pal-surface));--surface-soft:var(--ct-surface-soft,var(--pal-bg-secondary))}[data-theme=dark][data-custom]{--bg:var(--ct-bg-dark,var(--pal-bg-dark));--bg-secondary:var(--ct-bg-secondary-dark,var(--pal-bg-secondary-dark));--surface:var(--ct-surface-dark,var(--pal-surface-dark));--surface-hover:var(--ct-surface-hover-dark,var(--pal-surface-hover-dark));--text:var(--ct-text-dark,var(--pal-text-dark));--text-secondary:var(--ct-text-secondary-dark,var(--pal-text-secondary-dark));--text-muted:var(--ct-text-muted-dark,var(--pal-text-muted-dark));--border:var(--ct-border-dark,var(--pal-border-dark));--border-light:var(--ct-border-light-dark,var(--pal-border-light-dark));--surface-strong:var(--ct-surface-strong-dark,var(--pal-surface-dark));--surface-soft:var(--ct-surface-soft-dark,var(--pal-bg-secondary-dark));--card-grad:var(--ct-card-grad-dark,linear-gradient(145deg,var(--pal-surface-dark),var(--pal-bg-secondary-dark)))}body{min-height:100vh;background-color:var(--bg);background-image:radial-gradient(at 0% 0%, var(--pal-primary-soft) 0, transparent 50%), radial-gradient(at 50% 0%, var(--pal-accent-soft,var(--pal-primary-soft)) 0, transparent 50%), radial-gradient(at 100% 0%, var(--pal-primary-soft) 0, transparent 50%), var(--orb-1,transparent), var(--orb-2,transparent);min-height:-webkit-fill-available;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;flex-direction:column;margin:0;padding:0;font-family:Noto Sans Lao,Noto Sans SC,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;display:flex;overflow-x:hidden}h1,h2,h3,.heading-premium{letter-spacing:-.02em;font-family:Outfit,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary-soft);color:var(--primary)}html{scroll-behavior:smooth}body:before{content:"";background:linear-gradient(to top, var(--surface-hover,var(--bg)) 0%, transparent 100%);pointer-events:none;z-index:0;height:200px;position:fixed;bottom:0;left:0;right:0}.app-container,.app{z-index:1;background:0 0;flex-direction:column;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.main-content{z-index:1;-webkit-overflow-scrolling:touch;flex:1;width:100%;position:relative;overflow-x:hidden}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-fade-in{animation:.28s cubic-bezier(.32,.72,0,1) both page-fade-in}@media (width<=768px){.main-content{-webkit-overflow-scrolling:touch;overflow-y:auto}.app{min-height:100vh;min-height:-webkit-fill-available}}.phrase-list{flex-direction:column;gap:1.05rem;padding:.5rem 0 2rem;display:flex}.card-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=480px){.card-grid{grid-template-columns:1fr 1fr}}.page{width:100%;padding:1rem var(--page-gutter) calc(100px + env(safe-area-inset-bottom,0px));min-height:calc(100vh - 64px - env(safe-area-inset-top,0px));box-sizing:border-box;animation:.18s ease-out pageSlideIn}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.btn-liquid:hover{box-shadow:0 0 0 1px var(--primary,#667eea59), 0 6px 24px #667eea38, 0 2px 8px #00000014;filter:brightness(1.04);transform:scale(1.06)}}.btn-liquid:active{filter:brightness(.96);transform:scale(.94)}[data-theme=dark] .btn-liquid:hover{box-shadow:0 0 0 1px #667eea80,0 6px 24px #667eea4d,0 2px 8px #00000059}.glass-panel{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-radius:var(--radius-lg);box-shadow:var(--shadow-premium), 0 0 0 1px #fff6 inset;transition:all var(--trans-base) var(--spring-bounce);background:#ffffff73;border:1px solid #ffffff80}[data-theme=dark] .glass-panel{box-shadow:var(--shadow-premium-dark);background:#0f14238c;border-color:#ffffff14}.splash-screen{z-index:10000;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.splash-logo{flex-direction:column;align-items:center;gap:10px;animation:1.6s ease-in-out infinite splash-pulse;display:flex}.splash-logo-img{object-fit:cover;width:72px;height:72px;box-shadow:0 8px 32px var(--primary-glow);border-radius:18px}.splash-title{color:var(--primary);letter-spacing:-.5px;font-size:26px;font-weight:800}.splash-subtitle{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.splash-dots{gap:8px;margin-top:4px;display:flex}.splash-dot{background:var(--primary);opacity:.35;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite splash-dot-bounce}.splash-dot:nth-child(2){animation-delay:.2s}.splash-dot:nth-child(3){animation-delay:.4s}.splash-bar{background:var(--border);border-radius:2px;width:140px;height:3px;margin-top:8px;overflow:hidden}.splash-bar-fill{background:var(--primary);border-radius:2px;height:100%;animation:2.5s ease-out forwards splash-progress}@keyframes splash-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.04)}}@keyframes splash-dot-bounce{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@keyframes splash-progress{0%{width:0%}60%{width:85%}to{width:100%}}.empty-state{text-align:center;color:var(--text-secondary);padding:4rem 1.5rem}.empty-icon{opacity:.45;margin-bottom:.85rem;font-size:3.5rem}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;margin:2rem auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}mark{background:var(--primary-soft);color:var(--primary);border-radius:2px;padding:0 1px}[data-theme=dark] mark{background:var(--primary-soft);color:var(--primary)}@media (width<=480px){:root{--page-gutter:.75rem;--hdr-h:58px}.app-container{max-width:100%}}@media (width>=481px) and (width<=767px){.app-container{max-width:600px}}@media (width>=768px){:root{--page-gutter:1.5rem}.app-container{max-width:800px;box-shadow:0 0 0 1px var(--border), var(--shadow-lg);border-radius:24px;margin-top:16px;margin-bottom:16px}.bottom-nav{bottom:calc(30px + env(safe-area-inset-bottom,0px));border-radius:24px;max-width:768px}}@media (width>=1200px){.app-container{max-width:900px}.bottom-nav{max-width:868px}}:root{--bottom-nav-height:72px;--app-mobile-bottom-space:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 42px);--app-mobile-top-compact:max(8px, env(safe-area-inset-top,0px))}html,body,#root{min-height:100svh}body{overscroll-behavior-y:none}.page{min-height:100svh;padding-bottom:var(--app-mobile-bottom-space)}.learn-page{overflow:visible;padding-bottom:var(--app-mobile-bottom-space)!important}.learn-page:before{opacity:.55;height:92px!important}.learn-page .learn-native-chrome{min-height:58px;padding-top:var(--app-mobile-top-compact)!important;padding-bottom:6px!important}.learn-page .learn-native-title{color:color-mix(in srgb, var(--text-secondary) 82%, transparent)}.learn-page .learn-tabs-container--native{top:calc(var(--hdr-h,64px) + 19px)!important;background:color-mix(in srgb, var(--bg) 86%, transparent)!important;-webkit-backdrop-filter:none!important;margin:0!important;padding:4px 10px 6px!important}.learn-page .learn-content-scrollable{padding:0 10px var(--app-mobile-bottom-space)!important;gap:0!important}.learn-page .translate-tab-wrapper,.learn-page .learn-mode-container{margin-top:0!important}.learn-page .learn-focus-shell{gap:8px!important;margin:2px 0 8px!important}.learn-page .learn-session-hero.learning-path-card{display:none!important}.learn-page .learn-support-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 18px),#0000 100%);margin:0 calc(-1 * var(--page-gutter,12px))!important;padding:2px var(--page-gutter,12px) 8px!important;flex-wrap:nowrap!important;gap:8px!important;display:flex!important;overflow-x:auto!important}.learn-page .learn-support-strip::-webkit-scrollbar{display:none}.learn-page .learn-support-chip{white-space:nowrap!important;background:var(--surface)!important;min-height:36px!important;color:var(--text-secondary)!important;border-radius:999px!important;flex:none!important;padding:0 14px!important;font-size:.82rem!important;box-shadow:0 4px 12px #0f172a09!important}.learn-page .learn-support-chip.active{background:var(--primary)!important;color:#fff!important;border-color:#0000!important}.learn-page .learn-mode-container .learn-stage{margin-top:0!important}.learn-page .learn-progress-area{margin:4px auto 14px!important}.learn-page .mode-card{min-height:min(42vh,360px)!important;margin-bottom:1rem!important}.learn-page .fullscreen-float-btn{opacity:.92;width:46px!important;height:46px!important;right:18px!important;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 24px)!important;z-index:420!important}.translate-page--nested{padding-bottom:var(--app-mobile-bottom-space)!important}.bottom-nav{bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;width:calc(100% - 28px)!important;max-width:650px!important}.wordpacks-page{padding-top:.55rem!important;padding-bottom:var(--app-mobile-bottom-space)!important}.packs-tabs-row,.packs-search-row,.packs-filter-bar{z-index:2;position:relative}.packs-grid{align-items:stretch}.pack-card{min-height:184px;border-radius:22px!important;padding:1rem!important}.pack-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.72em;display:-webkit-box;overflow:hidden}.pack-card-meta{min-height:22px}.pack-card-actions{align-items:center;margin-top:auto!important}.pack-btn-download--full{letter-spacing:.02em;min-width:100%;height:44px!important;font-size:.92rem!important}.pack-btn-primary span,.pack-btn-download--full span:last-child{display:inline-flex}.pack-btn-small{flex:0 0 42px!important}.packs-filter-bar{margin-inline:calc(-1 * var(--page-gutter));-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18px calc(100% - 18px),#0000 100%);padding-left:var(--page-gutter)!important;padding-right:var(--page-gutter)!important}.filter-label{text-overflow:ellipsis;white-space:nowrap;max-width:86px;overflow:hidden}.wordbrowse-page{padding-bottom:var(--app-mobile-bottom-space)!important}.wb-list-section{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 24px)!important}@media (width<=520px){.page{animation:none}.learn-native-eyebrow{font-size:1.1rem!important}.learn-native-title{display:none}.learn-page .learn-native-logo-wrap{width:38px!important;height:38px!important}.learn-page .learn-tabs--native{min-height:44px!important}.learn-tabs--native .learn-tab-btn .label{font-size:.58rem!important}.learn-page .mode-card{min-height:min(40vh,330px)!important;padding-top:1.1rem!important;padding-bottom:1.1rem!important}.learn-page .text-hero,.learn-page .fc-label-zh,.learn-page .fc-label-lo{font-size:clamp(2rem,11vw,3rem)!important}.packs-grid{gap:11px!important}.pack-card{min-height:176px;gap:8px!important;padding:.88rem!important}.pack-name{font-size:1rem!important}.pack-category-tag,.pack-lang-tag{padding:3px 7px!important;font-size:.58rem!important}}@media (width<=380px){:root{--bottom-nav-height:68px;--app-mobile-bottom-space:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 34px)}.packs-grid{grid-template-columns:1fr!important}.pack-card,.pack-name{min-height:auto}}@media (height<=700px) and (width<=520px){.learn-page .learn-native-chrome{min-height:52px}.learn-page .learn-tabs-container--native{top:calc(var(--hdr-h,64px) + 5px)!important}.learn-page .learn-support-strip{display:none!important}.learn-page .mode-card{min-height:min(38vh,280px)!important}}.learn-native-actions .learn-native-icon-btn:before,.learn-native-actions .learn-native-icon-btn:after,.hdr-icon-btn:before,.hdr-icon-btn:after,.bottom-nav button:before,.bottom-nav button:after,.mobile-bottom-nav button:before,.mobile-bottom-nav button:after,.tab-bar button:before,.tab-bar button:after{content:none!important;background:0 0!important;display:none!important;-webkit-mask:none!important;mask:none!important}.app-icon,svg.app-icon{width:var(--app-icon-size,auto);height:var(--app-icon-size,auto);color:currentColor;flex:none;line-height:1;overflow:visible;transform:none;background:0 0!important;display:block!important;-webkit-mask:none!important;mask:none!important}button>.app-icon,.learn-native-icon-btn>.app-icon,.hdr-icon-btn>.app-icon,.learn-tab-btn>.app-icon,.bottom-nav button>.app-icon,.mobile-bottom-nav button>.app-icon{pointer-events:none;flex-shrink:0}.learn-native-actions .learn-native-icon-btn{color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex;overflow:hidden;font-size:initial!important}.learn-native-actions .learn-native-icon-btn:hover,.learn-native-actions .learn-native-icon-btn.active{color:var(--primary)}.learn-tabs--native .learn-tab-btn .icon{font-size:initial!important;background:0 0!important;line-height:1!important;-webkit-mask:none!important;mask:none!important}.learn-tab-btn.active .app-icon,.learn-native-actions .learn-native-icon-btn:active .app-icon{transform:translateY(-1px)scale(1.04)}:root{--pack-accent:#8b5cf6;--pack-accent-2:#4f8cff;--pack-card-radius:22px;--pack-action-size:42px}.wd-svg-icon,.wb-section-title:before,.wb-search-icon:before,.wb-empty-icon:before,.wb-filter-badge:before{content:"";vertical-align:-.16em;width:1.08em;height:1.08em;-webkit-mask:var(--wd-icon-mask) center / contain no-repeat;-webkit-mask:var(--wd-icon-mask) center / contain no-repeat;mask:var(--wd-icon-mask) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}:root{--wd-icon-book:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3H20v17H6.5A2.5 2.5 0 0 0 4 22V5.5Z'/%3E%3Cpath d='M8 7h8'/%3E%3Cpath d='M8 11h7'/%3E%3C/svg%3E");--wd-icon-box:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5 12 3l9 4.5-9 4.5-9-4.5Z'/%3E%3Cpath d='M3 12l9 4.5 9-4.5'/%3E%3Cpath d='M12 12v9'/%3E%3C/svg%3E");--wd-icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");--wd-icon-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 5v14l11-7L7 5Z'/%3E%3C/svg%3E")}.wordpacks-page{--pack-page-gutter:clamp(14px, 4vw, 22px);padding-inline:var(--pack-page-gutter)!important;padding-bottom:calc(var(--app-mobile-bottom-space,130px) + 28px)!important}.wordpacks-page--native .app-icon{vertical-align:-.18em}.wordpacks-page .packs-tabs-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:.45rem;display:grid}.wordpacks-page .packs-tabs{background:#ffffffa8;border:1px solid #8b5cf61f;border-radius:20px;min-height:52px;padding:5px;box-shadow:0 10px 28px #583baa0f}.wordpacks-page .packs-tab{letter-spacing:-.02em;border-radius:16px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-weight:900;display:inline-flex}.wordpacks-page .packs-tab.active{background:linear-gradient(135deg, var(--pack-accent-2), var(--pack-accent));color:#fff;box-shadow:0 10px 22px #8b5cf63b}.wordpacks-page .packs-tab-actions{gap:8px;display:inline-flex}.wordpacks-page .packs-tab-create-btn,.wordpacks-page .packs-sync-btn{border-radius:18px;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex;font-size:initial!important}.wordpacks-page .packs-tab-create-btn:before,.wordpacks-page .packs-sync-btn:before{content:none!important}.wordpacks-page .packs-search-wrap{background:#ffffffc7;border:1px solid #8b5cf61f;border-radius:18px;min-height:54px;box-shadow:0 8px 20px #0f172a0b}.wordpacks-page .packs-search-icon{color:color-mix(in srgb, var(--text-secondary) 75%, transparent);align-items:center;display:inline-flex;font-size:initial!important}.wordpacks-page .packs-search-icon:before,.wordpacks-page .pack-category-tag:before,.wordpacks-page .pack-lang-tag:before{content:none!important}.wordpacks-page .packs-search-clear{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.wordpacks-page .packs-filter-bar{margin-inline:calc(-1 * var(--pack-page-gutter));gap:9px;padding-inline:var(--pack-page-gutter)!important}.wordpacks-page .filter-item{border-radius:999px;align-items:center;gap:6px;min-height:42px;padding:0 15px;font-weight:900;display:inline-flex}.wordpacks-page .filter-flag,.wordpacks-page .pack-lang-flag{background:#ffffffd1;border-radius:4px;justify-content:center;align-items:center;width:1.5em;height:1.08em;font-size:.95rem;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #0f172a14}.wordpacks-page .packs-grid{padding-bottom:calc(var(--bottom-nav-height,72px) + env(safe-area-inset-bottom,0px) + 18px);gap:13px!important}.wordpacks-page .pack-card{flex-direction:column;gap:9px;display:flex;border-radius:var(--pack-card-radius)!important;background:#ffffffd6!important;border:1px solid #8b5cf61f!important;min-height:186px!important;padding:.92rem!important;box-shadow:0 12px 28px #583baa13!important}.wordpacks-page .pack-card.active{border-color:#8b5cf66b!important;box-shadow:0 16px 34px #8b5cf61f!important}.wordpacks-page .pack-card-top{min-height:34px;align-items:flex-start!important}.wordpacks-page .pack-tags{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.wordpacks-page .pack-status-actions{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.wordpacks-page .pack-category-tag,.wordpacks-page .pack-lang-tag{letter-spacing:.04em;min-height:28px;color:var(--pack-accent);background:#8b5cf614;border:1px solid #8b5cf61f;border-radius:10px;align-items:center;gap:5px;padding:0 9px;font-size:.68rem;font-weight:950;display:inline-flex}.wordpacks-page .pack-lang-tag{color:#4f65c7;background:#4f8cff12}.wordpacks-page .pack-name{letter-spacing:-.035em;min-height:2.6em;color:var(--text);margin-top:.1rem;line-height:1.28;font-size:clamp(1.02rem,4.2vw,1.22rem)!important}.wordpacks-page .pack-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.wordpacks-page .pack-card-meta{flex-wrap:wrap;align-items:center;gap:6px;min-height:24px;display:flex}.wordpacks-page .pack-meta-item{color:color-mix(in srgb, var(--text-secondary) 86%, transparent);align-items:center;gap:5px;font-size:.76rem;font-weight:850;display:inline-flex}.wordpacks-page .pack-card-actions{align-items:center;gap:8px;margin-top:auto!important}.wordpacks-page .pack-btn,.wordpacks-page .pack-select-toggle,.wordpacks-page .pack-expand-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex;border-radius:14px!important}.wordpacks-page .pack-btn-icon,.wordpacks-page .pack-btn-small,.wordpacks-page .pack-btn-danger,.wordpacks-page .pack-expand-btn,.wordpacks-page .pack-select-toggle{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important}.wordpacks-page .pack-select-toggle{color:var(--pack-accent);background:#ffffffc7;border:1px solid #8b5cf61f}.wordpacks-page .pack-select-toggle.active{color:#fff;background:#22c55e;border-color:#0000}.wordpacks-page .pack-expand-btn{color:var(--text-secondary);font-size:.72rem}.wordpacks-page .pack-btn-download--full{width:100%;min-height:44px;background:linear-gradient(135deg, var(--pack-accent-2), var(--pack-accent))!important;color:#fff!important;box-shadow:0 10px 24px #8b5cf638!important}.wordpacks-page .pack-btn-primary{min-height:42px;padding-inline:16px!important}.wordpacks-page .tab-badge.success{background:#22c55e!important}.wordpacks-page .tab-badge.warning{background:#f59e0b!important}.packs-empty-state{text-align:center;grid-column:1/-1;padding:56px 20px!important}.packs-empty-state .empty-icon{width:78px;height:78px;color:var(--pack-accent);background:#8b5cf614;border-radius:25px;justify-content:center;align-items:center;margin:0 auto 14px;display:inline-flex}.packs-empty-state h3{margin:10px 0 8px;font-size:1.05rem;font-weight:950}.packs-empty-state p{color:var(--text-secondary);margin:0 0 18px;font-weight:750}.packs-cta-btn{gap:8px;min-width:160px;width:auto!important;font-size:.92rem!important}.wordbrowse-page{padding-left:clamp(12px,3.5vw,20px)!important;padding-right:clamp(12px,3.5vw,20px)!important}.wordbrowse-page .wb-header{background:#ffffff8f;border-bottom:1px solid #8b5cf614;margin:0 calc(-1*clamp(12px,3.5vw,20px)) .9rem;padding:.85rem clamp(18px,5vw,30px)}.wordbrowse-page .wb-title{letter-spacing:-.04em;font-size:clamp(1.3rem,5vw,1.65rem)}.wordbrowse-page .back-btn{background:#ffffffe6;border:0;width:42px;height:42px;box-shadow:0 8px 18px #0f172a12}.wordbrowse-page .wb-section-title{color:color-mix(in srgb, var(--text-secondary) 92%, var(--pack-accent));text-transform:none;letter-spacing:.02em;align-items:center;gap:8px;padding:.5rem .25rem;font-size:.88rem;display:flex}.wordbrowse-page .wb-section-title:before{--wd-icon-mask:var(--wd-icon-book);color:currentColor}.wordbrowse-page .wb-pack-list{padding:0!important}.wordbrowse-page .wb-pack-grid{gap:12px;display:grid}.wordbrowse-page .wb-pack-item{background:#ffffffdb;border:1px solid #8b5cf61a;border-radius:20px;min-height:82px;padding:.95rem 1rem;box-shadow:0 10px 24px #583baa11}.wordbrowse-page .wb-pack-icon{width:46px;height:46px;color:var(--pack-accent);background:#8b5cf614;border-radius:15px;justify-content:center;align-items:center;display:inline-flex;font-size:0!important}.wordbrowse-page .wb-pack-icon:not(.wb-pack-icon--svg):before{content:"";width:25px;height:25px;-webkit-mask:var(--wd-icon-book) center / contain no-repeat;-webkit-mask:var(--wd-icon-book) center / contain no-repeat;mask:var(--wd-icon-book) center / contain no-repeat;background:currentColor}.wordbrowse-page .wb-pack-icon--svg{font-size:initial!important}.wordbrowse-page .wb-pack-name{letter-spacing:-.02em;font-size:1.02rem;font-weight:900}.wordbrowse-page .wb-pack-desc{margin-top:5px;font-size:.8rem}.wordbrowse-page .wb-pack-actions{gap:7px}.wordbrowse-page .wb-icon-btn{background:#ffffffe6;border-color:#8b5cf61f;border-radius:13px;width:36px;height:36px}.wordbrowse-page .wb-pack-arrow{color:var(--text-secondary);font-size:1.8rem;line-height:1}.wordbrowse-page .wb-empty{min-height:300px;padding:3rem 1rem}.wordbrowse-page .wb-empty-icon{width:76px;height:76px;color:var(--pack-accent);background:#8b5cf614;border-radius:24px;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex;font-size:0!important}.wordbrowse-page .wb-empty-icon:before{--wd-icon-mask:var(--wd-icon-box);width:44px;height:44px}.wordbrowse-page .wb-empty-sub{background:#ffffffb3;border-color:#8b5cf659;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;display:inline-flex}.wordbrowse-page .wb-learn-btn{border-radius:17px;justify-content:center;align-items:center;gap:8px;min-width:132px;height:48px;display:inline-flex;font-size:0!important}.wordbrowse-page .wb-learn-btn:before{content:"";width:20px;height:20px;-webkit-mask:var(--wd-icon-play) center / contain no-repeat;-webkit-mask:var(--wd-icon-play) center / contain no-repeat;mask:var(--wd-icon-play) center / contain no-repeat;background:currentColor}.wordbrowse-page .wb-learn-btn:after{content:"学习";font-size:.94rem;font-weight:900}.wordbrowse-page .wb-search-bar{padding:.2rem 0 .7rem}.wordbrowse-page .wb-lang-switch{background:#ffffffb3;border-radius:18px;justify-content:space-between;margin-bottom:.7rem;padding:.42rem}.wordbrowse-page .wb-lang-select{min-height:34px;color:var(--pack-accent);background:#8b5cf612;border-radius:14px}.wordbrowse-page .wb-lang-swap{width:34px;height:34px;color:var(--pack-accent);border-color:#8b5cf629;font-size:0}.wordbrowse-page .wb-lang-swap:before{content:"⇄";font-size:1rem;font-weight:900}.wordbrowse-page .wb-search-wrap{background:#ffffffc7;border:1px solid #8b5cf61c;border-radius:18px;min-height:50px;box-shadow:0 8px 20px #0f172a0a}.wordbrowse-page .wb-search-icon{color:var(--text-secondary);font-size:0!important}.wordbrowse-page .wb-search-icon:before{--wd-icon-mask:var(--wd-icon-search);width:22px;height:22px}.wordbrowse-page .wb-card{background:#ffffffd6;border:1px solid #8b5cf61f;border-radius:24px;min-height:220px;margin:.9rem 0;box-shadow:0 14px 34px #583baa14}.wordbrowse-page .wb-card-word{-webkit-text-fill-color:currentColor;color:var(--text);background:0 0;font-size:clamp(2.1rem,11vw,3.2rem)!important}.wordbrowse-page .wb-card-zh{font-size:clamp(1.18rem,5vw,1.55rem)}.wordbrowse-page .wb-nav{padding:.55rem 0 .65rem}.wordbrowse-page .wb-nav-btn{width:44px;height:44px;font-size:1.5rem;box-shadow:0 6px 16px #583baa14}.wordbrowse-page .wb-list-section{padding:.35rem 0 calc(var(--app-mobile-bottom-space,140px) + 26px)!important}.wordbrowse-page .wb-list{background:#ffffffc2;border-color:#8b5cf61a;border-radius:20px;max-height:none}.wordbrowse-page .wb-list-item{min-height:64px;padding:.8rem .9rem}.wordbrowse-page .wb-list-lo{-webkit-text-fill-color:currentColor;color:var(--text);background:0 0}.wordbrowse-page .wb-list-actions .card-play-btn,.wordbrowse-page .wb-list-actions .card-fav-btn,.wordbrowse-page .wb-list-actions .card-copy-btn{border-radius:12px;width:34px;height:34px}.wordbrowse-page .wb-filter-badge{align-items:center;gap:5px;display:inline-flex;font-size:0!important}.wordbrowse-page .wb-filter-badge:before{--wd-icon-mask:var(--wd-icon-search);width:12px;height:12px}.wordbrowse-page .wb-filter-badge:after{content:attr(data-filter-label);font-size:.68rem}@media (width<=520px){.wordpacks-page .packs-tabs-row{grid-template-columns:1fr}.wordpacks-page .packs-tab-actions{justify-content:flex-end}.wordpacks-page .pack-card{min-height:174px!important}.wordpacks-page .pack-card-actions .pack-btn-primary{flex:auto}.wordbrowse-page .wb-header{position:relative;top:auto}.wordbrowse-page .wb-pack-item{min-height:76px}.wordbrowse-page .wb-pack-actions .wb-icon-btn:nth-child(n+3){display:none}.wordbrowse-page .wb-card{min-height:200px;padding:1.35rem 1rem}}.result-feedback{border-top:1px solid #8b5cf614;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-top:.75rem;padding-top:.75rem;display:flex}.feedback-label{color:var(--text-secondary);margin-right:2px;font-size:.78rem;font-weight:850}.fb-btn{min-height:34px;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;background:#ffffffad;border:1px solid #8b5cf61a;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:.8rem;font-weight:850;display:inline-flex;box-shadow:0 4px 12px #0f172a09}.fb-btn.good{color:#16a34a;background:#16a34a14;border-color:#16a34a1f}.fb-btn.bad{color:#dc2626;background:#dc262612;border-color:#dc26261f}.fb-btn.edit{color:var(--primary);background:#8b5cf614;border-color:#8b5cf629}.result-feedback-done{color:#16a34a;background:#16a34a14;border:1px solid #16a34a1f;border-radius:16px;justify-content:center;min-height:38px}.feedback-submitted-msg{font-size:.82rem;font-weight:900}.correction-form{background:#ffffffd1;border:1px solid #8b5cf61f;border-radius:20px;margin-top:.85rem;padding:.9rem;box-shadow:0 10px 28px #583baa11}.correction-form-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:.75rem;display:flex}.correction-form-title{color:var(--primary);align-items:center;gap:6px;font-size:.86rem;font-weight:950;display:inline-flex}.correction-form-lang{color:var(--primary);background:#8b5cf614;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:900}.correction-form-row{gap:6px;margin-bottom:.65rem;display:grid}.correction-label{color:var(--text-secondary);font-size:.76rem;font-weight:850}.correction-input{box-sizing:border-box;outline:none;width:100%;min-height:42px;color:var(--text)!important;background:#ffffffc7!important;border:1px solid #8b5cf61f!important;border-radius:15px!important;padding:10px 12px!important;font-size:.92rem!important}textarea.correction-input{resize:vertical;min-height:78px}.correction-input:focus{border-color:#8b5cf66b!important;box-shadow:0 0 0 3px #8b5cf61a!important}.correction-form-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:.75rem;display:grid}.correction-btn{border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:42px;font-weight:950;display:inline-flex}.correction-btn.cancel{color:var(--text-secondary);background:#0f172a0d}.correction-btn.submit{color:#fff;background:linear-gradient(135deg,#8b5cf6,#4f8cff);box-shadow:0 10px 22px #8b5cf638}.correction-btn.submit:disabled{opacity:.45;box-shadow:none}@media (width<=520px){.result-feedback{gap:7px}.fb-btn{flex:auto;justify-content:center}.fb-btn.edit{flex-basis:100%}.correction-form-actions{grid-template-columns:1fr}}[data-theme=dark] body,[data-theme=dark] .app-container,[data-theme=dark] .main-content,[data-theme=dark] .page{background:radial-gradient(circle at 14% 0%, var(--pal-primary-soft,#7c5cff21), transparent 32%), radial-gradient(circle at 100% 18%, var(--pal-accent-soft,#22d3ee1a), transparent 28%), var(--bg)!important;color:var(--text)!important}[data-theme=dark] .ui-glass,[data-theme=dark] .card,[data-theme=dark] .pack-card,[data-theme=dark] .word-row,[data-theme=dark] .word-form-card,[data-theme=dark] .correction-form,[data-theme=dark] .tp-translate-card,[data-theme=dark] .tp-result-card,[data-theme=dark] .tp-qa-card,[data-theme=dark] .tp-welcome-card,[data-theme=dark] .daily-goal-card,[data-theme=dark] .share-stat-chip,[data-theme=dark] .wb-pack-item,[data-theme=dark] .wb-list,[data-theme=dark] .wb-card,[data-theme=dark] .fav-hero,[data-theme=dark] .fav-search-input{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow-md,0 8px 28px #00000073)!important}[data-theme=dark] .pack-name,[data-theme=dark] .pack-desc,[data-theme=dark] .pack-meta-item,[data-theme=dark] .wb-pack-name,[data-theme=dark] .wb-pack-desc,[data-theme=dark] .wb-title,[data-theme=dark] .word-lo,[data-theme=dark] .word-zh,[data-theme=dark] .word-en,[data-theme=dark] .fav-title,[data-theme=dark] .fav-empty-title,[data-theme=dark] .tp-input,[data-theme=dark] .tp-card-text,[data-theme=dark] .tp-welcome-title,[data-theme=dark] .daily-goal-title,[data-theme=dark] .chip-num{color:var(--text)!important;-webkit-text-fill-color:currentColor!important}[data-theme=dark] .pack-desc,[data-theme=dark] .pack-meta-item,[data-theme=dark] .wb-pack-desc,[data-theme=dark] .wb-pack-meta,[data-theme=dark] .word-roman,[data-theme=dark] .fav-empty-hint,[data-theme=dark] .tp-brand-subtitle,[data-theme=dark] .tp-welcome-sub,[data-theme=dark] .chip-label,[data-theme=dark] .share-page-subtitle{color:var(--text-secondary)!important;-webkit-text-fill-color:currentColor!important}[data-theme=dark] .wordbrowse-page .wb-header,[data-theme=dark] .wordbrowse-page .wb-section-title,[data-theme=dark] .wordpacks-page .packs-tabs,[data-theme=dark] .wordpacks-page .packs-search-wrap,[data-theme=dark] .wordpacks-page .filter-item,[data-theme=dark] .editor-stats,[data-theme=dark] .search-box-mini,[data-theme=dark] .editor-bottom-bar{background:var(--bg-secondary)!important;border-color:var(--border)!important;color:var(--text-secondary)!important;box-shadow:var(--shadow-md,0 10px 30px #00000047)!important}[data-theme=dark] .wordbrowse-page .wb-header{background:linear-gradient(180deg, var(--surface), var(--bg-secondary))!important}[data-theme=dark] .wordpacks-page .packs-tab.active,[data-theme=dark] .wordpacks-page .filter-item.active,[data-theme=dark] .modal-btn.submit,[data-theme=dark] .pack-btn-primary,[data-theme=dark] .pack-btn-download--full{color:#fff!important;background:var(--hero-grad)!important;border-color:#0000!important}[data-theme=dark] .pack-category-tag,[data-theme=dark] .pack-lang-tag,[data-theme=dark] .word-cat-tag,[data-theme=dark] .editor-stats .stat-item,[data-theme=dark] .editor-stats .pack-category-tag{background:var(--primary-soft)!important;border-color:var(--primary-glow)!important;color:var(--text)!important}[data-theme=dark] .pack-btn-secondary,[data-theme=dark] .pack-btn-icon,[data-theme=dark] .pack-select-toggle,[data-theme=dark] .pack-expand-btn,[data-theme=dark] .word-btn,[data-theme=dark] .wb-icon-btn{background:var(--surface-hover)!important;border-color:var(--border)!important;color:var(--text-secondary)!important}[data-theme=dark] .pack-btn-danger,[data-theme=dark] .word-btn.danger{color:#ff9a9a!important;background:#ef444424!important;border-color:#ef44443d!important}[data-theme=dark] .share-page,[data-theme=dark] .share-card-wrapper{color:var(--text)!important}[data-theme=dark] .share-template-tabs,[data-theme=dark] .share-day-tab,[data-theme=dark] .ach-badge,[data-theme=dark] .daily-goal-card,[data-theme=dark] .share-stat-chip{background:var(--bg-secondary)!important;border-color:var(--border)!important;color:var(--text-secondary)!important;box-shadow:var(--shadow-md,0 10px 26px #00000042)!important}[data-theme=dark] .share-template-tab{color:var(--text-secondary)!important}[data-theme=dark] .share-template-tab.active,[data-theme=dark] .share-day-tab.active,[data-theme=dark] .ach-badge.unlocked{background:var(--hero-grad)!important;color:#fff!important;border-color:var(--primary-glow)!important}[data-theme=dark] .share-hero-card{box-shadow:0 22px 54px #00000057!important}[data-theme=dark] .daily-goal-count,[data-theme=dark] .chip-num,[data-theme=dark] .share-page-title{color:var(--text)!important}[data-theme=dark] .daily-goal-bar-bg{background:var(--surface-hover)!important}[data-theme=dark] .bottom-nav,[data-theme=dark] .tab-bar,[data-theme=dark] .mobile-bottom-nav{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 18px 48px #0000006b!important}[data-theme=dark] .bottom-nav button,[data-theme=dark] .bottom-nav .nav-item,[data-theme=dark] .tab-bar button{color:var(--text-muted)!important}[data-theme=dark] .bottom-nav button.active,[data-theme=dark] .bottom-nav .nav-item.active,[data-theme=dark] .tab-bar button.active{color:var(--primary)!important;background:var(--primary-soft)!important;border-color:var(--primary-glow)!important}.tp-lang-row{z-index:900!important}.tp-lang-pill{position:relative!important}.tp-lang-dropdown{contain:none!important;width:min(220px,100vw - 28px)!important;min-width:178px!important;left:50%!important;right:auto!important;overflow-x:hidden!important;transform:translate(-50%)!important}.tp-lang-pill:first-child .tp-lang-dropdown{left:0!important;transform:none!important}.tp-lang-pill:last-child .tp-lang-dropdown{left:auto!important;right:0!important;transform:none!important}.tp-lang-option{white-space:nowrap!important;min-height:44px!important}[data-theme=dark] .tp-lang-pill-btn,[data-theme=dark] .tp-mode-row,[data-theme=dark] .tp-action-btn,[data-theme=dark] .tp-inline-login-hint{background:var(--surface-hover)!important;border-color:var(--border)!important;color:var(--text-secondary)!important}[data-theme=dark] .tp-lang-dropdown{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 18px 46px #00000075!important}[data-theme=dark] .tp-lang-option{color:var(--text)!important}[data-theme=dark] .tp-lang-option.active,[data-theme=dark] .tp-lang-option:hover{background:var(--primary-soft)!important;color:var(--primary)!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] .form-input,[data-theme=dark] .correction-input,[data-theme=dark] .packs-search,[data-theme=dark] .fav-search-input{background:var(--surface-hover)!important;border-color:var(--border)!important;color:var(--text)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder,[data-theme=dark] .tp-input::placeholder,[data-theme=dark] .packs-search::placeholder,[data-theme=dark] .fav-search-input::placeholder{color:var(--text-muted)!important;opacity:1!important}[data-theme=dark] .tp-modal{background:var(--surface)!important;color:var(--text)!important}@media (width<=520px){.tp-lang-row{gap:.55rem!important;padding-inline:.3rem!important}.tp-lang-pill{min-width:0!important;max-width:none!important}.tp-lang-pill-btn{min-width:0!important;padding-inline:10px!important}.tp-lang-dropdown{max-height:min(330px,56vh)!important}}.wending-ai-support-badge{min-height:34px;color:var(--text-secondary,#64748b);letter-spacing:.01em;background:#8b5cf60f;border:1px solid #8b5cf624;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:7px 12px;font-size:.75rem;font-weight:850;text-decoration:none;transition:transform .16s,color .18s,border-color .18s,background .18s;display:inline-flex}.wending-ai-support-badge:hover{color:var(--primary,#8b5cf6);background:#8b5cf61a;border-color:#8b5cf647}.wending-ai-support-badge:active{transform:scale(.97)}.wending-ai-dot{background:linear-gradient(135deg,#4f8cff,#8b5cf6,#22d3ee);border-radius:999px;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 14px #8b5cf66b}[data-theme=dark] .wending-ai-support-badge{color:#e2e8ffb3;background:#8b5cf61a;border-color:#9babff29}[data-theme=dark] .wending-ai-support-badge:hover{color:#c4b5fd;background:#8b5cf629}.quiz-card .text-hero{overflow-wrap:anywhere;word-break:break-word;text-wrap:balance;-webkit-box-orient:vertical;max-height:min(46dvh,430px);display:-webkit-box;overflow:hidden}.quiz-card.dense-1 .text-hero{letter-spacing:-.04em;-webkit-line-clamp:5;font-size:clamp(1.72rem,6.4vw,3.2rem);line-height:1.18}.quiz-card.dense-2 .text-hero{letter-spacing:-.025em;-webkit-line-clamp:7;max-width:96%;font-size:clamp(1.34rem,4.8vw,2.28rem);line-height:1.2}.quiz-card.dense-3 .text-hero{letter-spacing:-.015em;-webkit-line-clamp:8;max-width:97%;font-size:clamp(1.06rem,3.85vw,1.68rem);line-height:1.26}.quiz-card.dense-3:after{content:"长文本已自动压缩显示";color:var(--text-muted,#94a3b8);opacity:.72;font-size:.68rem;font-weight:800;position:absolute;bottom:14px;right:18px}@media (width<=480px){.quiz-card .text-hero{max-height:32dvh}.quiz-card.dense-1 .text-hero{-webkit-line-clamp:5;font-size:clamp(1.55rem,8vw,2.6rem)}.quiz-card.dense-2 .text-hero{-webkit-line-clamp:6;font-size:clamp(1.18rem,5.9vw,1.92rem)}.quiz-card.dense-3 .text-hero{-webkit-line-clamp:7;font-size:clamp(.98rem,4.7vw,1.42rem)}}@media (height<=760px) and (width<=480px){.quiz-card .text-hero{max-height:27dvh}.quiz-card.dense-2 .text-hero,.quiz-card.dense-3 .text-hero{-webkit-line-clamp:5}}.tp-qa-section{flex-direction:column;gap:12px;margin-top:12px;display:flex}.tp-qa-topbar{flex-direction:column;gap:10px;padding:0 2px;display:flex}.tp-qa-submit-btn{color:#fff;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#4f8cff 0%,#7c3aed 52%,#a855f7 100%);border:0;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-size:1rem;font-weight:950;transition:transform .16s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 14px 34px #7c3aed3d}.tp-qa-submit-btn:active{transform:scale(.985)}.tp-qa-submit-btn.is-stopping{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 14px 34px #ef44443d}.tp-stop-dot{background:#fff;border-radius:999px;width:10px;height:10px;animation:1.2s infinite tp-stop-pulse;box-shadow:0 0 #fff9}@keyframes tp-stop-pulse{0%{box-shadow:0 0 #ffffff94}70%{box-shadow:0 0 0 9px #fff0}to{box-shadow:0 0 #fff0}}.tp-qa-scene-pills-minimal{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:2px 0 4px;display:flex;overflow-x:auto}.tp-qa-scene-pills-minimal::-webkit-scrollbar{display:none}.tp-qa-scene-pill{min-height:38px;color:var(--primary,#7c3aed);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#8b5cf612;border:1px solid #8b5cf61f;border-radius:999px;flex:none;padding:0 14px;font-size:.84rem;font-weight:850}.tp-qa-scene-pill:active{transform:scale(.97)}.tp-qa-card{min-height:0!important;margin-top:0!important}.tp-qa-card .tp-card-text{min-height:0}.tp-qa-empty{min-height:90px!important;padding:18px 12px!important}@media (width<=480px){.tp-qa-section{gap:10px;margin-top:10px}.tp-qa-submit-btn{border-radius:18px;min-height:50px;font-size:.96rem}.tp-qa-scene-pill{min-height:36px;padding:0 12px;font-size:.82rem}}[data-theme=dark] .tp-qa-scene-pill{color:#c4b5fd;background:#8b5cf61f;border-color:#9babff26}.immersive-page{min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 26px) 18px calc(env(safe-area-inset-bottom,0px) + 26px);gap:18px;z-index:2147483000!important;background:radial-gradient(circle at 18% 12%,#6366f12e,#0000 34%),radial-gradient(circle at 78% 88%,#14b8a61f,#0000 34%),linear-gradient(#070b1b 0%,#050816 58%,#030611 100%)!important;justify-content:center!important}.immersive-page:after{content:"";pointer-events:none;background:linear-gradient(#ffffff09,#0000 18% 82%,#00000040);position:absolute;inset:0}.immersive-topbar{align-items:center;top:calc(env(safe-area-inset-top,0px) + 16px)!important;left:18px!important;right:18px!important}.immersive-close{box-shadow:0 10px 30px #00000038;background:#ffffff13!important;border-color:#ffffff1f!important;border-radius:18px!important;width:46px!important;height:46px!important}.immersive-stats{color:#e2e8ffbd;-webkit-backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;align-items:baseline;gap:5px;padding:9px 13px;font-size:.88rem;font-weight:850;display:inline-flex}.immersive-count{color:#fff;font-variant-numeric:tabular-nums}.immersive-progress-track{z-index:12;background:#fff1!important;height:4px!important}.immersive-progress-bar{background:linear-gradient(90deg,#22c55e,#60a5fa,#a855f7)!important}.immersive-card-scene{min-height:360px;max-height:620px;margin-top:clamp(42px,8dvh,74px);width:min(92vw,680px)!important;height:min(56dvh,560px)!important}.immersive-card-front,.immersive-card-back{background:#0d122ab8!important;border-color:#8794ff33!important;border-radius:clamp(26px,5vw,38px)!important;padding:clamp(24px,5vw,46px)!important;box-shadow:0 34px 80px #00000061,inset 0 1px #ffffff14!important}.immersive-lo-text,.immersive-zh-text{-webkit-line-clamp:5;overflow-wrap:anywhere;text-wrap:balance;-webkit-box-orient:vertical;max-width:94%;max-height:64%;display:-webkit-box;overflow:hidden}.immersive-lo-text{font-size:clamp(2.15rem,9vw,5rem)!important;line-height:1.16!important}.immersive-zh-text{font-size:clamp(1.55rem,5.8vw,3.2rem)!important;line-height:1.2!important}.immersive-card-front.density-md .immersive-lo-text,.immersive-card-back.density-md .immersive-zh-text{-webkit-line-clamp:6;font-size:clamp(1.65rem,6.8vw,3.25rem)!important;line-height:1.18!important}.immersive-card-front.density-lg .immersive-lo-text,.immersive-card-back.density-lg .immersive-zh-text{-webkit-line-clamp:8;max-height:70%;font-size:clamp(1.22rem,4.8vw,2.18rem)!important;line-height:1.22!important}.immersive-card-front.density-xl .immersive-lo-text,.immersive-card-back.density-xl .immersive-zh-text{-webkit-line-clamp:9;max-height:72%;font-size:clamp(.98rem,3.8vw,1.56rem)!important;line-height:1.28!important}.immersive-card-front.density-xl:after,.immersive-card-back.density-xl:after{content:"长文本";color:#e2e8ff61;letter-spacing:.08em;font-size:.66rem;font-weight:800;position:absolute;bottom:16px;right:18px}.immersive-roman{text-align:center;overflow-wrap:anywhere;max-width:94%;color:#e2e8ff9e!important}.immersive-hint{background:#ffffff12;border:1px solid #8794ff2e;border-radius:999px;margin-top:clamp(18px,4dvh,34px);padding:10px 14px;color:#e2e8ffc7!important;letter-spacing:.02em!important;font-size:.82rem!important;position:static!important}.srs-quality-row{gap:clamp(12px,4vw,24px)!important;margin-top:clamp(24px,5dvh,46px)!important}.srs-btn{border-radius:20px!important;width:clamp(52px,13vw,68px)!important;height:clamp(52px,13vw,68px)!important}.srs-label{color:#e2e8ff8f!important;font-size:.68rem!important}.immersive-counter{z-index:8;color:#e2e8ff7a;font-variant-numeric:tabular-nums;background:#ffffff0b;border:1px solid #ffffff14;border-radius:999px;padding:7px 14px;font-size:.88rem;font-weight:800}@media (width<=480px){.immersive-page{padding-inline:14px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}.immersive-card-scene{min-height:340px;margin-top:58px;width:94vw!important;height:min(54dvh,500px)!important}.immersive-lo-text{-webkit-line-clamp:6;font-size:clamp(2rem,11vw,3.7rem)!important}.immersive-zh-text{-webkit-line-clamp:5;font-size:clamp(1.4rem,7vw,2.45rem)!important}.immersive-card-front.density-lg .immersive-lo-text,.immersive-card-back.density-lg .immersive-zh-text{-webkit-line-clamp:7;font-size:clamp(1.04rem,4.8vw,1.72rem)!important}.immersive-card-front.density-xl .immersive-lo-text,.immersive-card-back.density-xl .immersive-zh-text{-webkit-line-clamp:8;font-size:clamp(.86rem,4vw,1.26rem)!important}}@media (height<=720px) and (width<=480px){.immersive-card-scene{min-height:300px;margin-top:46px;height:50dvh!important}.srs-quality-row{margin-top:18px!important}.immersive-hint{margin-top:14px;padding-block:8px}.immersive-card-front.density-xl .immersive-lo-text,.immersive-card-back.density-xl .immersive-zh-text{-webkit-line-clamp:6}}@media (width<=540px){:root{--bottom-nav-height:74px;--app-mobile-bottom-space:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 54px)}.learn-page{min-height:100dvh;padding-top:0!important}.learn-page:before{opacity:.18!important;height:34px!important}.learn-page .learn-content-scrollable{padding:0 10px var(--app-mobile-bottom-space)!important;gap:0!important}.learn-page .learn-tabs-container--native{-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg,#f7f6ff) 88%, transparent)!important;margin:0!important;padding:4px 10px 6px!important;top:0!important}.learn-page .learn-tabs--native{border-radius:20px!important;gap:2px!important;min-height:42px!important;padding:4px!important}.learn-page .learn-tab-btn .icon{margin-bottom:0!important}.learn-page .learn-tab-btn .label{font-size:.56rem!important;font-weight:760!important}.learn-page .learn-mode-container,.learn-page .translate-tab-wrapper,.learn-page .translate-page--nested,.learn-page .translate-page--nested .tp-container,.learn-page .translate-page--nested .tp-content-sheet{margin-top:0!important}.learn-page .translate-page--nested .tp-container{padding:6px 0 var(--app-mobile-bottom-space)!important;min-height:auto!important}.learn-page .translate-page--nested .tp-content-sheet{flex-direction:column!important;gap:8px!important;animation:none!important;display:flex!important}.learn-page .translate-page--nested .tp-mode-bar{gap:8px;min-height:34px;order:0!important;justify-content:flex-start!important;align-items:center!important;margin:0!important;padding:0 2px 4px!important;display:flex!important}.learn-page .translate-page--nested .ai-mode-trigger,.learn-page .translate-page--nested .tp-history-btn{background:#ffffffb8!important;border-radius:999px!important;height:34px!important;min-height:34px!important;box-shadow:0 8px 22px #0f172a0f!important}.learn-page .translate-page--nested .ai-mode-trigger{padding:6px 10px!important}.learn-page .translate-page--nested .tp-history-btn{width:34px!important;margin-left:0!important}.learn-page .translate-page--nested .tp-translate-card{background:#ffffffa8!important;border-radius:22px!important;gap:8px!important;min-height:0!important;margin:0!important;padding:12px 12px 10px!important;box-shadow:0 14px 34px #0f172a0e!important}.learn-page .translate-page--nested .tp-results,.learn-page .translate-page--nested .tp-qa-section,.learn-page .translate-page--nested .tp-local-section{margin-top:10px!important;margin-bottom:0!important;padding-bottom:0!important}.learn-page .translate-page--nested .tp-add-custom-row{margin:16px 0 calc(var(--app-mobile-bottom-space) + 10px)!important}.learn-page .translate-page--nested .tp-lang-row{min-height:40px;gap:8px!important;padding:0!important}.learn-page .translate-page--nested .tp-lang-pill{max-width:none!important}.learn-page .translate-page--nested .tp-lang-pill-btn{background:#ffffffdb!important;border-radius:999px!important;min-width:0!important;height:40px!important}.learn-page .translate-page--nested .tp-swap-btn{width:40px!important;height:40px!important;box-shadow:0 10px 22px #7c3aed33!important}.learn-page .translate-page--nested .tp-input-wrap{gap:6px!important}.learn-page .translate-page--nested .tp-input{min-height:68px!important;max-height:126px!important;padding:2px 2px 0!important;font-size:clamp(1.1rem,5.1vw,1.36rem)!important;line-height:1.38!important}.learn-page .translate-page--nested .tp-input::placeholder{font-size:1rem!important;font-weight:720!important}.learn-page .translate-page--nested .tp-input-actions{min-height:30px!important;padding-top:0!important}.learn-page .translate-page--nested .tp-mode-row-container{max-width:260px!important;margin:0 auto!important}.learn-page .translate-page--nested .tp-mode-row{border-radius:13px!important;min-height:34px!important}.learn-page .translate-page--nested .tp-welcome-card{min-height:0!important;padding:18px 14px calc(var(--app-mobile-bottom-space) + 12px)!important;border-radius:22px!important;margin-bottom:0!important}.learn-page .translate-page--nested .tp-welcome-icon{margin-bottom:8px!important;font-size:2rem!important}.learn-page .translate-page--nested .tp-welcome-title{margin-bottom:6px!important;font-size:1.14rem!important}.learn-page .translate-page--nested .tp-welcome-sub{margin-bottom:12px!important;font-size:.82rem!important;line-height:1.45!important}.learn-page .translate-page--nested .tp-welcome-examples{gap:9px!important;padding-bottom:6px!important}.learn-page .translate-page--nested .tp-welcome-chip{border-radius:14px!important;min-height:46px!important;padding:10px 12px!important}.bottom-nav{bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;width:calc(100% - 28px)!important;max-width:650px!important}}@media (height<=740px) and (width<=540px){.learn-page .translate-page--nested .tp-input{min-height:58px!important;max-height:104px!important}.learn-page .translate-page--nested .tp-welcome-card{padding-top:14px!important}.learn-page .translate-page--nested .tp-welcome-icon{display:none!important}}[data-theme=dark] .learn-page .translate-page--nested .tp-translate-card,[data-theme=dark] .learn-page .translate-page--nested .ai-mode-trigger,[data-theme=dark] .learn-page .translate-page--nested .tp-history-btn,[data-theme=dark] .learn-page .translate-page--nested .tp-lang-pill-btn{background:#0f172ab3!important;border-color:#9babff21!important}.sp-toggle-grid--single{grid-template-columns:1fr}.sp-sound-toggle-row{margin-top:14px}.sp-setting-hint{color:var(--text-muted);margin-top:8px;font-size:.74rem;font-weight:600;line-height:1.5}.sp-lang-btn{justify-content:center;align-items:center;gap:6px;min-height:42px;display:inline-flex}@media (width<=420px){.sp-lang-grid{grid-template-columns:1fr}}.hdr{z-index:200;padding:calc(env(safe-area-inset-top,0px) + 8px) 1rem 0;background:linear-gradient(to bottom, rgba(var(--pal-r,255), var(--pal-g,254), var(--pal-b,250), .82) 0%, rgba(var(--pal-r,255), var(--pal-g,254), var(--pal-b,250), .72) 100%);-webkit-backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--border-light) inset, 0 2px 16px #0000000d;transition:transform .32s cubic-bezier(.32,.72,0,1),box-shadow .3s;position:sticky;top:0;overflow:visible}[data-theme=dark] .hdr{background:linear-gradient(to bottom, rgba(var(--pal-r-dark,14), var(--pal-g-dark,14), var(--pal-b-dark,24), .88) 0%, rgba(var(--pal-r-dark,14), var(--pal-g-dark,14), var(--pal-b-dark,24), .76) 100%);border-bottom-color:var(--border);box-shadow:inset 0 1px #ffffff0d,0 2px 16px #00000040}.hdr-grad-band{background:var(--hero-grad);border-radius:0 0 2px 2px;flex-shrink:0;height:3px;margin-top:8px;transition:background .35s,box-shadow .35s}.hdr-orbs{pointer-events:none;border-radius:inherit;z-index:-1;position:absolute;inset:0;overflow:hidden}.hdr-orb{filter:blur(24px);border-radius:50%;transition:background .35s,opacity .35s;position:absolute}@media (width>=769px) and (prefers-reduced-motion:no-preference){.hdr-orb{animation:8s ease-in-out infinite alternate hdrOrbFloat}}@media (width<=768px){.hdr-orbs{display:none}}.hdr-orb-1{background:radial-gradient(ellipse, var(--primary) 0%, transparent 70%);opacity:.22;width:140px;height:90px;animation-duration:9s;animation-delay:-3s;top:-30px;left:-30px}.hdr-orb-2{background:radial-gradient(ellipse, var(--accent) 0%, transparent 70%);opacity:.16;width:110px;height:75px;animation-duration:7s;animation-delay:-1s;top:-15px;right:8%}@keyframes hdrOrbFloat{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.04)}to{transform:translateY(4px)scale(.97)}}.hdr-hidden{transform:translateY(calc(-100% - env(safe-area-inset-top,0px) - 4px));box-shadow:none}.hdr-visible{transform:translateY(0)}.hdr-inner{height:var(--hdr-h);background:0 0;justify-content:space-between;align-items:center;display:flex}.hdr-brand{align-items:center;gap:.7rem;display:flex}.hdr-logo-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0000001a);border-radius:22%;height:52px}.hdr-logo-img:active{transform:scale(.92)}.hdr-actions{-webkit-backdrop-filter:blur(28px)saturate(200%);background:#ffffffb8;border:1px solid #fffffff2;border-radius:18px;align-items:center;gap:.2rem;padding:5px 8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff80,0 2px 8px #0000000d,inset 0 1px #fff}.hdr-lang-wrap{position:relative}.hdr-lang-btn{justify-content:center;align-items:center;gap:6px;width:auto;min-width:58px;padding:0 9px;display:inline-flex}.hdr-lang-code{letter-spacing:.04em;color:currentColor;font-size:.72rem;font-weight:950;line-height:1}.hdr-lang-flag,.lang-flag{background:#ffffffd1;border-radius:4px;justify-content:center;align-items:center;width:1.55em;height:1.12em;font-size:1rem;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #0f172a14}.hdr-lang-flag{font-size:1.05rem}.hdr-icon-btn{cursor:pointer;width:42px;height:42px;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:1.05rem;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .15s,color .15s;display:inline-flex;position:relative}.hdr-icon-btn .app-icon{flex:none}.hdr-icon-btn:hover:not(:active){background:var(--bg-secondary);color:var(--text)}.hdr-icon-btn:active{background:var(--surface-hover);transform:scale(.88)}.hdr-icon-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.lang-dropdown{-webkit-backdrop-filter:blur(40px)saturate(200%);box-shadow:var(--shadow-lg);z-index:9999;background:#ffffffeb;border:1px solid #8b5cf61a;border-radius:18px;min-width:190px;padding:6px;animation:.22s cubic-bezier(.34,1.56,.64,1) dropdownIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-option{cursor:pointer;width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:13px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:750;transition:background .12s,color .12s;display:grid}.lang-option:hover{background:var(--primary-soft);color:var(--primary)}.lang-option.active{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.lang-option.active .lang-flag{box-shadow:0 0 0 1px #ffffff8c}.lang-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lang-code{letter-spacing:.06em;opacity:.72;font-size:.68rem;font-weight:950}[data-theme=dark] .hdr-logo-img{filter:drop-shadow(0 2px 6px var(--primary-glow))}[data-theme=dark] .hdr-actions{background:var(--surface);border-color:var(--border);box-shadow:inset 0 0 0 1px #ffffff0a,0 2px 8px #0003,inset 0 1px #ffffff0d}[data-theme=dark] .hdr-icon-btn{color:var(--text-secondary);box-shadow:inset 0 1px #ffffff0f}[data-theme=dark] .hdr-icon-btn:hover:not(:active){background:var(--primary-soft);color:var(--primary)}[data-theme=dark] .hdr-icon-btn:active{background:var(--primary-soft)}[data-theme=dark] .hdr-icon-btn.active{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}[data-theme=dark] .hdr-orb-1{opacity:.12;filter:blur(20px)}[data-theme=dark] .hdr-orb-2{opacity:.08;filter:blur(20px)}[data-theme=dark] .lang-dropdown{background:#101020f7;border-color:#5050822e;box-shadow:0 16px 40px #0006,0 4px 12px #0003}[data-theme=dark] .lang-option{color:#a0aad2c7}[data-theme=dark] .lang-option:hover{color:#c8d7fff2;background:#7eb6ff12}[data-theme=dark] .lang-option.active{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}[data-theme=dark] .hdr-grad-band{box-shadow:0 0 16px var(--primary-glow)}.hdr-btn-hide-mobile{display:flex}@media (width<=480px){.hdr-btn-hide-mobile{display:none!important}.hdr{padding-top:max(env(safe-area-inset-top,0px), 4px);border-radius:0 0 16px 16px;margin-bottom:.1rem}.hdr-logo-img{height:28px}.hdr-icon-btn{border-radius:10px;width:36px;height:36px}.hdr-actions{border-radius:14px;gap:.1rem;padding:3px 5px}.hdr-lang-btn{gap:4px;min-width:48px;padding:0 6px}.hdr-lang-code{font-size:.66rem}.hdr-lang-flag{width:1.45em;font-size:.98rem}.lang-dropdown{min-width:178px}}@media (hover:hover){.hdr-icon-btn:hover:not(:active):not(.active){color:#281e14e6;background:#0000000a}[data-theme=dark] .hdr-icon-btn:hover:not(:active):not(.active){color:#c8d7ffeb;background:#7eb6ff12}}.bottom-nav{--bottom-nav-height:72px;bottom:calc(10px + env(safe-area-inset-bottom,0px));width:min(100% - 28px,460px);height:var(--bottom-nav-height);z-index:500;box-sizing:border-box;background:color-mix(in srgb, var(--surface-strong) 92%, transparent);-webkit-backdrop-filter:blur(28px)saturate(180%);border-radius:26px;justify-content:center;align-items:stretch;padding:6px;transition:transform .26s cubic-bezier(.32,.72,0,1),box-shadow .24s,background .2s;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 34px #0f172a1f,0 2px 8px #0f172a0f,inset 0 0 0 1px #ffffff9e}.nav-hidden{transform:translate(-50%, calc(100% + 24px + env(safe-area-inset-bottom,0px)));box-shadow:0 6px 18px #0f172a0f}.nav-visible{transform:translate(-50%)}.nav-pill{pointer-events:none;will-change:transform, width;background:linear-gradient(135deg,#fffffffa,#f8fbf7e6);border:1px solid #ffffffd1;border-radius:21px;height:calc(100% - 12px);transition:transform .3s cubic-bezier(.34,1.2,.64,1),width .3s cubic-bezier(.34,1.2,.64,1);position:absolute;top:6px;left:6px;box-shadow:0 8px 18px #2f9f6b1a,inset 0 1px #ffffffeb}.nav-item{z-index:1;cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:19px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;height:100%;padding:0 2px;transition:color .18s,transform .18s;display:flex;position:relative}.nav-item-icon{justify-content:center;align-items:center;width:23px;height:23px;transition:transform .22s cubic-bezier(.34,1.2,.64,1),opacity .18s;display:flex}.nav-item-icon svg{stroke-width:2.35px;width:23px;height:23px;transition:stroke-width .18s}.nav-item-label{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;opacity:.78;max-width:100%;font-size:.66rem;font-weight:850;line-height:1;overflow:hidden}.nav-item.active{color:var(--primary)}.nav-item.active .nav-item-icon{transform:translateY(-1px)scale(1.06)}.nav-item.active .nav-item-icon svg{stroke-width:2.7px}.nav-item.active .nav-item-label{opacity:1}.nav-item:active{transform:scale(.94)}[data-theme=dark] .bottom-nav{background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:0 14px 36px #0000006b, 0 0 0 1px var(--border-light) inset}[data-theme=dark] .nav-pill{background:linear-gradient(135deg,#1e293bf5,#0f172aeb);border-color:#ffffff14;box-shadow:0 8px 20px #0000003d}@media (hover:hover){.nav-item:hover:not(.active){color:var(--text-secondary)}.nav-item:hover:not(.active) .nav-item-icon{transform:translateY(-1px)scale(1.04)}}@media (width<=380px){.bottom-nav{border-radius:24px;width:calc(100% - 20px);height:68px}.nav-item-label{font-size:.61rem}.nav-item-icon,.nav-item-icon svg{width:22px;height:22px}}.toast{color:#fff;z-index:9999;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(32px)saturate(200%);background:linear-gradient(135deg,#282832eb 0%,#1e1e2ae6 100%);border-radius:24px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;animation:.25s cubic-bezier(.4,0,.2,1) toastIn;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff1f,0 8px 32px #0006,0 2px 12px #00000040,inset 0 -1px #ffffff1a}[data-theme=dark] .toast{background:linear-gradient(135deg,#3c3c50ed 0%,#28283ce8 100%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.ach-toast{z-index:99998;-webkit-backdrop-filter:blur(40px)saturate(200%);pointer-events:none;background:linear-gradient(135deg,#fffffff2 0%,#ffffffe0 100%);border-radius:20px;align-items:center;gap:14px;min-width:260px;max-width:340px;padding:14px 18px;animation:.5s cubic-bezier(.34,1.56,.64,1) achToastIn;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #fffc,0 12px 40px #0003,0 4px 16px #0000001f,inset 0 -2px 16px #fff6}@keyframes achToastIn{0%{opacity:0;transform:translate(-50%)translateY(24px)scale(.85)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.ach-toast-icon{filter:drop-shadow(0 2px 8px #00000026);flex-shrink:0;font-size:2.2rem}.ach-toast-body{flex:1;min-width:0}.ach-toast-title{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.68rem;font-weight:800}.ach-toast-name{color:var(--text);margin-bottom:2px;font-size:.95rem;font-weight:800}.ach-toast-desc{color:var(--text-secondary);font-size:.75rem;font-weight:500}.ach-toast-bonus{color:var(--success);margin-top:4px;font-size:.78rem;font-weight:800}[data-theme=dark] .ach-toast{background:linear-gradient(135deg,#1e1e32f0 0%,#141428e6 100%);box-shadow:inset 0 0 0 1px #ffffff14,0 12px 40px #00000080,0 4px 16px #0000004d,inset 0 -2px 16px #ffffff0a}[data-theme=dark] .ach-toast-title{color:var(--primary-light,#7c8fff)}[data-theme=dark] .ach-toast-name{color:#fffffff2}[data-theme=dark] .ach-toast-desc{color:#ffffff8c}.login-modal{border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);max-width:390px;padding:2rem 1.4rem 1.35rem;overflow:hidden}.login-modal:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(165deg,#ffffff5c,#fff0);height:52%;position:absolute;inset:0 0 auto}.login-modal:after{content:"";background:radial-gradient(circle at center, color-mix(in srgb, var(--primary) 40%, transparent), transparent 68%);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-70px}.login-header{text-align:center;z-index:1;margin-bottom:2rem;position:relative}.login-title{color:var(--text);letter-spacing:-.35px;margin-bottom:.4rem;font-size:1.52rem;font-weight:900;line-height:1.2}.login-subtitle{color:var(--text-muted);opacity:.9;font-size:.9rem;font-weight:600}.login-form{z-index:1;flex-direction:column;gap:1.25rem;display:flex;position:relative}.login-input-group{flex-direction:column;gap:11px;display:flex}.login-input{border:1px solid color-mix(in srgb, var(--border-light) 80%, transparent);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:14px;min-height:50px;transition:border-color .2s,box-shadow .2s,background .2s}.login-input:focus{border-color:color-mix(in srgb, var(--primary) 65%, white 5%);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);background:var(--surface)}.login-error-msg{color:var(--danger);text-align:center;background:var(--danger-soft,#ef444414);border:1px solid #ef444426;border-radius:10px;margin:-.5rem 0;padding:8px;font-size:.82rem;font-weight:700}.login-submit-btn{background:var(--hero-grad);color:#fff;cursor:pointer;width:100%;min-height:56px;box-shadow:var(--shadow-md), 0 8px 26px color-mix(in srgb, var(--primary) 28%, transparent);border:none;border-radius:16px;font-family:inherit;font-size:1.05rem;font-weight:900;transition:all .2s}.login-submit-btn:hover{box-shadow:var(--shadow-lg), 0 14px 30px color-mix(in srgb, var(--primary) 32%, transparent);transform:translateY(-2px)}.login-submit-btn:active{transform:scale(.97)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-divider{color:var(--text-muted);text-transform:uppercase;z-index:1;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.75rem;font-weight:800;display:flex;position:relative}.login-divider:before,.login-divider:after{content:"";background:var(--border-light);flex:1;height:1.5px}.social-login-grid{z-index:1;grid-template-columns:1fr 1fr;gap:12px;display:grid;position:relative}.social-btn{cursor:pointer;border:1.5px solid color-mix(in srgb, var(--border-light) 80%, transparent);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);min-height:50px;color:var(--text);border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.social-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.social-btn:active{transform:scale(.96)}.login-footer{text-align:center;z-index:1;margin-top:1.55rem;position:relative}.toggle-mode-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:.9rem;font-weight:800;transition:opacity .2s}.toggle-mode-btn:hover{opacity:.8;text-decoration:underline}[data-theme=dark] .login-modal:before{background:linear-gradient(#ffffff12,#fff0)}[data-theme=dark] .login-modal:after{background:radial-gradient(circle at center, color-mix(in srgb, var(--primary) 26%, transparent), transparent 72%)}@media (width<=480px){.login-modal{border-radius:18px;width:min(92vw,390px);padding:1.6rem 1rem 1.1rem}.login-title{font-size:1.35rem}.login-submit-btn{min-height:52px}}.ip-bar{left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:950;background:var(--surface,#fff);border:1.5px solid var(--border);border-radius:16px;align-items:center;gap:10px;padding:10px 12px 10px 14px;animation:.35s cubic-bezier(.34,1.56,.64,1) ipSlideUp;display:flex;position:fixed;box-shadow:0 12px 32px #0000002e}@keyframes ipSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ip-bar-icon{background:var(--primary-soft,#7c3aed1a);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.6rem;line-height:1;display:flex}.ip-bar-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ip-bar-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;line-height:1.25;overflow:hidden}.ip-bar-sub{color:var(--text-muted);font-size:.74rem;font-weight:600;line-height:1.25}.ip-bar-btn{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:.84rem;font-weight:800;transition:transform .15s,box-shadow .2s}.ip-bar-btn:active{transform:scale(.96)}.ip-bar-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;transition:background .15s,color .15s;display:flex}.ip-bar-close:hover{background:var(--bg-secondary,#0000000d);color:var(--text)}.ip-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:flex-end;padding:0;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ip-modal{background:var(--surface);width:100%;max-width:520px;padding:18px 18px calc(20px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;animation:.32s cubic-bezier(.34,1.56,.64,1) ipModalUp;box-shadow:0 -10px 40px #00000040}@keyframes ipModalUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width>=600px){.ip-modal-overlay{align-items:center;padding:1rem}.ip-modal{border-radius:20px}}.ip-modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ip-modal-title{color:var(--text);letter-spacing:-.01em;font-size:1.05rem;font-weight:900}.ip-modal-close{background:var(--bg-secondary,#0000000d);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:.95rem;transition:background .15s,color .15s;display:flex}.ip-modal-close:hover{background:var(--border);color:var(--text)}.ip-steps{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.ip-steps li{align-items:flex-start;gap:12px;display:flex}.ip-step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.82rem;font-weight:900;display:flex}.ip-step-text{color:var(--text);flex:1;padding-top:2px;font-size:.92rem;line-height:1.5}.ip-step-text strong{color:var(--primary);font-weight:800}.ip-share-icon{background:var(--primary-soft,#7c3aed1f);width:26px;height:26px;color:var(--primary);vertical-align:-8px;border-radius:7px;justify-content:center;align-items:center;margin:0 2px;display:inline-flex}.ip-modal-perks{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.ip-perk{color:var(--text-secondary);background:var(--bg-secondary,#0000000a);border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:700}[data-theme=dark] .ip-perk{background:#ffffff0f}.ip-modal-ok{background:var(--primary);color:#fff;cursor:pointer;width:100%;height:48px;box-shadow:0 6px 18px var(--primary-glow);border:none;border-radius:14px;font-size:.98rem;font-weight:800;transition:transform .15s,box-shadow .2s}.ip-modal-ok:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.ip-bar,.ip-modal,.ip-modal-overlay{animation:none}}.immersive-page{z-index:9999;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;perspective:1500px;background:radial-gradient(circle,#0a0c1a 0%,#04060f 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.immersive-stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.star-layer{width:200%;height:200%;animation:linear infinite starDrift;position:absolute;inset:-50%}.star-layer-1{opacity:.7;background-image:radial-gradient(1px 1px at 10% 20%,#fffc 0%,#0000 100%),radial-gradient(1.5px 1.5px at 40% 10%,#ffffffe6 0%,#0000 100%),radial-gradient(2px 2px at 85% 65%,#b4a0ffcc 0%,#0000 100%);background-size:350px 350px;animation-duration:80s}@keyframes starDrift{0%{transform:translate(0)rotate(0)}to{transform:translate(-10%,-10%)rotate(3deg)}}.immersive-orbs{pointer-events:none;position:absolute;inset:0}.orb{filter:blur(80px);border-radius:50%;animation:ease-in-out infinite alternate orbDrift;position:absolute}.orb-1{background:radial-gradient(circle,#667eff26 0%,#0000 70%);width:600px;height:600px;animation-duration:20s;top:-20%;left:-10%}.orb-2{background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);width:500px;height:500px;animation-duration:25s;bottom:-10%;right:-10%}@keyframes orbDrift{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.immersive-card-scene{perspective:1500px;z-index:5;width:90%;max-width:500px;height:420px}.immersive-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1.56,.64,1);position:relative}.immersive-card-inner.is-flipped{transform:rotateY(180deg)}.immersive-card-front,.immersive-card-back{backface-visibility:hidden;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex;position:absolute;box-shadow:0 30px 60px -12px #0009,inset 0 0 0 1px #ffffff0d}.immersive-card-back{background:#0f142d99;border-color:#667eff33;transform:rotateY(180deg)}.immersive-lo-text{background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;text-align:center;filter:drop-shadow(0 0 20px #667eff4d);-webkit-background-clip:text;font-size:clamp(2.5rem,10vw,4rem);font-weight:900;line-height:1.2;animation:5s linear infinite holoFlow}@keyframes holoFlow{0%{background-position:0%}to{background-position:200%}}.immersive-zh-text{color:#fff;text-align:center;text-shadow:0 0 20px #ffffff4d;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:800}.immersive-roman{color:#fff6;margin-top:12px;font-size:1.1rem;font-weight:500}.srs-quality-row{gap:16px;margin-top:48px;display:flex}.srs-btn-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.srs-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.2rem;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.srs-btn:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-8px)scale(1.1);box-shadow:0 15px 30px #0006}.srs-btn.q-0{color:#fca5a5;border-color:#ef444466}.srs-btn.q-3{color:#86efac;border-color:#22c55e66}.srs-btn.q-5{color:#93c5fd;border-color:#3b82f666}.srs-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:800}.immersive-topbar{z-index:10;justify-content:space-between;display:flex;position:absolute;top:20px;left:24px;right:24px}.immersive-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.immersive-progress-track{background:#ffffff0d;height:3px;position:absolute;top:0;left:0;right:0}.immersive-progress-bar{background:linear-gradient(90deg,#6366f1,#a855f7);height:100%;transition:width .4s;box-shadow:0 0 15px #a855f780}.immersive-hint{color:#ffffff4d;letter-spacing:.05em;font-size:.8rem;font-weight:600;position:absolute;bottom:40px}@media (width<=480px){.immersive-card-scene{width:95%;height:360px}.immersive-card-inner{transition-duration:.6s}.immersive-card-front,.immersive-card-back{border-radius:24px;padding:24px}.immersive-lo-text{font-size:clamp(2rem,12vw,3rem)}.immersive-zh-text{font-size:clamp(1.5rem,6vw,2rem)}.immersive-roman{font-size:.95rem}.srs-quality-row{gap:12px;margin-top:32px}.srs-btn{border-radius:14px;width:48px;height:48px;font-size:1rem}.srs-label{font-size:.55rem}.immersive-counter{padding:6px 16px;font-size:.85rem}.immersive-topbar{top:16px;left:16px;right:16px}.immersive-close{width:40px;height:40px}.orb{filter:blur(60px)}.orb-1{width:400px;height:400px}.orb-2{width:350px;height:350px}}@media (prefers-contrast:high){.immersive-card-front,.immersive-card-back{border-width:2px;border-color:#fff6}.srs-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){.immersive-card-inner{transition:none}.orb,.star-layer{animation:none}.srs-btn:hover{transform:none}}