.card-expand-btn,.card-copy-btn,.card-play-btn,.card-fav-btn{width:var(--btn-card-size,38px);height:var(--btn-card-size,38px);border-radius:var(--btn-card-radius,12px);cursor:pointer;transition:all var(--trans-fast) ease;border:none;flex:none;justify-content:center;align-items:center;min-width:0;display:flex}.card-expand-btn svg,.card-copy-btn svg,.card-play-btn svg,.card-fav-btn svg{width:var(--btn-card-icon,14px);height:var(--btn-card-icon,14px)}.card-expand-btn,.card-copy-btn,.card-play-btn{background:var(--primary-soft);color:var(--primary);border:1.5px solid var(--primary-soft)}.card-expand-btn:hover,.card-copy-btn:hover,.card-play-btn:hover{background:var(--primary);color:var(--surface);border-color:var(--primary)}.card-expand-btn:active,.card-copy-btn:active,.card-play-btn:active{transform:scale(.92)}.card-play-btn.active{background:var(--primary);color:var(--surface);border-color:var(--primary);animation:1s infinite playPulse}@keyframes playPulse{0%,to{transform:scale(1)}50%{box-shadow:var(--glow-md);transform:scale(1.06)}}.card-fav-btn{color:var(--text-secondary);box-shadow:var(--shadow);background:#fffc;border:1.5px solid #00000014}.card-fav-btn:hover{background:linear-gradient(135deg, var(--fav-color,#ff6a93), #ff4d7a);color:var(--surface);border-color:#0000}.card-fav-btn.active{background:linear-gradient(135deg, var(--fav-color,#ff6a93), #ff4d7a);color:var(--surface);box-shadow:var(--shadow-md);border-color:#0000}.card-fav-btn:active{transform:scale(.92)}.card-learn-btn{color:var(--text-secondary);box-shadow:var(--shadow);background:#fffc;border:1.5px solid #00000014}.card-learn-btn:hover{background:linear-gradient(135deg, var(--success), #059669);color:var(--surface);box-shadow:var(--shadow-md);border-color:#0000}.card-learn-btn:active{transform:scale(.92)}.card-delete-btn{width:var(--btn-card-size,38px);height:var(--btn-card-size,38px);border-radius:var(--btn-card-radius,12px);color:var(--danger);cursor:pointer;transition:all var(--trans-fast) ease;background:#ef44441a;border:1.5px solid #ef444433;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-delete-btn:active{background:var(--danger);color:var(--surface)}@media (width<=480px){.card-expand-btn,.card-copy-btn,.card-play-btn,.card-fav-btn{border-radius:10px;width:34px;height:34px}.card-expand-btn svg,.card-copy-btn svg,.card-play-btn svg,.card-fav-btn svg{width:13px;height:13px}}@media (width<=375px){.card-expand-btn,.card-copy-btn,.card-play-btn,.card-fav-btn{border-radius:9px;width:30px;height:30px}.card-expand-btn svg,.card-copy-btn svg,.card-play-btn svg,.card-fav-btn svg{width:12px;height:12px}}[data-theme=dark] .card-fav-btn{color:var(--text-secondary);background:#ffffff14;border-color:#ffffff1a}[data-theme=dark] .card-fav-btn.active{background:linear-gradient(135deg, var(--fav-color,#ff6a93), #ff4d7a);color:var(--surface);border-color:#0000}:root{--radius:20px;--radius-lg:24px;--radius-sm:16px;--radius-xs:12px;--radius-full:9999px;--hdr-h:64px;--page-gutter:1rem;--trans-fast:.15s;--trans-base:.22s;--trans-slow:.35s;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--btn-card-size:38px;--btn-card-radius:12px;--btn-card-icon:14px;--skeleton-base:var(--surface-hover,#eee);--skeleton-highlight:#ffffff80;--skeleton-dark-base:#ffffff0d;--skeleton-dark-highlight:#ffffff1a}.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}*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:color .2s,border-color .2s}[data-palette=linen]{--pal-primary:#ff6b35;--pal-primary-dark:#e84e0b;--pal-primary-glow:#ff6b3538;--pal-primary-soft:#ff6b3514;--pal-accent:#ffb347;--pal-accent-dark:var(--warning);--pal-hero-grad:linear-gradient(135deg,#ff6b35,#ffb347);--pal-fav-color:#f43f5e;--pal-bg:#faf8f5;--pal-bg-secondary:#f2ede6;--pal-surface:#fff;--pal-surface-hover:#ede8e0;--pal-text:#1c1814;--pal-text-secondary:#6b5e52;--pal-text-muted:#a09080;--pal-border:#3c32281a;--pal-border-light:#3c32280f;--pal-bg-dark:#1c1814;--pal-bg-secondary-dark:#2a2420;--pal-surface-dark:#252018;--pal-surface-hover-dark:#2e2820;--pal-text-dark:#faf8f5;--pal-text-secondary-dark:#c8beb4;--pal-text-muted-dark:#7a7068;--pal-border-dark:#50463c33;--pal-border-light-dark:#50463c1a;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #ff6b351f 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #ffb3471a 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #ff6b350a 0%, transparent 80%)}[data-palette=frost]{--pal-primary:#3b9eff;--pal-primary-dark:#1a7ad9;--pal-primary-glow:#3b9eff38;--pal-primary-soft:#3b9eff14;--pal-accent:#60b3ff;--pal-accent-dark:#2090f0;--pal-hero-grad:linear-gradient(135deg,#3b9eff,#60b3ff);--pal-fav-color:#e84393;--pal-bg:#f0f6ff;--pal-bg-secondary:#e4ebf8;--pal-surface:#fff;--pal-surface-hover:#e8f0fa;--pal-text:#0d1b2a;--pal-text-secondary:#3a5068;--pal-text-muted:#7a9ab5;--pal-border:#1e3c641a;--pal-border-light:#1e3c640f;--pal-bg-dark:#0d1929;--pal-bg-secondary-dark:#132338;--pal-surface-dark:#1a2d47;--pal-surface-hover-dark:#1e3452;--pal-text-dark:#eef4ff;--pal-text-secondary-dark:#9bb8d8;--pal-text-muted-dark:#5a7a9a;--pal-border-dark:#3c649633;--pal-border-light-dark:#3c64961a;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #3b9eff1f 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #60b3ff1a 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #3b9eff0a 0%, transparent 80%)}[data-palette=sage]{--pal-primary:#4caf82;--pal-primary-dark:#2e8b5f;--pal-primary-glow:#4caf8238;--pal-primary-soft:#4caf8214;--pal-accent:#81c995;--pal-accent-dark:#3d9e6f;--pal-hero-grad:linear-gradient(135deg,#4caf82,#81c995);--pal-fav-color:#f43f5e;--pal-bg:#f4f7f3;--pal-bg-secondary:#e8efe6;--pal-surface:#fff;--pal-surface-hover:#eaefe8;--pal-text:#1a2e1c;--pal-text-secondary:#3d5c3a;--pal-text-muted:#7a9a78;--pal-border:#28462d1a;--pal-border-light:#28462d0f;--pal-bg-dark:#0e1612;--pal-bg-secondary-dark:#141e16;--pal-surface-dark:#1a2820;--pal-surface-hover-dark:#1e3026;--pal-text-dark:#f0f5f0;--pal-text-secondary-dark:#9ab89c;--pal-text-muted-dark:#5a7860;--pal-border-dark:#3c644b33;--pal-border-light-dark:#3c644b1a;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #4caf821f 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #81c9951a 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #4caf820a 0%, transparent 80%)}[data-palette=dusk]{--pal-primary:#f59e0b;--pal-primary-dark:#d97706;--pal-primary-glow:#f59e0b38;--pal-primary-soft:#f59e0b14;--pal-accent:#fbbf24;--pal-accent-dark:#f59e0b;--pal-hero-grad:linear-gradient(135deg,#f59e0b,#fbbf24);--pal-fav-color:var(--danger);--pal-bg:#fdf8f0;--pal-bg-secondary:#f5edda;--pal-surface:#fff;--pal-surface-hover:#f5edda;--pal-text:#1c1408;--pal-text-secondary:#5c4a20;--pal-text-muted:#9a8460;--pal-border:#503c141a;--pal-border-light:#503c140f;--pal-bg-dark:#1a1408;--pal-bg-secondary-dark:#261c10;--pal-surface-dark:#2e2010;--pal-surface-hover-dark:#362612;--pal-text-dark:#fdf8f0;--pal-text-secondary-dark:#d4bc88;--pal-text-muted-dark:#8a7850;--pal-border-dark:#64502838;--pal-border-light-dark:#6450281a;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #f59e0b1f 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #fbbf241a 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #f59e0b0a 0%, transparent 80%)}[data-palette=aurora]{--pal-primary:#9b72e8;--pal-primary-dark:#7c4fca;--pal-primary-glow:#9b72e838;--pal-primary-soft:#9b72e814;--pal-accent:#c4a8ff;--pal-accent-dark:#9b72e8;--pal-hero-grad:linear-gradient(135deg,#9b72e8,#c4a8ff);--pal-fav-color:#ec4899;--pal-bg:#f5f0ff;--pal-bg-secondary:#ede8f8;--pal-surface:#fff;--pal-surface-hover:#ede8f8;--pal-text:#1a0f2e;--pal-text-secondary:#4a3875;--pal-text-muted:#8a70b0;--pal-border:#3c28641a;--pal-border-light:#3c28640f;--pal-bg-dark:#16101e;--pal-bg-secondary-dark:#1e1430;--pal-surface-dark:#261a3a;--pal-surface-hover-dark:#2e1e44;--pal-text-dark:#f5f0ff;--pal-text-secondary-dark:#c4b8e0;--pal-text-muted-dark:#8070a0;--pal-border-dark:#503c7838;--pal-border-light-dark:#503c781a;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #9b72e81f 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #c4a8ff1a 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #9b72e80a 0%, transparent 80%)}[data-palette=abyss]{--pal-primary:#0d9488;--pal-primary-dark:#0a756a;--pal-primary-glow:#0d948838;--pal-primary-soft:#0d948814;--pal-accent:#14b8a6;--pal-accent-dark:#0d9488;--pal-hero-grad:linear-gradient(135deg,#0d9488,#14b8a6);--pal-fav-color:#06b6d4;--pal-bg:#f0fafa;--pal-bg-secondary:#e0f2f0;--pal-surface:#fff;--pal-surface-hover:#e0f2f0;--pal-text:#081c1c;--pal-text-secondary:#1a4a4a;--pal-text-muted:#5a8888;--pal-border:#0a3c3c1a;--pal-border-light:#0a3c3c0f;--pal-bg-dark:#061614;--pal-bg-secondary-dark:#0a1e1c;--pal-surface-dark:#0c2422;--pal-surface-hover-dark:#102c2a;--pal-text-dark:#f0fafa;--pal-text-secondary-dark:#88c4c0;--pal-text-muted-dark:#508080;--pal-border-dark:#14646438;--pal-border-light-dark:#1464641a;--orb-1:radial-gradient(ellipse 60% 40% at 10% 10%, #0d94881f 0%, transparent 70%);--orb-2:radial-gradient(ellipse 50% 35% at 90% 90%, #14b8a61a 0%, transparent 70%);--orb-3:radial-gradient(ellipse 40% 30% at 50% 50%, #0d94880a 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:var(--orb-1,transparent), var(--orb-2,transparent), radial-gradient(ellipse 100% 50% at 50% 0%, var(--bg-secondary) 0%, var(--bg) 60%, var(--surface-hover,var(--bg)) 100%);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:-apple-system,BlinkMacSystemFont,SF Pro Text,Noto Sans Lao,Noto Sans,Segoe UI,system-ui,sans-serif;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary-soft);color:var(--primary)}html{scroll-behavior:smooth}body:before{content:"";background:linear-gradient(to top, var(--surface-hover,var(--bg)) 0%, transparent 100%);pointer-events:none;z-index:0;height:200px;position:fixed;bottom:0;left:0;right:0}.app-container,.app{z-index:1;background:0 0;flex-direction:column;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.main-content{z-index:1;-webkit-overflow-scrolling:touch;flex:1;width:100%;position:relative;overflow-x:hidden}@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(20px)saturate(180%);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14;transition:all .3s;box-shadow:0 10px 30px #0000001a,inset 0 0 0 1px #ffffff0d}[data-theme=dark] .glass-panel{background:#0f142366;border-color:#ffffff0f}.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}}.hdr{z-index:200;padding:calc(env(safe-area-inset-top,0px) + 8px) 1rem 0;background:linear-gradient(to bottom, rgba(var(--pal-r,255), var(--pal-g,254), var(--pal-b,250), .82) 0%, rgba(var(--pal-r,255), var(--pal-g,254), var(--pal-b,250), .72) 100%);-webkit-backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--border-light) inset, 0 2px 16px #0000000d;transition:transform .32s cubic-bezier(.32,.72,0,1),box-shadow .3s;position:sticky;top:0;overflow:visible}[data-theme=dark] .hdr{background:linear-gradient(to bottom, rgba(var(--pal-r-dark,14), var(--pal-g-dark,14), var(--pal-b-dark,24), .88) 0%, rgba(var(--pal-r-dark,14), var(--pal-g-dark,14), var(--pal-b-dark,24), .76) 100%);-webkit-backdrop-filter:blur(20px)saturate(160%);border-bottom-color:var(--border);box-shadow:inset 0 1px #ffffff0d,0 2px 16px #00000040}.hdr-grad-band{background:var(--hero-grad);border-radius:0 0 2px 2px;flex-shrink:0;height:3px;margin-top:8px;transition:background .35s,box-shadow .35s}.hdr-orbs{pointer-events:none;border-radius:inherit;z-index:-1;position:absolute;inset:0;overflow:hidden}.hdr-orb{filter:blur(24px);border-radius:50%;transition:background .35s,opacity .35s;animation:8s ease-in-out infinite alternate hdrOrbFloat;position:absolute}.hdr-orb-1{background:radial-gradient(ellipse, var(--primary) 0%, transparent 70%);opacity:.22;width:140px;height:90px;animation-duration:9s;animation-delay:-3s;top:-30px;left:-30px}.hdr-orb-2{background:radial-gradient(ellipse, var(--accent) 0%, transparent 70%);opacity:.16;width:110px;height:75px;animation-duration:7s;animation-delay:-1s;top:-15px;right:8%}@keyframes hdrOrbFloat{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.04)}to{transform:translateY(4px)scale(.97)}}.hdr-hidden{transform:translateY(calc(-100% - env(safe-area-inset-top,0px) - 4px));box-shadow:none}.hdr-visible{transform:translateY(0)}.hdr-inner{height:var(--hdr-h);background:0 0;justify-content:space-between;align-items:center;display:flex}.hdr-brand{align-items:center;gap:.7rem;display:flex}.hdr-logo-img{object-fit:contain;filter:drop-shadow(0 2px 6px #0000001a);border-radius:22%;height:52px}.hdr-logo-img:active{transform:scale(.92)}.hdr-actions{-webkit-backdrop-filter:blur(28px)saturate(200%);background:#ffffffb8;border:1px solid #fffffff2;border-radius:18px;align-items:center;gap:.2rem;padding:5px 8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff80,0 2px 8px #0000000d,inset 0 1px #fff}.hdr-lang-btn{justify-content:center;align-items:center;gap:5px;width:auto;min-width:44px;padding:0 10px;display:flex}.hdr-lang-flag{align-items:center;font-size:1.1rem;line-height:1;display:flex}.hdr-icon-btn{cursor:pointer;width:42px;height:42px;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:1.05rem;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .15s,color .15s;display:flex;position:relative}.hdr-icon-btn:hover:not(:active){background:var(--bg-secondary);color:var(--text)}.hdr-icon-btn:active{background:var(--surface-hover);transform:scale(.88)}.hdr-icon-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.lang-dropdown{background:var(--surface);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:9999;border-radius:18px;min-width:160px;animation:.22s cubic-bezier(.34,1.56,.64,1) dropdownIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lang-option{cursor:pointer;width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;transition:background .12s,color .12s;display:flex}.lang-option:hover{background:var(--primary-soft);color:var(--primary)}.lang-option.active{background:var(--primary);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}[data-theme=dark] .hdr-logo-img{filter:drop-shadow(0 2px 6px var(--primary-glow))}[data-theme=dark] .hdr-actions{background:var(--surface);-webkit-backdrop-filter:blur(28px)saturate(200%);border-color:var(--border);box-shadow:inset 0 0 0 1px #ffffff0a,0 2px 8px #0003,inset 0 1px #ffffff0d}[data-theme=dark] .hdr-icon-btn{color:var(--text-secondary);box-shadow:inset 0 1px #ffffff0f}[data-theme=dark] .hdr-icon-btn:hover:not(:active){background:var(--primary-soft);color:var(--primary)}[data-theme=dark] .hdr-icon-btn:active{background:var(--primary-soft)}[data-theme=dark] .hdr-icon-btn.active{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}[data-theme=dark] .hdr-icon-btn.active:after{background:#05051499}[data-theme=dark] .hdr-orb-1{opacity:.22;filter:blur(20px)}[data-theme=dark] .hdr-orb-2{opacity:.16;filter:blur(20px)}[data-theme=dark] .lang-dropdown{-webkit-backdrop-filter:blur(40px)saturate(200%);background:#101020f7;border-color:#5050822e;box-shadow:0 16px 40px #0006,0 4px 12px #0003}[data-theme=dark] .lang-option{color:#a0aad2c7}[data-theme=dark] .lang-option:hover{color:#c8d7fff2;background:#7eb6ff12}[data-theme=dark] .lang-option.active{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}[data-theme=dark] .hdr-orb-1{opacity:.12}[data-theme=dark] .hdr-orb-2{opacity:.08}[data-theme=dark] .hdr-grad-band{box-shadow:0 0 16px var(--primary-glow)}.hdr-btn-hide-mobile{display:flex}@media (width<=480px){.hdr-btn-hide-mobile{display:none!important}.hdr{padding-top:max(env(safe-area-inset-top,0px), 4px);border-radius:0 0 16px 16px;margin-bottom:.1rem}.hdr-logo-img{height:28px}.hdr-icon-btn{border-radius:10px;width:36px;height:36px}.hdr-actions{border-radius:14px;gap:.1rem;padding:3px 5px}.hdr-lang-btn{min-width:36px;padding:0 6px}}@media (hover:hover){.hdr-icon-btn:hover:not(:active):not(.active){color:#281e14e6;background:#0000000a}[data-theme=dark] .hdr-icon-btn:hover:not(:active):not(.active){color:#c8d7ffeb;background:#7eb6ff12}}.bottom-nav{bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:500;box-sizing:border-box;width:calc(100% - 32px);max-width:420px;height:60px;box-shadow:0 8px 32px #0000001f, 0 2px 8px #00000014, 0 0 0 1px var(--border-light) inset;background:var(--surface-strong);-webkit-backdrop-filter:blur(40px)saturate(200%)brightness(1.05);border-radius:20px;justify-content:center;align-items:center;padding:0;transition:transform .32s cubic-bezier(.32,.72,0,1),box-shadow .3s,background .25s;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.nav-hidden{transform:translate(-50%,calc(100% + 24px));box-shadow:inset 0 0 0 1px #667eff0f,0 16px 48px #667eff0d}.nav-visible{transform:translate(-50%)}.nav-pill{pointer-events:none;-webkit-backdrop-filter:blur(24px)saturate(220%)brightness(1.15);will-change:transform, width;background:linear-gradient(135deg,#ffffffd9 0%,#ffffff8c 50%,#ffffff59 100%);border:1px solid #ffffffbf;border-radius:14px;height:calc(100% - 12px);transition:transform .38s cubic-bezier(.34,1.56,.64,1),width .38s cubic-bezier(.34,1.56,.64,1);position:absolute;top:6px;left:6px;box-shadow:inset 0 2px 8px #667eff26,inset 0 1px #fffffff2,0 4px 16px #667eff1f}.nav-item{z-index:1;cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;padding:0;transition:color .2s cubic-bezier(.34,1.2,.64,1);display:flex;position:relative}.nav-item-icon{justify-content:center;align-items:center;width:26px;height:26px;transition:transform .28s cubic-bezier(.34,1.4,.64,1),opacity .2s;display:flex}.nav-item-icon svg{stroke-width:2.5px;filter:drop-shadow(0 0 #0000);width:26px;height:26px;transition:filter .25s,stroke-width .2s}.nav-item.active{color:var(--primary)}.nav-item.active .nav-item-icon{transform:scale(1.15)translateY(-1px)}.nav-item.active .nav-item-icon svg{stroke-width:2.8px;filter:drop-shadow(0 0 6px var(--primary-glow))}[data-theme=dark] .bottom-nav{box-shadow:0 8px 32px #00000073, 0 2px 8px #00000040, 0 0 0 1px var(--border-light) inset}[data-theme=dark] .nav-hidden{box-shadow:0 4px 16px #0003, 0 0 0 1px var(--border-light) inset}[data-theme=dark] .nav-pill{background:var(--surface);border-color:var(--border);box-shadow:inset 0 2px 8px #0003}[data-theme=dark] .nav-item{color:var(--text-muted)}[data-theme=dark] .nav-item.active{color:var(--primary)}[data-theme=dark] .nav-item.active .nav-item-icon svg{filter:drop-shadow(0 0 8px var(--primary-glow))}@media (hover:hover){.nav-item:hover:not(.active) .nav-item-icon{transform:scale(1.05)}}.toast{color:#fff;z-index:9999;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(32px)saturate(200%);background:linear-gradient(135deg,#282832eb 0%,#1e1e2ae6 100%);border-radius:24px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;animation:.25s cubic-bezier(.4,0,.2,1) toastIn;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff1f,0 8px 32px #0006,0 2px 12px #00000040,inset 0 -1px #ffffff1a}[data-theme=dark] .toast{background:linear-gradient(135deg,#3c3c50ed 0%,#28283ce8 100%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.ach-toast{z-index:99998;-webkit-backdrop-filter:blur(40px)saturate(200%);pointer-events:none;background:linear-gradient(135deg,#fffffff2 0%,#ffffffe0 100%);border-radius:20px;align-items:center;gap:14px;min-width:260px;max-width:340px;padding:14px 18px;animation:.5s cubic-bezier(.34,1.56,.64,1) achToastIn;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #fffc,0 12px 40px #0003,0 4px 16px #0000001f,inset 0 -2px 16px #fff6}@keyframes achToastIn{0%{opacity:0;transform:translate(-50%)translateY(24px)scale(.85)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.ach-toast-icon{filter:drop-shadow(0 2px 8px #00000026);flex-shrink:0;font-size:2.2rem}.ach-toast-body{flex:1;min-width:0}.ach-toast-title{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.68rem;font-weight:800}.ach-toast-name{color:var(--text);margin-bottom:2px;font-size:.95rem;font-weight:800}.ach-toast-desc{color:var(--text-secondary);font-size:.75rem;font-weight:500}.ach-toast-bonus{color:var(--success);margin-top:4px;font-size:.78rem;font-weight:800}[data-theme=dark] .ach-toast{background:linear-gradient(135deg,#1e1e32f0 0%,#141428e6 100%);box-shadow:inset 0 0 0 1px #ffffff14,0 12px 40px #00000080,0 4px 16px #0000004d,inset 0 -2px 16px #ffffff0a}[data-theme=dark] .ach-toast-title{color:var(--primary-light,#7c8fff)}[data-theme=dark] .ach-toast-name{color:#fffffff2}[data-theme=dark] .ach-toast-desc{color:#ffffff8c}.login-modal{border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);max-width:390px;padding:2rem 1.4rem 1.35rem;overflow:hidden}.login-modal:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(165deg,#ffffff5c,#fff0);height:52%;position:absolute;inset:0 0 auto}.login-modal:after{content:"";background:radial-gradient(circle at center, color-mix(in srgb, var(--primary) 40%, transparent), transparent 68%);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-70px}.login-header{text-align:center;z-index:1;margin-bottom:2rem;position:relative}.login-title{color:var(--text);letter-spacing:-.35px;margin-bottom:.4rem;font-size:1.52rem;font-weight:900;line-height:1.2}.login-subtitle{color:var(--text-muted);opacity:.9;font-size:.9rem;font-weight:600}.login-form{z-index:1;flex-direction:column;gap:1.25rem;display:flex;position:relative}.login-input-group{flex-direction:column;gap:11px;display:flex}.login-input{border:1px solid color-mix(in srgb, var(--border-light) 80%, transparent);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:14px;min-height:50px;transition:border-color .2s,box-shadow .2s,background .2s}.login-input:focus{border-color:color-mix(in srgb, var(--primary) 65%, white 5%);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);background:var(--surface)}.login-error-msg{color:var(--danger);text-align:center;background:var(--danger-soft,#ef444414);border:1px solid #ef444426;border-radius:10px;margin:-.5rem 0;padding:8px;font-size:.82rem;font-weight:700}.login-submit-btn{background:var(--hero-grad);color:#fff;cursor:pointer;width:100%;min-height:56px;box-shadow:var(--shadow-md), 0 8px 26px color-mix(in srgb, var(--primary) 28%, transparent);border:none;border-radius:16px;font-family:inherit;font-size:1.05rem;font-weight:900;transition:all .2s}.login-submit-btn:hover{box-shadow:var(--shadow-lg), 0 14px 30px color-mix(in srgb, var(--primary) 32%, transparent);transform:translateY(-2px)}.login-submit-btn:active{transform:scale(.97)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-divider{color:var(--text-muted);text-transform:uppercase;z-index:1;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.75rem;font-weight:800;display:flex;position:relative}.login-divider:before,.login-divider:after{content:"";background:var(--border-light);flex:1;height:1.5px}.social-login-grid{z-index:1;grid-template-columns:1fr 1fr;gap:12px;display:grid;position:relative}.social-btn{cursor:pointer;border:1.5px solid color-mix(in srgb, var(--border-light) 80%, transparent);background:color-mix(in srgb, var(--surface-soft) 70%, transparent);min-height:50px;color:var(--text);border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.social-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.social-btn:active{transform:scale(.96)}.login-footer{text-align:center;z-index:1;margin-top:1.55rem;position:relative}.toggle-mode-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:.9rem;font-weight:800;transition:opacity .2s}.toggle-mode-btn:hover{opacity:.8;text-decoration:underline}[data-theme=dark] .login-modal:before{background:linear-gradient(#ffffff12,#fff0)}[data-theme=dark] .login-modal:after{background:radial-gradient(circle at center, color-mix(in srgb, var(--primary) 26%, transparent), transparent 72%)}@media (width<=480px){.login-modal{border-radius:18px;width:min(92vw,390px);padding:1.6rem 1rem 1.1rem}.login-title{font-size:1.35rem}.login-submit-btn{min-height:52px}}.immersive-page{z-index:9999;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;perspective:1500px;background:radial-gradient(circle,#0a0c1a 0%,#04060f 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.immersive-stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.star-layer{width:200%;height:200%;animation:linear infinite starDrift;position:absolute;inset:-50%}.star-layer-1{opacity:.7;background-image:radial-gradient(1px 1px at 10% 20%,#fffc 0%,#0000 100%),radial-gradient(1.5px 1.5px at 40% 10%,#ffffffe6 0%,#0000 100%),radial-gradient(2px 2px at 85% 65%,#b4a0ffcc 0%,#0000 100%);background-size:350px 350px;animation-duration:80s}@keyframes starDrift{0%{transform:translate(0)rotate(0)}to{transform:translate(-10%,-10%)rotate(3deg)}}.immersive-orbs{pointer-events:none;position:absolute;inset:0}.orb{filter:blur(80px);border-radius:50%;animation:ease-in-out infinite alternate orbDrift;position:absolute}.orb-1{background:radial-gradient(circle,#667eff26 0%,#0000 70%);width:600px;height:600px;animation-duration:20s;top:-20%;left:-10%}.orb-2{background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);width:500px;height:500px;animation-duration:25s;bottom:-10%;right:-10%}@keyframes orbDrift{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.immersive-card-scene{perspective:1500px;z-index:5;width:90%;max-width:500px;height:420px}.immersive-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1.56,.64,1);position:relative}.immersive-card-inner.is-flipped{transform:rotateY(180deg)}.immersive-card-front,.immersive-card-back{backface-visibility:hidden;-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex;position:absolute;box-shadow:0 30px 60px -12px #0009,inset 0 0 0 1px #ffffff0d}.immersive-card-back{background:#0f142d99;border-color:#667eff33;transform:rotateY(180deg)}.immersive-lo-text{background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;text-align:center;filter:drop-shadow(0 0 20px #667eff4d);-webkit-background-clip:text;font-size:clamp(2.5rem,10vw,4rem);font-weight:900;line-height:1.2;animation:5s linear infinite holoFlow}@keyframes holoFlow{0%{background-position:0%}to{background-position:200%}}.immersive-zh-text{color:#fff;text-align:center;text-shadow:0 0 20px #ffffff4d;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:800}.immersive-roman{color:#fff6;margin-top:12px;font-size:1.1rem;font-weight:500}.srs-quality-row{gap:16px;margin-top:48px;display:flex}.srs-btn-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.srs-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.2rem;font-weight:800;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.srs-btn:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-8px)scale(1.1);box-shadow:0 15px 30px #0006}.srs-btn.q-0{color:#fca5a5;border-color:#ef444466}.srs-btn.q-3{color:#86efac;border-color:#22c55e66}.srs-btn.q-5{color:#93c5fd;border-color:#3b82f666}.srs-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:800}.immersive-topbar{z-index:10;justify-content:space-between;display:flex;position:absolute;top:20px;left:24px;right:24px}.immersive-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.immersive-progress-track{background:#ffffff0d;height:3px;position:absolute;top:0;left:0;right:0}.immersive-progress-bar{background:linear-gradient(90deg,#6366f1,#a855f7);height:100%;transition:width .4s;box-shadow:0 0 15px #a855f780}.immersive-hint{color:#ffffff4d;letter-spacing:.05em;font-size:.8rem;font-weight:600;position:absolute;bottom:40px}@media (width<=480px){.immersive-card-scene{width:95%;height:360px}.immersive-card-inner{transition-duration:.6s}.immersive-card-front,.immersive-card-back{border-radius:24px;padding:24px}.immersive-lo-text{font-size:clamp(2rem,12vw,3rem)}.immersive-zh-text{font-size:clamp(1.5rem,6vw,2rem)}.immersive-roman{font-size:.95rem}.srs-quality-row{gap:12px;margin-top:32px}.srs-btn{border-radius:14px;width:48px;height:48px;font-size:1rem}.srs-label{font-size:.55rem}.immersive-counter{padding:6px 16px;font-size:.85rem}.immersive-topbar{top:16px;left:16px;right:16px}.immersive-close{width:40px;height:40px}.orb{filter:blur(60px)}.orb-1{width:400px;height:400px}.orb-2{width:350px;height:350px}}@media (prefers-contrast:high){.immersive-card-front,.immersive-card-back{border-width:2px;border-color:#fff6}.srs-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){.immersive-card-inner{transition:none}.orb,.star-layer{animation:none}.srs-btn:hover{transform:none}}.pwa-update-prompt{bottom:calc(var(--bottom-nav-height,60px) + 20px);-webkit-backdrop-filter:blur(20px);z-index:10001;background:#ffffffd9;border-radius:24px;flex-direction:column;gap:20px;width:calc(100% - 32px);max-width:420px;padding:20px;animation:.5s cubic-bezier(.19,1,.22,1) pwa-slide-up;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 40px #0000001f,0 0 0 1px #0000000d}[data-theme=dark] .pwa-update-prompt{background:#1e1e28cc;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a}.update-glow{background:radial-gradient(circle, var(--primary-soft,#6366f133) 0%, transparent 70%);pointer-events:none;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.update-content{align-items:flex-start;gap:16px;display:flex}.update-icon-wrapper{background:linear-gradient(135deg, var(--primary,#6366f1), var(--accent,#a855f7));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 8px 16px #6366f140}.update-text{flex:1}.update-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.update-title{color:var(--text,#1f2937);font-size:17px;font-weight:700}.version-pill{background:var(--primary-soft,#6366f11a);color:var(--primary,#6366f1);text-transform:uppercase;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.update-desc{color:var(--text-secondary,#4b5563);margin:0;font-size:14px;line-height:1.5}.update-actions{gap:12px;display:flex}.update-btn-cancel,.update-btn-confirm{cursor:pointer;border:none;border-radius:12px;flex:1;height:44px;font-size:14px;font-weight:600;transition:all .2s}.update-btn-cancel{background:var(--surface,#f3f4f6);color:var(--text-secondary,#4b5563)}.update-btn-cancel:hover{background:var(--surface-hover,#e5e7eb)}.update-btn-confirm{background:var(--primary,#6366f1);color:#fff}.update-btn-confirm:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}@keyframes pwa-slide-up{0%{opacity:0;transform:translate(-50%,100%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}