:root{--primary:var(--pal-primary,#8b5cf6);--primary-dark:var(--pal-primary-dark,#6d28d9);--primary-glow:var(--pal-primary-glow,#8b5cf633);--primary-soft:var(--pal-primary-soft,#8b5cf612);--accent:var(--pal-accent,#a78bfa);--accent-dark:var(--pal-accent-dark,#7c3aed);--hero-gradient:var(--pal-hero-grad,linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%));--fav-color:var(--pal-fav-color,#ec4899);--bg:var(--pal-bg,#f8f7ff);--bg-secondary:var(--pal-bg-secondary,#ede9fe);--surface:var(--pal-surface,#fff);--surface-hover:var(--pal-surface-hover,#f3f0ff);--surface-strong:var(--pal-surface,#fff);--text:var(--pal-text,#1f1933);--text-secondary:var(--pal-text-secondary,#6b7280);--text-muted:var(--pal-text-muted,#9ca3af);--border:var(--pal-border,#8b5cf61a);--border-light:var(--pal-border-light,#8b5cf60f);--border-width:1px;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--tap-min:44px;--input-font-min:16px;--text-readable-min:11px;--breakpoint-xs:375px;--breakpoint-sm:540px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--dur-fast:.15s;--dur-base:.25s;--dur-slow:.4s;--ease-out:cubic-bezier(0, 0, .2, 1);--radius-md:16px;--shadow-1:var(--shadow-sm);--shadow-2:var(--shadow-base);--shadow-3:var(--shadow-md);--shadow-glow:0 0 20px #8b5cf659;--z-nav:400;--glass-bg:#fffc;--glass-bg-dark:#1e202dcc;--glass-border:#ffffff59;--glass-border-dark:#ffffff14}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur,20px)) saturate(var(--glass-saturate,180%))}[data-theme=dark] .glass-panel{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-panel{background:#ffffffeb;border:1px solid #00000014}[data-theme=dark] .glass-panel{background:#2a2438f2;border:1px solid #ffffff0d}}[data-theme=dark],.dark{--bg:var(--pal-bg-dark,#1a1625);--bg-secondary:var(--pal-bg-secondary-dark,#2d2640);--surface:var(--pal-surface-dark,#2a2438);--surface-hover:var(--pal-surface-hover-dark,#352f47);--surface-strong:var(--pal-surface-dark,#2a2438);--text:var(--pal-text-dark,#f3f0ff);--text-secondary:var(--pal-text-secondary-dark,#c4b5fd);--text-muted:var(--pal-text-muted-dark,#9ca3af);--border:var(--pal-border-dark,#a78bfa33);--border-light:var(--pal-border-light-dark,#a78bfa1f);--success:#34d399;--warning:#fbbf24;--error:#f87171;--info:#60a5fa;--breakpoint-xs:375px;--breakpoint-sm:540px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--radius:20px;--radius-lg:24px;--radius-sm:16px;--radius-xs:12px;--radius-full:9999px;--hdr-h:64px;--nav-h:72px;--page-gutter:1rem;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--trans-fast:.12s;--trans-base:.28s;--trans-slow:.45s;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-spring:cubic-bezier(.32, .72, 0, 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;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--btn-card-size:38px;--btn-card-radius:12px;--btn-card-icon:14px;--icon-sm:16px;--icon-base:20px;--icon-lg:24px;--skeleton-base:var(--surface-hover,#eee);--skeleton-highlight:#ffffff80;--skeleton-dark-base:#ffffff0d;--skeleton-dark-highlight:#ffffff1a;--shadow-sm:0 1px 1px #0f172a0a, 0 1px 2px #0f172a0d;--shadow-base:0 1px 2px #0f172a0a, 0 4px 12px -2px #0f172a14;--shadow-md:0 2px 4px #0f172a0a, 0 8px 20px -4px #0f172a1a;--shadow-lg:0 4px 10px #0f172a0d, 0 18px 44px -12px #0f172a29;--shadow-xl:0 8px 18px #0f172a0f, 0 30px 64px -16px #0f172a33;--shadow-premium:0 8px 28px -10px #0f172a24, 0 24px 50px -28px #4f46e529;--shadow-premium-dark:0 16px 48px #00000073, 0 4px 12px #00000040;--shadow-inner:inset 0 2px 4px #0000000f;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999}@media (width<=540px){.hide-mobile{display:none!important}}.container{width:100%;max-width:1280px;padding-inline:var(--page-gutter);margin-inline:auto}@media (width<=540px){.container{padding-inline:var(--space-3)}}.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-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}.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}}button,a,[role=button],select,input,textarea{-webkit-tap-highlight-color:transparent}button,[role=button]{touch-action:manipulation}input,textarea,select{font-size:16px}.tabs-row{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.tabs-row::-webkit-scrollbar{display:none}.ui-overlay{overscroll-behavior:contain}.ui-modal{flex-direction:column;max-height:min(88vh,720px);display:flex}.modal-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}}.offline-banner{top:calc(env(safe-area-inset-top,0px) + 8px);color:#fde68a;z-index:900;pointer-events:none;background:#0f172aeb;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;animation:.2s ease-out offline-banner-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000002e}.offline-banner-icon{align-items:center;display:flex}.offline-banner-text{letter-spacing:.01em}@keyframes offline-banner-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.stats-dashboard{background:var(--surface,#fff);border-radius:18px;flex-direction:column;gap:16px;padding:16px;display:flex;box-shadow:0 2px 10px #0f172a0d}.stats-dashboard-empty{color:var(--text-secondary,#475569);flex-direction:row;align-items:center;gap:12px;padding:14px 16px;font-size:14px}.stats-dashboard-icon{background:color-mix(in srgb, var(--primary,#2f9e6c) 14%, transparent);width:36px;height:36px;color:var(--primary,#2f9e6c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stats-dashboard-headline{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat-tile{text-align:center;background:color-mix(in srgb, var(--primary,#2f9e6c) 6%, transparent);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:10px 4px;display:flex}.stat-tile-value{color:var(--text,#0f172a);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:850;line-height:1.05}.stat-tile-pct{opacity:.6;margin-left:1px;font-size:13px;font-weight:700}.stat-tile-label{color:var(--text-secondary,#475569);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;font-size:11px;font-weight:600;overflow:hidden}.stats-dashboard-chart,.stats-pack-list{flex-direction:column;gap:8px;display:flex}.stats-chart-title{color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.stats-sparkline{background:color-mix(in srgb, var(--primary,#2f9e6c) 4%, transparent);border-radius:10px;width:100%;height:80px;display:block}.stats-pack-list ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stats-pack-row{background:color-mix(in srgb, var(--primary,#2f9e6c) 4%, transparent);border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:grid}.stats-pack-name{color:var(--text,#0f172a);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.stats-pack-num{color:var(--text,#0f172a);font-variant-numeric:tabular-nums;text-align:right;min-width:32px;font-weight:800}.stats-pack-acc{color:var(--primary,#2f9e6c);font-variant-numeric:tabular-nums;text-align:right;min-width:40px;font-weight:700}.stats-forecast-line{padding:2px 0}.stats-forecast-labels{color:var(--text-secondary,#64748b);text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:-2px;font-size:10px;font-weight:700;display:grid}.stats-forecast-labels span{flex-direction:column;gap:1px;min-width:0;display:flex}.stats-forecast-labels b{color:var(--text,#0f172a);font-variant-numeric:tabular-nums;font-size:12px}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}.hdr-icon-btn,.back-btn,.learn-tab-btn,.fc-audio-btn,.tr-v3-mode-tab,.tr-swap-arc,.tr-icon-btn,.tr-input-submit,.tr-everyday-toggle,.wb-learn-btn,.sp-login-btn,.sp-toggle-btn,.sp-lang-btn,.packs-tab,.packs-search,.filter-item{min-height:var(--tap-min)}.hdr-icon-btn,.back-btn,.tr-swap-arc,.tr-icon-btn{min-width:var(--tap-min)}.wending-ai-support-badge,.learn-support-chip{position:relative}.wending-ai-support-badge:after,.learn-support-chip:after{content:"";height:var(--tap-min);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@media (width<=768px){input,select,textarea{font-size:max(var(--input-font-min), 1em)}}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,20px)}*,: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;--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;--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{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:after{content:"";background:linear-gradient(to top, var(--surface-hover,var(--bg)) 0%, transparent 100%);pointer-events:none;z-index:0;height:120px;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;touch-action:pan-y;flex:1;width:100%;position:relative;overflow-x:clip}@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{overflow-y:visible}.app{min-height:100vh;min-height:-webkit-fill-available}}.phrase-list{flex-direction:column;gap:1.05rem;padding:.5rem 0 2rem;display:flex}.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}@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}.app-container{flex-direction:column;width:100%;max-width:520px;min-height:100svh;margin:0 auto;display:flex}html{touch-action:pan-x pan-y pinch-zoom;-webkit-text-size-adjust:100%}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}*,:before,:after{-webkit-user-select:none;user-select:none}html,body,#root,.app-container,.main-content,.page,.learn-page,.translate-page,.settings-page,.share-page{touch-action:pan-y}button,a,label,[role=button],[role=tab],.nav-item,.bottom-nav,input[type=button],input[type=submit],input[type=checkbox],input[type=radio]{touch-action:manipulation}input,textarea,[contenteditable=true],.tp-markdown-content,.tp-markdown-content *,.aih-md,.aih-md *,.tr-result-text,.tr-result-text *{-webkit-user-select:text;user-select:text}.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-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-page .learn-tabs--native{min-height:44px!important}.learn-tabs--native .learn-tab-btn .label{font-size:max(.72rem, var(--text-readable-min))}.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:max(.66rem,10px)!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-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}}@media (width>=769px){.learn-page:before{opacity:0!important;height:0!important}.learn-page .learn-tabs-container--native{background:var(--bg)!important;margin-bottom:6px!important;padding:10px 0 12px!important;top:0!important}.learn-page .learn-content-scrollable{padding:6px 0 var(--app-mobile-bottom-space)!important;gap:16px!important}.learn-page .translate-tab-wrapper{margin-top:0!important}.learn-content-scrollable:has(.translate-tab-wrapper){padding-top:6px!important}}.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{content:none!important;background:0 0!important;display:none!important;-webkit-mask:none!important;mask:none!important}.app-icon,svg.app-icon{color:currentColor;flex:none;line-height:1;display:block;overflow:visible;background:0 0!important;-webkit-mask:none!important;mask:none!important}button>.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-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{transform:translateY(-1px)scale(1.04)}.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}[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] .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-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] .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] .word-roman,[data-theme=dark] .fav-empty-hint,[data-theme=dark] .chip-label{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-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] .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-hero-card{box-shadow:0 22px 54px #00000057!important}[data-theme=dark] .daily-goal-count,[data-theme=dark] .chip-num{color:var(--text)!important}[data-theme=dark] .daily-goal-bar-bg{background:var(--surface-hover)!important}[data-theme=dark] .bottom-nav,[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{color:var(--text-secondary)!important}[data-theme=dark] .bottom-nav button.active,[data-theme=dark] .bottom-nav .nav-item.active{color:var(--primary)!important;background:var(--primary-soft)!important;border-color:var(--primary-glow)!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] .packs-search::placeholder,[data-theme=dark] .fav-search-input::placeholder{color:var(--text-muted)!important;opacity:1!important}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--border-width:2px}}[dir=rtl]{--text-align:right}@media print{.bottom-nav,.pwa-update-prompt{display:none}body{color:#000;background:#fff}}@media (width>=769px){.app-container{max-width:1040px!important}.learn-page .learn-tabs--native{max-width:620px;margin-inline:auto}}@media (hover:hover) and (pointer:fine){.pack-card{transition:transform .18s,box-shadow .18s,border-color .18s}.pack-card:hover{box-shadow:var(--shadow-lg,0 10px 30px #0000001a);transform:translateY(-2px)}}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}.pack-btn-download--full:active:not(:disabled){transform:scale(.985)}[data-theme=dark]{--shadow-sm:0 1px 2px #0000005c;--shadow-base:0 2px 8px #0006;--shadow-md:0 4px 14px #00000070;--shadow-lg:0 10px 30px #0000007a;--shadow-xl:0 18px 44px #00000085;--shadow-premium:0 14px 40px #00000075, 0 3px 10px #0000003d}@media (prefers-reduced-motion:reduce){.pack-card,.pack-btn-download--full{transition:none!important}}:root{--app-bottom-nav-h:var(--bottom-nav-height,72px);--app-bottom-nav-gap:18px;--app-bottom-safe-space:calc(var(--app-bottom-nav-h) + env(safe-area-inset-bottom,0px) + var(--app-bottom-nav-gap) + 18px);--app-desktop-shell:min(1180px, calc(100vw - 48px));--app-desktop-rail-w:84px;--app-desktop-rail-gap:28px}.app-container,.app{padding-bottom:0}.main-content{padding-bottom:var(--app-bottom-safe-space)}.translate-page,.learn-page,.wordpacks-page,.fav-page,.wordbrowse-page,.corrections-page,.settings-page,.expand-page,.share-page,.page{scroll-padding-bottom:var(--app-bottom-safe-space)}.learn-page,.learn-page .learn-content-scrollable,.wordpacks-page,.wordbrowse-page,.fav-page,.corrections-page,.settings-page,.expand-page,.share-page,.page:not(.translate-page){padding-bottom:var(--app-bottom-safe-space)!important}.learn-page .learn-content-scrollable{min-height:calc(100dvh - var(--hdr-h,64px))}.learn-page .learn-action-row.icon-mode{z-index:80;background:linear-gradient(to top, color-mix(in srgb, var(--bg) 92%, transparent), color-mix(in srgb, var(--bg) 72%, transparent));-webkit-backdrop-filter:blur(14px);border-radius:999px;margin-top:0;padding:8px 0 4px;position:sticky;bottom:calc(var(--app-bottom-nav-h) + env(safe-area-inset-bottom,0px) + 120px)!important}.bottom-nav{bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important}.expand-page{z-index:10000!important;position:fixed!important;inset:0!important}@media (width<=540px){:root{--app-bottom-nav-gap:14px;--app-bottom-safe-space:calc(var(--app-bottom-nav-h) + env(safe-area-inset-bottom,0px) + 36px)}.hdr{padding-inline:14px}.hdr-inner{height:58px}.hdr-logo-img{height:48px}.hdr-actions{border-radius:18px;gap:0;padding:4px 6px}.hdr-icon-btn{width:38px;height:38px}.hdr-lang-btn{min-width:54px;padding-inline:7px}.learn-page .learn-tabs-container--native{padding:8px 12px 10px!important}.learn-page .learn-content-scrollable{gap:12px!important}.learn-page .learn-focus-shell,.learn-session-hero,.learn-support-strip{display:none!important}.learn-progress-area{margin-bottom:.75rem!important}.fc-card-wrapper{height:clamp(300px,42dvh,420px)!important;min-height:300px!important}.bottom-nav{width:min(362px,100% - 28px)!important;height:72px!important}.translate-page .tr-workspace{gap:8px!important;padding-top:2px!important}.translate-page .tr-input-card{gap:8px!important;padding:10px 12px 8px!important}.translate-page .tr-input-textarea{min-height:72px!important;max-height:22vh!important;line-height:1.42!important}}@media (height<=760px) and (width<=540px){.fc-card-wrapper{height:clamp(280px,38dvh,360px)!important;min-height:280px!important}.learn-page .learn-tabs-container--native{padding-block:6px 8px!important}.learn-progress-area{margin-bottom:.45rem!important}}@media (width>=769px){:root{--app-bottom-nav-h:64px;--app-bottom-safe-space:32px;--app-desktop-shell:min(1380px, calc(100vw - 64px));--app-desktop-rail-w:96px;--app-desktop-rail-gap:24px}.app-container,.app{border-inline:1px solid color-mix(in srgb, var(--border) 70%, transparent);min-height:100dvh;position:relative;max-width:var(--app-desktop-shell)!important}.app-container:after,.app:after{content:"";top:calc(var(--hdr-h,64px) + 12px);bottom:22px;right:calc(var(--app-desktop-rail-w) + 26px);background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--border) 86%, transparent) 12%, color-mix(in srgb, var(--border) 86%, transparent) 88%, transparent);pointer-events:none;opacity:.82;width:1px;position:absolute}.app-container>.main-content{min-width:0;padding-left:clamp(18px,2vw,32px);padding-right:calc(var(--app-desktop-rail-w) + var(--app-desktop-rail-gap) + 24px);padding-bottom:32px}.app-container>.bottom-nav{z-index:260;border-radius:22px;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(64px,auto);align-content:start;gap:4px;min-height:0;max-height:calc(100dvh - 48px);padding:8px;display:grid;top:50%;overflow-y:auto;transform:translateY(-50%);right:max(18px, calc((100vw - var(--app-desktop-shell)) / 2 + 18px))!important;width:var(--app-desktop-rail-w)!important;height:auto!important;bottom:auto!important;left:auto!important}.app-container>.bottom-nav.nav-visible,.app-container>.bottom-nav.nav-hidden{opacity:1;pointer-events:auto;transform:translateY(-50%)!important}.app-container>.bottom-nav .nav-item{border-radius:15px;gap:5px;width:100%;min-height:64px}.app-container>.bottom-nav .nav-item.active{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface));box-shadow:none}.app-container>.bottom-nav .nav-item-icon,.app-container>.bottom-nav .nav-item-icon svg{width:22px;height:22px}.app-container>.bottom-nav .nav-item-label{white-space:normal;overflow-wrap:anywhere;font-size:.75rem;line-height:1.35}.app-container .ip-bar{left:auto;right:max(24px, calc((100vw - var(--app-desktop-shell)) / 2 + var(--app-desktop-rail-w) + var(--app-desktop-rail-gap)));width:min(420px, calc(100vw - 64px - var(--app-desktop-rail-w) - var(--app-desktop-rail-gap)));box-sizing:border-box;margin-inline:0;bottom:24px}.learn-page,.translate-page,.wordpacks-page,.wordbrowse-page,.settings-page,.fav-page,.corrections-page,.expand-page,.learn-page .learn-content-scrollable{padding-bottom:32px!important}.learn-page .learn-action-row.icon-mode{-webkit-backdrop-filter:none;background:0 0;position:static;bottom:auto!important}.learn-mode-container{max-width:760px;margin-inline:auto}.fc-card-wrapper{height:clamp(420px,50dvh,560px)!important}.wordpacks-page .packs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.settings-page,.fav-page,.wordbrowse-page,.corrections-page,.expand-page{max-width:960px;margin-inline:auto}.translate-page:not(.translate-page--nested) .tr-workspace,.translate-page:not(.translate-page--nested) .tr-input-card,.translate-page:not(.translate-page--nested) .tr-phrases-rail,.translate-page:not(.translate-page--nested) .tr-result-card,.translate-page:not(.translate-page--nested) .tr-empty{width:100%;max-width:980px;margin-inline:auto}.translate-page:not(.translate-page--nested) .tr-workspace{gap:14px}.translate-page:not(.translate-page--nested) .tr-input-card{padding:18px 18px 12px!important}.translate-page:not(.translate-page--nested) .tr-input-textarea{min-height:136px!important;max-height:34vh!important}.translate-page:not(.translate-page--nested) .ai-mode-rail,.translate-page:not(.translate-page--nested) .tr-phrases-rail-track{flex-wrap:wrap;row-gap:10px;padding-bottom:0;overflow:visible}.translate-page:not(.translate-page--nested) .tr-empty{justify-content:center;min-height:220px}.learn-page .learn-content-scrollable{max-width:1120px;margin-inline:auto}.learn-page .learn-mode-container{max-width:820px}.wordpacks-page{width:min(100%,1120px);margin-inline:auto;max-width:1120px!important}.wordpacks-page .packs-tabs-row,.wordpacks-page .packs-search-row,.wordpacks-page .packs-filter-bar,.wordpacks-page .packs-grid{width:100%;max-width:1040px;margin-inline:auto}.wordpacks-page .packs-empty-state{background:#ffffffb8;border:1px solid #8b5cf61f;border-radius:30px;flex-direction:column;justify-content:center;max-width:520px;min-height:360px;display:flex;box-shadow:0 18px 40px #583baa14;margin:1.75rem auto 0!important;padding:56px 28px!important}}@media (width>=1180px){.translate-page:not(.translate-page--nested) .tr-container{max-width:1120px}.translate-page:not(.translate-page--nested) .tr-workspace{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"toolbar toolbar""input results";align-content:start;align-items:start;gap:16px 24px;width:100%;max-width:1120px;margin-inline:auto;display:grid}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-v3-top-actions{grid-area:toolbar;justify-content:space-between;width:100%;min-width:0;max-width:none;margin:0}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-input-card{grid-area:input;min-width:0;max-width:none;min-height:clamp(340px,45dvh,480px);margin-inline:0}.translate-page:not(.translate-page--nested) .tr-workspace .tr-input-textarea{flex:auto;font-size:18px;line-height:1.6;min-height:200px!important;max-height:min(50dvh,520px)!important}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-results-shell{flex-direction:column;grid-area:results;align-self:start;gap:14px;width:100%;min-width:0;max-width:none;margin-inline:0;display:flex}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-results-shell .tr-result-stack{gap:12px}.learn-page .learn-content-scrollable{grid-template-columns:minmax(360px,400px) minmax(0,1fr);align-items:start;column-gap:24px;width:100%;max-width:1160px;margin-inline:auto;display:grid}.learn-page .learn-content-scrollable:has(.translate-tab-wrapper){max-width:1040px;display:block}.learn-page .learn-focus-shell{top:calc(var(--hdr-h,64px) + 22px);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, transparent), color-mix(in srgb, var(--bg) 84%, transparent));border:1px solid color-mix(in srgb, var(--border) 82%, transparent);border-radius:26px;align-self:start;gap:14px;margin-bottom:0;padding:18px;position:sticky;box-shadow:0 18px 40px #0f172a0f,inset 0 1px #ffffff9e}.learn-page .learn-session-hero.learning-path-card--pro{box-shadow:none;background:0 0;border:0;margin-top:0;padding:0}.learn-page .learn-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.learn-page .learn-support-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.learn-page .learn-support-chip{flex:initial}.learn-page .learn-support-panel{background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid color-mix(in srgb, var(--border) 86%, transparent);max-height:calc(100dvh - 232px);padding:14px;overflow:auto;box-shadow:inset 0 1px #ffffff8c}.learn-page .learn-mode-container{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, transparent), color-mix(in srgb, var(--bg) 82%, transparent));border:1px solid color-mix(in srgb, var(--border) 82%, transparent);border-radius:30px;align-self:start;min-height:min(76dvh,860px);padding:18px 20px 22px;box-shadow:0 18px 40px #0f172a0f,inset 0 1px #ffffff9e}.learn-page .learn-mode-container:has(.translate-tab-wrapper){min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.learn-page .pack-selector.compact{grid-template-columns:1fr;gap:10px;display:grid}.learn-page .pack-sel-card{flex-direction:row;align-items:center;gap:12px;width:100%;min-width:0;padding:14px 14px 13px}.learn-page .pack-card-icon{flex-shrink:0;margin-bottom:0}.learn-page .fc-card-wrapper{height:clamp(500px,58dvh,680px)!important}.learn-page .quiz-header,.learn-page .learn-progress-area,.learn-page .mode-card,.learn-page .quiz-grid,.learn-page .dict-action-row,.learn-page .report-card{max-width:620px}.learn-page .fullscreen-float-btn{right:calc(var(--app-desktop-rail-w) + 44px);bottom:34px}}.translate-page .tr-v3-action-row{display:none!important}@media (width<=600px){.translate-page .tr-v3-top-actions{justify-content:flex-end;min-height:28px;margin:0 2px -2px;display:flex}.translate-page .tr-v3-top-actions .tr-mode-history-btn{background:color-mix(in srgb, var(--surface) 96%, transparent);border:1px solid color-mix(in srgb, var(--text) 8%, transparent);border-radius:12px;width:36px;height:36px}.translate-page .tr-input-card,.translate-page .tr-result-card,.translate-page .tr-qa-answer{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.translate-page .tr-input-footer{align-items:center;gap:8px}.translate-page .tr-input-footer-right{gap:4px;min-width:0}.translate-page .tr-icon-btn{touch-action:manipulation;border-radius:12px;flex:0 0 40px;width:40px;min-width:40px;height:40px}.translate-page .tr-result-actions{flex-wrap:wrap;justify-content:flex-end}.translate-page .tr-result-text{overflow-wrap:anywhere;word-break:break-word}.translate-page .tr-v3-primary{min-height:0!important;padding:16px!important}.translate-page .tr-v3-result-header{margin-bottom:10px!important}.translate-page .tr-v3-brand{opacity:.78;font-size:.82rem!important}.translate-page .tr-v3-translation-text{min-height:0!important;margin:6px 0 10px!important;font-size:clamp(1.55rem,7vw,2.15rem)!important;line-height:1.45!important}.translate-page .result-feedback{flex-wrap:wrap;gap:8px!important;margin-top:10px!important;padding-top:10px!important}.translate-page .feedback-label{font-size:.78rem!important}.translate-page .fb-btn{border-radius:12px!important;min-height:32px!important;padding:6px 10px!important;font-size:.78rem!important}.translate-page .tr-v3-ai{border-radius:18px!important;padding:14px!important}.translate-page .tr-v3-ai-head strong{font-size:1rem!important}.translate-page .tr-v3-ai-head span{font-size:.78rem!important}.translate-page .tr-v3-ai-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important;overflow:visible!important}.translate-page .tr-v3-ai-chip{white-space:normal!important;text-align:center!important;width:100%!important;min-width:0!important;min-height:42px!important;padding:9px 10px!important;line-height:1.3!important}.translate-page .tr-v3-ai-chip:first-child{grid-column:1/-1;color:#fff!important;background:linear-gradient(135deg,#8a6bd4,#6d4bc3)!important;border-color:#0000!important;font-weight:800!important}.wordpacks-page .pack-expand-btn{position:relative;overflow:hidden}.wordpacks-page .pack-expand-btn .app-icon{display:none!important}.wordpacks-page .pack-expand-btn:after{content:"•••";letter-spacing:.08em;color:currentColor;font-size:.8rem;font-weight:900;line-height:1;transform:translateY(-1px)}:is(.wordpacks-page .pack-card:not(:has(.pack-desc)) .pack-card-actions .pack-btn-secondary,.wordpacks-page .pack-card:not(:has(.pack-desc)) .pack-card-actions .pack-btn-danger){display:none!important}.wordpacks-page .pack-card-actions{min-width:0;display:flex}.wordpacks-page .pack-card-actions .pack-btn-primary,.wordpacks-page .pack-card-actions .pack-btn-download--full{flex:auto;min-width:0}.wordpacks-page .pack-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.6em;display:-webkit-box;overflow:hidden;min-height:0!important}.wordpacks-page .pack-status-actions{flex:none}}@media (width<=430px){.translate-page .tr-workspace{padding-inline:10px!important}.translate-page .tr-input-card{padding:11px!important}.translate-page .tr-lang-row{gap:6px!important}.translate-page .tr-pill-wrap,.translate-page .tr-pill{min-width:0}.translate-page .tr-pill{touch-action:manipulation;border-radius:14px!important;height:44px!important;min-height:44px!important;padding-inline:10px!important;font-size:14px!important}.translate-page .tr-pill-flag{flex:none;font-size:17px}.translate-page .tr-pill-name{min-width:0}.translate-page .tr-pill-chevron{flex:none}.translate-page .tr-swap-arc{touch-action:manipulation;min-width:40px;width:40px!important;height:40px!important}.translate-page .tr-input-footer-right{flex-wrap:wrap;justify-content:flex-end;gap:2px!important}.translate-page .tr-input-textarea{line-height:1.5;font-size:16px!important}.wordpacks-page{--pack-page-gutter:12px}.wordpacks-page .pack-card{border-radius:20px!important;padding:.82rem!important}.wordpacks-page .pack-category-tag,.wordpacks-page .pack-lang-tag{padding-inline:7px}.wordpacks-page .pack-state-pill{text-overflow:ellipsis;white-space:nowrap;max-width:108px;overflow:hidden}}@media (width<=390px){.wordpacks-page .packs-tabs{min-height:48px}.wordpacks-page .packs-tab{min-height:var(--tap-min);font-size:.82rem}}@media (width<=360px){.translate-page .tr-input-card{padding:10px!important}.translate-page .tr-pill{padding-inline:8px!important;font-size:13px!important}.translate-page .tr-pill-flag{font-size:16px}.translate-page .tr-swap-arc{min-width:38px;width:38px!important;height:38px!important}.translate-page .tr-icon-btn{min-width:38px;flex-basis:38px!important;width:38px!important;height:38px!important}}@media (orientation:landscape) and (height<=520px) and (width<=900px){.translate-page .tr-input-textarea{min-height:72px!important;max-height:34dvh!important}.fc-card-wrapper{min-height:250px!important;max-height:calc(100dvh - 170px)!important}}:root{--pwa-safe-top:env(safe-area-inset-top,0px);--pwa-safe-right:env(safe-area-inset-right,0px);--pwa-safe-bottom:env(safe-area-inset-bottom,0px);--pwa-safe-left:env(safe-area-inset-left,0px)}html,body,#root,.app-container{min-height:100dvh}html{background:var(--bg,#faf7f2);overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg,#faf7f2);-webkit-tap-highlight-color:transparent;min-width:100%;min-height:100dvh;overflow-x:hidden}#root,.app-container{width:100%}.app-container{isolation:isolate}.bottom-nav{width:min(calc(100% - 24px - var(--pwa-safe-left) - var(--pwa-safe-right)), 440px);padding:6px}.hdr{padding-right:max(1rem, var(--pwa-safe-right));padding-left:max(1rem, var(--pwa-safe-left))}@media (width<=480px){.hdr{padding-right:max(.75rem, var(--pwa-safe-right));padding-left:max(.75rem, var(--pwa-safe-left))}}@media (width<=380px){.bottom-nav{width:calc(100% - 16px - var(--pwa-safe-left) - var(--pwa-safe-right));padding:5px}}@media (display-mode:standalone){html,body,#root,.app-container{min-height:100dvh}body{overscroll-behavior:none}.app-container{overscroll-behavior-y:contain}.wordbrowse-page .wb-header{min-height:calc(54px + var(--pwa-safe-top));padding-top:calc(8px + var(--pwa-safe-top))}.wordpacks-page,.pack-editor-page{padding-top:calc(var(--pwa-safe-top) + 10px)}}@media (display-mode:standalone) and (orientation:landscape){.main-content{padding-right:var(--pwa-safe-right);padding-left:var(--pwa-safe-left)}.bottom-nav{max-width:min(440px, calc(100vw - var(--pwa-safe-left) - var(--pwa-safe-right) - 24px))}}@media (orientation:landscape) and (height<=560px){.bottom-nav{--bottom-nav-height:60px;bottom:calc(6px + var(--pwa-safe-bottom));border-radius:18px}.nav-item{min-height:46px}.nav-item-label{font-size:max(.68rem, var(--text-readable-min))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.sp-toggle-grid--single{grid-template-columns:1fr}.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}}.bottom-nav{--bottom-nav-height:68px;left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:500;grid-template-columns:repeat(var(--nav-item-count,4), minmax(0, 1fr));width:min(100% - 24px,440px);height:var(--bottom-nav-height);box-sizing:border-box;border:1px solid color-mix(in srgb, var(--text) 8%, transparent);background:color-mix(in srgb, var(--surface-strong) 97%, var(--bg));border-radius:22px;align-items:stretch;padding:6px;transition:transform .22s,opacity .18s;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 26px #1f1a121a}.nav-hidden{transform:translate(-50%, calc(100% + 26px + env(safe-area-inset-bottom,0px)));opacity:0;pointer-events:none}.nav-visible{opacity:1;transform:translate(-50%)}.nav-item{min-width:0;min-height:52px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 3px;transition:background .16s,color .16s,transform .12s;display:flex}.nav-item-icon{place-items:center;width:24px;height:24px;display:grid}.nav-item-icon svg{width:22px;height:22px}.nav-item-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:max(.7rem, var(--text-readable-min));letter-spacing:-.015em;font-weight:760;line-height:1.05;overflow:hidden}.nav-item.active{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.nav-item.active .nav-item-label{font-weight:850}.nav-item:active{transform:scale(.96)}.nav-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (hover:hover){.nav-item:hover:not(.active){color:var(--text-secondary);background:color-mix(in srgb, var(--text) 4%, transparent)}}[data-theme=dark] .bottom-nav{background:color-mix(in srgb, var(--surface) 97%, var(--bg));border-color:color-mix(in srgb, var(--text) 10%, transparent);box-shadow:0 12px 30px #0000004d}[data-theme=dark] .nav-item.active{color:var(--primary);background:color-mix(in srgb, var(--primary) 16%, transparent)}@media (width<=380px){.bottom-nav{border-radius:20px;width:calc(100% - 16px);height:64px;padding:5px}.nav-item{border-radius:15px;min-height:50px}.nav-item-label{font-size:max(.68rem, var(--text-readable-min))}.nav-item-icon,.nav-item-icon svg{width:21px;height:21px}}@media (prefers-reduced-motion:reduce){.bottom-nav,.nav-item{transition:none}}