: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;--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}.orb-bg{pointer-events:none;z-index:0;background:var(--orb-1,radial-gradient(ellipse 60% 40% at 10% 10%, #8b5cf61a 0%, transparent 70%)), var(--orb-2,radial-gradient(ellipse 50% 35% at 90% 90%, #a78bfa17 0%, transparent 70%)), var(--orb-3,radial-gradient(ellipse 40% 30% at 50% 50%, #8b5cf60a 0%, transparent 80%));position:fixed;inset:0}@media (width<=540px){.hide-mobile{display:none!important}}@media (width>=541px) and (width<=1024px){.hide-tablet{display:none!important}}@media (width>=1025px){.hide-desktop{display:none!important}}.show-mobile-only{display:none}@media (width<=540px){.show-mobile-only{display:block}}.show-desktop-only{display:none}@media (width>=1025px){.show-desktop-only{display:block}}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-inline:var(--space-4)}.py-4{padding-block:var(--space-4)}.m-4{margin:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-6{margin-bottom:var(--space-6)}.grid-responsive{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (width<=540px){.grid-responsive{gap:var(--space-3);grid-template-columns:1fr}}.container{width:100%;max-width:1280px;padding-inline:var(--page-gutter);margin-inline:auto}@media (width<=540px){.container{padding-inline:var(--space-3)}}.text-responsive{font-size:var(--text-base);line-height:1.6}@media (width>=1025px){.text-responsive{font-size:var(--text-lg)}}.safe-bottom{padding-bottom:var(--safe-area-bottom)}.safe-top{padding-top:var(--safe-area-top)}.safe-horizontal{padding-inline:var(--safe-area-left) var(--safe-area-right)}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scroll-x{scroll-snap-type:x mandatory;overflow:auto hidden}.scroll-y{scroll-snap-type:y mandatory;overflow:hidden auto}.scroll-hidden-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.scroll-hidden-scrollbar::-webkit-scrollbar{display:none}.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}.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}}.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}.bottom-nav,.tab-bar{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,.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: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;-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}.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;-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,.tab-bar,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-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}}@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}}.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)}.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] .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}}: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,.header-bar,.install-prompt,.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}.tp-welcome-examples{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tp-welcome-card{border-radius:26px;padding:2rem 1.75rem 1.75rem}.tp-welcome-chip{border-radius:16px;padding:14px 16px}}@media (width>=1200px){.tp-welcome-examples{grid-template-columns:repeat(2,1fr)}}@media (hover:hover) and (pointer:fine){.pack-card,.wb-card,.tp-welcome-chip{transition:transform .22s var(--ease-spring,cubic-bezier(.32, .72, 0, 1)), box-shadow .22s ease, border-color .18s ease}.pack-card:hover,.wb-card:hover{box-shadow:var(--shadow-lg,0 10px 40px #0000001f);transform:translateY(-3px)}}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}.share-card-btn--hero:active:not(:disabled),.pack-btn-download--full:active:not(:disabled){transform:scale(.985)}.tp-result-card .tp-card-actions .card-play-btn{background:var(--hero-grad,linear-gradient(135deg, var(--primary), var(--accent)));color:#fff;width:44px;height:44px;box-shadow:0 6px 16px var(--primary-glow,#8b5cf647);border-color:#0000;border-radius:14px}.tp-result-card .tp-card-actions .card-play-btn svg{width:18px;height:18px}@media (hover:hover) and (pointer:fine){.tp-result-card .tp-card-actions .card-play-btn:hover{filter:brightness(1.06);background:var(--hero-grad,linear-gradient(135deg, var(--primary), var(--accent)));color:#fff}}.tp-result-card .tp-card-actions .card-expand-btn,.tp-result-card .tp-card-actions .card-copy-btn,.tp-result-card .tp-card-actions .card-fav-btn{border-radius:12px;width:38px;height:38px}.tp-result-card.is-primary{box-shadow:var(--shadow-lg,0 10px 40px #0000001a)}[data-theme=dark]{--shadow-sm:0 1px 2px #0006;--shadow-base:0 2px 8px #00000073;--shadow-md:0 4px 14px #00000080;--shadow-lg:0 12px 36px #0000008c;--shadow-xl:0 22px 56px #0009;--shadow-premium:0 16px 48px #00000080, 0 4px 12px #00000047}.bottom-nav{box-shadow:var(--shadow-lg)}: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,.word-browse-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,.word-browse-page,.fav-page,.corrections-page,.settings-page,.expand-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-header{padding:8px 12px 4px!important}.translate-page .tr-workspace{gap:8px!important;padding-top:2px!important}.translate-page .tr-mode-bar{margin-bottom:0!important}.translate-page .tr-scenario-rail{position:relative;padding-bottom:4px!important}.translate-page .tr-scenario-rail:after{content:"›";z-index:1;width:32px;height:36px;color:var(--tr-iris-500);background:linear-gradient(to right, transparent, var(--tr-bg) 48%);pointer-events:none;place-items:center end;font-size:24px;font-weight:500;line-height:1;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.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:84px;--app-desktop-rail-gap:34px}.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}.main-content{padding-left:clamp(18px,2vw,32px);padding-right:calc(var(--app-desktop-rail-w) + var(--app-desktop-rail-gap) + 24px);padding-bottom:32px}.bottom-nav{z-index:260;border-radius:24px;flex-direction:column;min-height:330px;padding:8px;top:50%;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}.bottom-nav.nav-visible{transform:translateY(-50%)}.bottom-nav.nav-hidden{transform:translate(calc(100% + 32px),-50%)!important}.bottom-nav .nav-pill{display:none}.bottom-nav .nav-item{border-radius:18px;gap:3px;min-height:72px}.bottom-nav .nav-item.active{background:color-mix(in srgb, var(--surface) 86%, transparent);box-shadow:0 8px 18px #0f172a14}.bottom-nav .nav-item-icon,.bottom-nav .nav-item-icon svg{width:20px;height:20px}.bottom-nav .nav-item-label{font-size:.58rem}.learn-page,.translate-page,.wordpacks-page,.word-browse-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,.word-browse-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-mode-bar,.translate-page:not(.translate-page--nested) .tr-scenario-rail,.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-cta-zone,.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-filter-status,.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,.translate-page:not(.translate-page--nested) .tr-main,.translate-page:not(.translate-page--nested) .tp-container{width:100%;max-width:1120px;margin-inline:auto}.translate-page:not(.translate-page--nested) .tr-workspace{grid-template-columns:minmax(0,560px) minmax(320px,1fr);grid-template-areas:"mode mode""scenario scenario""input results""cta results";align-content:start;align-items:start;gap:18px 24px;display:grid}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-mode-bar{grid-area:mode;max-width:none;margin-inline:0}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-scenario-rail{grid-area:scenario;max-width:none;margin-inline:0}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-input-card{grid-area:input;max-width:none;margin-inline:0}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-cta-zone{grid-area:cta;max-width:none;margin-inline:0}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-results-shell{flex-direction:column;grid-area:results;align-self:start;gap:14px;width:100%;max-width:none;margin-inline:0;display:flex}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-results-shell .tp-welcome-card{min-height:100%;margin:0}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-results-shell .tr-result-stack{gap:12px}.translate-page:not(.translate-page--nested) .tr-workspace>.tr-results-shell .tr-result-add-row{margin-top:2px}.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}}.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}}.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}.bottom-nav--five-items .nav-item-label{letter-spacing:-.01em;font-size:.6rem}.nav-item.active{color:var(--primary)}.nav-item.active .nav-item-icon{transform:translateY(-1px)scale(1.1)}.nav-item.active .nav-item-icon svg{stroke-width:2.7px}.nav-item.active .nav-item-icon svg[name=icon-me]{transform:scaleX(1.18)}.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}.bottom-nav--five-items .nav-item-label{font-size:.56rem}.nav-item-icon,.nav-item-icon svg{width:22px;height:22px}}.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}}