*,:before,:after{box-sizing:border-box}:root{--btn-radius:6px;--btn-border:#d1d5db;--btn-bg:#fff;--btn-bg-hover:#f3f4f6;--btn-text:#1a1a2e;--btn-font-size:.85rem;--btn-font-weight:500;--btn-padding-y:.45rem;--btn-padding-x:.85rem}body{color:#1a1a2e;background:#f8f9fa;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.app-btn,.btn-back,.menu-auth-btn,.resend-btn,.fullscreen-btn,.favorite-music-playlist-btn,.favorite-music-open-link-btn,.audio-controls button,.detail-btn,.play-word-btn,.hsk-tab,.lesson-topic-play-btn,.conversation-play-btn,.payment-method-cta,.payment-billing-cancel-btn,.voice-chat-local-btn,.play-example-btn,.play-detail-btn,.page-btn,.login-modal-btn{padding:var(--btn-padding-y) var(--btn-padding-x);font-family:inherit;font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);color:var(--btn-text);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--btn-radius);box-shadow:none;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;line-height:1.25;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.app-btn:hover:not(:disabled),.btn-back:hover,.menu-auth-btn:hover:not(:disabled),.resend-btn:hover:not([disabled]),.fullscreen-btn:hover,.favorite-music-playlist-btn:hover:not(:disabled),.favorite-music-open-link-btn:hover,.audio-controls button:hover:not(:disabled),.detail-btn:hover,.play-word-btn:hover:not(:disabled),.hsk-tab:hover,.lesson-topic-play-btn:hover:not(:disabled),.conversation-play-btn:hover:not(:disabled),.payment-method-cta:hover:not(:disabled),.payment-billing-cancel-btn:hover,.voice-chat-local-btn:hover,.play-example-btn:hover:not(:disabled),.play-detail-btn:hover:not(:disabled),.page-btn:hover:not(:disabled),.login-modal-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:#b8c0cc}.app-btn:disabled,.menu-auth-btn:disabled,.favorite-music-playlist-btn:disabled,.audio-controls button:disabled,.resend-btn[disabled]{opacity:.55;cursor:not-allowed}.resend-btn{font-weight:600}#root{max-width:1100px;margin:0 auto;padding:2rem 1rem}.home h1{color:#1a1a2e;margin:0 0 .5rem;font-size:1.8rem;font-weight:600}.home .subtitle{color:#555;margin-bottom:1.5rem;font-size:.95rem}.lesson-view-config{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex;box-shadow:0 1px 3px #0000000d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lesson-view-option{color:#334155;align-items:center;gap:.45rem;font-size:.9rem;font-weight:500;display:inline-flex}.lesson-view-option input{accent-color:#2196f3;width:1rem;height:1rem}.lesson-view-config-end{align-items:center;gap:.65rem;margin-left:auto;display:inline-flex}.fullscreen-btn{color:#334155;transition:background .15s,color .15s,border-color .15s}.fullscreen-btn:hover{background:#eff6ff}.fullscreen-btn.active{color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.home-fullscreen{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f8f9fa;width:100%;height:100vh;min-height:100vh;padding:1.25rem;overflow:hidden auto}.lesson-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 4px #00000014}.lesson-table thead{color:#042c45;background:linear-gradient(#e8f4fc 0%,#cfe8f6 55%,#b8daf0 100%);box-shadow:inset 0 1px #ffffffa6,inset 0 -2px #0e548059}.lesson-table th{text-align:left;letter-spacing:.035em;text-transform:uppercase;color:#042c45;padding:.85rem 1rem;font-size:.8125rem;font-weight:700}.lesson-table td{vertical-align:middle;border-bottom:1px solid #e9ecef;padding:.75rem 1rem}.lesson-table tbody tr:last-child td{border-bottom:none}.lesson-table tbody tr:hover{background:#eef6fb}.grammar-table td{vertical-align:top}.grammar-pattern-cell{color:#0f172a;font-weight:700}.grammar-pattern-main{min-width:0}.grammar-title{color:#0f172a;font-weight:700}.grammar-row-actions{justify-content:flex-start;align-items:center;gap:.45rem;display:flex}.grammar-detail-box{background:#f8fafc;border:1px solid #dbeafe;border-radius:16px;flex-direction:column;gap:1rem;padding:1rem 1.1rem;display:flex}.grammar-detail-head{flex-direction:column;gap:.35rem;display:flex}.grammar-detail-pattern{letter-spacing:.04em;text-transform:uppercase;color:#0f766e;font-size:.82rem;font-weight:800}.grammar-detail-title{color:#0f172a;font-size:1.05rem;font-weight:800}.grammar-detail-section{flex-direction:column;gap:.45rem;display:flex}.grammar-detail-label{letter-spacing:.04em;text-transform:uppercase;color:#475569;font-size:.8rem;font-weight:800}.grammar-detail-text{color:#0f172a;line-height:1.55}.grammar-detail-text-muted{color:#475569}.grammar-example-list{gap:.85rem;display:grid}.grammar-example-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:.9rem 1rem}.grammar-example-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.4rem;display:flex}.grammar-example-index{color:#0891b2;font-size:.78rem;font-weight:800}.grammar-example-zh,.grammar-example-pinyin,.grammar-example-en,.grammar-example-vi{line-height:1.55}.grammar-example-zh{color:#0f172a;font-size:1rem;font-weight:700}.grammar-example-pinyin{color:#475569}.grammar-example-en{color:#1e293b}.grammar-example-vi{color:#334155}.lesson-table tbody tr.row-playing{background:#e8f4fd;border-left:3px solid #2196f3}.lesson-table tbody tr.row-playing td{border-bottom-color:#c5e3f7}.audio-controls{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.audio-controls button{padding:.3rem .65rem;font-size:.8rem}.audio-controls .btn-play-all{color:#334155;background:#f8fafc;border-color:#cbd5e1}.audio-controls .btn-play-all:hover:not(:disabled){color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.audio-controls .btn-play-all-en{color:#1d4ed8;border-color:#bfdbfe}.audio-controls .btn-play-all-en:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.audio-controls .btn-play-all-both{color:#6d28d9;border-color:#c4b5fd}.audio-controls .btn-play-all-both:hover:not(:disabled){color:#5b21b6;background:#ede9fe;border-color:#a78bfa}.audio-controls .btn-stop{color:#991b1b;background:snow;border-color:#fecaca}.audio-controls .btn-stop:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.playing-label{color:#2196f3;white-space:nowrap;background:#e8f4fd;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.lesson-copy{flex-direction:column;gap:.45rem;display:flex}.lesson-topic{line-height:1.5}.lesson-topic-meta{color:#64748b;font-size:.82rem}.lesson-topic-zh-row{margin-top:.15rem}.lesson-line{line-height:1.45}.lesson-line-vi{color:#0f172a;font-size:1.03rem;font-weight:700}.lesson-line-en{color:#334155;font-size:.96rem}.admin-users-search-input{border-radius:var(--admin-users-radius-sm,4px);color:#0f172a;background:#fff;border:1px solid #0f172a14;outline:none;min-width:220px;padding:.55rem .75rem;transition:box-shadow .15s,border-color .15s,transform 60ms;box-shadow:inset 0 1px #fff9}.admin-users-search-input::placeholder{color:#94a3b8}.admin-users-search-input:focus{border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 6px 18px #60a5fa1f}.add-sub-btn[disabled]{opacity:.7;cursor:not-allowed}.lesson-line-zh-row{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.lesson-topic-play-btn{color:#334155;padding:.28rem .65rem;font-size:.76rem;font-weight:600}.lesson-topic-play-btn:hover:not(:disabled){color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.lesson-topic-play-btn:disabled{opacity:.5;cursor:not-allowed}.lesson-pinyin{color:#7c3aed;font-size:.9rem;font-style:italic}.lesson-zh{color:#c0392b;font-size:1.08rem;font-weight:600}.lesson-detail-row td{background:#fcfcfe;padding:0}.lesson-detail-box{background:linear-gradient(#fcfcfe 0%,#f7f9fc 100%);border-top:1px solid #e2e8f0;padding:1rem 1.25rem 1.15rem}.lesson-detail-title{color:#0f172a;margin-bottom:.85rem;font-size:.92rem;font-weight:700}.conversation-list{flex-direction:column;gap:.8rem;display:flex}.conversation-line-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:.9rem 1rem}.conversation-line-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.45rem;display:flex}.conversation-speaker{color:#1d4ed8;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;padding:.16rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.conversation-play-btns{flex-shrink:0;gap:.35rem;display:flex}.conversation-play-btn{padding:.28rem .72rem;font-size:.78rem}.conversation-play-btn-zh{color:#166534}.conversation-play-btn-zh:hover:not(:disabled){background:#f0fdf4;border-color:#86efac}.conversation-play-btn-en{color:#1d4ed8}.conversation-play-btn-en:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.conversation-play-btn:disabled{opacity:.45;cursor:not-allowed}.conversation-line-zh{color:#b42318;font-size:1.02rem;font-weight:700}.conversation-line-pinyin{color:#7c3aed;margin-top:.18rem;font-size:.88rem;font-style:italic}.conversation-line-en{color:#1f2937;margin-top:.25rem;font-size:.9rem}.conversation-line-vi{color:#475569;margin-top:.22rem;font-size:.9rem}.menu-home{box-sizing:border-box;background:radial-gradient(120% 80% at 50% -20%,#38bdf81a 0%,#0000 55%),linear-gradient(#f8fafc 0%,#fff 38%,#f8fafc 100%);min-height:100vh;padding:1.5rem 1rem 2rem}.menu-home-shell{--menu-radius-sm:4px;--menu-radius:6px;--menu-radius-lg:8px;flex-direction:column;width:100%;max-width:1100px;min-height:calc(100vh - 3.5rem);margin:0 auto;display:flex}.menu-home-hero{margin-bottom:1rem}.menu-home-hero.app-page-hero{border-radius:var(--menu-radius-lg)}.menu-home-shell .app-language-buttons{border-radius:var(--menu-radius)}.menu-home-header{margin-bottom:0}.menu-home-brand h1{letter-spacing:-.02em;color:#0f172a;align-items:center;gap:.55rem;margin:0;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;display:flex}.menu-home-brand-icon{font-size:1.35em;line-height:1}.menu-home-tagline{margin-top:.55rem}.menu-home-intro-video-link{color:#0f766e;font:inherit;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline;transition:color .15s;display:inline}.menu-home-intro-video-link:hover{color:#0d9488}.menu-home-intro-video-backdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd1;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.menu-home-intro-video-dialog{border-radius:var(--menu-radius-lg);color:#0f172a;background:#fff;border:0;align-self:center;width:min(920px,100% - 2.5rem);max-height:calc(100vh - 2.5rem);margin-inline:auto;padding:0;overflow:hidden;box-shadow:0 0 0 1px #94a3b840,0 24px 64px #0f172a2e}.menu-home-intro-video-header{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.1rem;display:flex}.menu-home-intro-video-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.menu-home-intro-video-close{border-radius:var(--menu-radius-sm);color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;flex-shrink:0;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.menu-home-intro-video-close:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.menu-home-intro-video-frame-wrap{aspect-ratio:16/9;background:#020617;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.menu-home-intro-video-frame{border:0;width:100%;height:100%;margin-inline:auto;position:absolute;inset:0}.menu-home-intro-video-frame iframe{margin-inline:auto;display:block}.menu-language-switcher{flex-shrink:0}.menu-home-auth-panel{border-radius:var(--menu-radius-lg);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe4f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1rem;margin-bottom:1.35rem;padding:.95rem 1.1rem;display:flex;box-shadow:0 8px 24px #0f172a0d}.menu-home-features{flex:1;margin-bottom:1.5rem}.menu-home-features-title{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0 0 .9rem;font-size:.78rem;font-weight:800}.menu-home-footer{border-radius:var(--menu-radius-lg);text-align:center;background:#ffffffb8;border:1px solid #e2e8f0;margin-top:auto;padding:1rem 1.1rem}.menu-home-desktop-note{color:#94a3b8;max-width:42rem;margin:0 auto;font-size:.8rem;line-height:1.5}.menu-home-usage-time{color:#64748b;max-width:42rem;margin:.45rem auto 0;font-size:.8rem;font-weight:600;line-height:1.5}.menu-home-usage-time-value{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#0f766e}.menu-home-legal-links{color:#94a3b8;max-width:42rem;margin:.5rem auto 0;font-size:.82rem;line-height:1.6}.menu-home-legal-links a{color:#94a3b8;text-decoration:none}.menu-home-legal-links a:hover{color:#64748b;text-decoration:underline}.menu-home-help-video{max-width:42rem;margin:.45rem auto 0;font-size:.82rem;line-height:1.6}.menu-home-help-video-link{color:#0f766e;font:inherit;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline;transition:color .15s;display:inline}.menu-home-help-video-link:hover{color:#0d9488}.legal-page{max-width:820px;margin:0 auto;padding-bottom:2.5rem}.legal-page-hero .app-page-subtitle.legal-page-subtitle{color:#64748b;max-width:42rem;margin-top:.35rem;font-size:.95rem;line-height:1.55}.legal-doc{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:.5rem;padding:1.5rem 1.75rem 1.75rem;font-size:.95rem;line-height:1.75;box-shadow:0 10px 30px #0f172a0d}.legal-doc-meta{letter-spacing:.02em;text-transform:uppercase;color:#94a3b8;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 1.35rem;padding-bottom:1rem;font-size:.82rem;font-weight:600;display:flex}.legal-doc-brand{color:#0f766e}.legal-doc-meta-sep{opacity:.7}.legal-section+.legal-section{border-top:1px solid #f1f5f9;margin-top:1.65rem;padding-top:1.35rem}.legal-section h2{letter-spacing:-.01em;color:#0f172a;margin:0 0 .65rem;font-size:1.08rem;font-weight:700;line-height:1.35}.legal-section h3{color:#1e293b;margin:0 0 .45rem;font-size:.92rem;font-weight:700;line-height:1.4}.legal-section p{margin:0 0 .75rem}.legal-section p:last-child{margin-bottom:0}.legal-subsection{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;margin-top:1rem;padding:.95rem 1rem}.legal-subsection+.legal-subsection{margin-top:.75rem}.legal-definition-list{margin:0}.legal-definition-list>div+div{border-top:1px dashed #e2e8f0;margin-top:.75rem;padding-top:.75rem}.legal-definition-list dt{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin:0 0 .2rem;font-size:.78rem;font-weight:700}.legal-definition-list dd{color:#475569;margin:0}.legal-list{margin:.25rem 0 0;padding-left:1.2rem}.legal-list li+li{margin-top:.45rem}.legal-link{color:#0f766e;font-weight:600;text-decoration:none}.legal-link:hover{text-decoration:underline}.legal-contact-block{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:12px;margin:.75rem 0 0;padding:.95rem 1rem}.legal-contact-block p{margin:0}.legal-contact-block p+p{margin-top:.35rem}.legal-closing{color:#64748b;font-size:.9rem;margin-top:1rem!important}@media (width<=768px){.legal-doc{border-radius:12px;padding:1.1rem 1rem 1.25rem}.legal-page-hero .app-page-subtitle.legal-page-subtitle{font-size:.88rem}.legal-section h2{font-size:1rem}.legal-subsection{padding:.85rem .9rem}}.menu-subtitle{color:#666;margin-bottom:0;font-size:1rem}.menu-auth-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.menu-auth-status{color:#334155;margin:0;font-size:.84rem;font-weight:600}.menu-auth-profile-link{color:#0f766e;text-underline-offset:2px;font-weight:600;text-decoration:underline}.menu-auth-profile-link:hover{color:#115e59}.my-profile-page{text-align:left;--profile-radius-sm:4px;--profile-radius:6px;--profile-radius-lg:8px;max-width:720px;margin:0 auto;padding:2rem 1rem 3rem}.my-profile-page .app-page-hero{border-radius:var(--profile-radius-lg)}.my-profile-page .app-language-buttons{border-radius:var(--profile-radius)}.my-profile-subtitle{margin-bottom:1.25rem}.my-profile-status{border-radius:var(--profile-radius);color:#334155;background:#f8fafc;border:1px solid #dbe4f0;margin:0 0 1rem;padding:.8rem .95rem;font-size:.88rem;font-weight:600}.my-profile-status-error{color:#b42318;background:#fef2f2;border-color:#fecaca}.my-profile-panel{border-radius:var(--profile-radius-lg);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe4f0;box-shadow:0 8px 24px #0f172a0f}.my-profile-card{margin:0;padding:1.15rem 1.2rem}.my-profile-card-subscription{margin-top:1rem}.my-profile-section-title{color:#0f172a;margin:0 0 .75rem;font-size:1rem;font-weight:700}.menu-auth-btn{padding:.5rem .95rem;font-weight:600}.menu-auth-btn.admin{color:#334155;background:#f8fafc}.menu-auth-btn.admin:hover:not(:disabled){color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.menu-auth-btn.logout{color:#991b1b;background:snow;border-color:#fecaca}.menu-auth-btn.logout:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.menu-auth-btn.is-active{color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.menu-auth-btn:disabled{opacity:.55;cursor:not-allowed}.app-language-label{color:#475569;font-size:.82rem;font-weight:600}.app-language-buttons{background:#fff;border:1px solid #dbe4f0;border-radius:8px;gap:.4rem;padding:.3rem;display:inline-flex;box-shadow:0 2px 10px #0f172a0d}.app-language-btn{border-radius:var(--btn-radius);color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;padding:.45rem .8rem;font-size:.8rem;font-weight:600}.app-language-btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-border)}.app-language-btn.is-active{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;width:100%;display:grid}.menu-card{border-radius:var(--menu-radius-lg);color:#0f172a;background:#fff;border:1px solid #e2e8f0;flex-direction:column;align-items:stretch;gap:.65rem;min-height:100%;padding:1.15rem 1.15rem 1.05rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 4px 16px #0f172a0d}.menu-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1a}.menu-card.locked{opacity:.9;border-style:dashed}.menu-card.locked:hover{transform:translateY(-1px)}.menu-card-head{align-items:center;gap:.65rem;display:flex}.menu-card-icon{flex-shrink:0;font-size:1.65rem;line-height:1}.menu-card h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.menu-card-description{color:#475569;text-align:left;flex:1;margin:0;font-size:.84rem;line-height:1.5}.menu-card-login-link{color:#0f766e;margin-top:auto;font-size:.84rem;font-weight:700}.menu-card-lock-stack{border-radius:var(--menu-radius);background:#fff7ed;border:1px solid #fed7aa;max-width:100%;margin-top:auto;padding:.45rem .7rem}.menu-card-lock-title{color:#9a3412;margin:0;font-size:.82rem;font-weight:800;line-height:1.25}.menu-card-voice{background:linear-gradient(#fff 0%,#eff6ff 100%);border-color:#bfdbfe}.menu-card-pricing{background:linear-gradient(#fff 0%,#fff7ed 100%);border-color:#fdba74}.menu-card-dual{background:linear-gradient(#fff 0%,#eef2ff 100%);border-color:#c7d2fe}.menu-card-grammar{background:linear-gradient(#fff 0%,#ecfeff 100%);border-color:#bfdbd3}.menu-card-dual:hover{box-shadow:0 10px 24px #4f46e529}.menu-card-grammar:hover{box-shadow:0 10px 24px #0891b229}.menu-card-voice:hover{box-shadow:0 10px 24px #2563eb29}.menu-card-pricing:hover{box-shadow:0 10px 24px #f973162e}.menu-card-radicals{background:linear-gradient(#fff 0%,#fffbeb 100%);border-color:#fcd34d}.menu-card-radicals:hover{box-shadow:0 10px 24px #d9770629}.menu-card-radicals .menu-card-icon{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-weight:700}.pricing-page{--pricing-radius-sm:4px;--pricing-radius:6px;--pricing-radius-lg:8px;max-width:980px}.pricing-page .app-page-hero{border-radius:var(--pricing-radius-lg)}.pricing-page .app-language-buttons,.pricing-page .payment-status{border-radius:var(--pricing-radius)}.pricing-plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.pricing-free-panel{margin-bottom:1rem}.pricing-plan-card--free{background:linear-gradient(#fff 0%,#f0fdf4 100%);border-color:#bbf7d0;box-shadow:0 14px 30px #16a34a14}.pricing-plan-card--free .pricing-plan-name,.pricing-plan-card--free .pricing-plan-description{color:#166534}.pricing-plan-card{border-radius:var(--pricing-radius-lg);text-align:left;background:linear-gradient(#fff 0%,#fff7ed 100%);border:1px solid #fed7aa;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex;box-shadow:0 14px 30px #f9731614}.pricing-plan-name{letter-spacing:.04em;text-transform:uppercase;color:#9a3412;font-size:.88rem;font-weight:800}.pricing-plan-price{color:#111827;font-size:2rem;font-weight:900}.pricing-plan-description{color:#7c2d12;margin:0;font-size:.92rem}.pricing-plan-included-label{letter-spacing:.04em;text-transform:uppercase;color:#475569;font-size:.78rem;font-weight:800}.pricing-plan-feature-list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.pricing-plan-feature-item{color:#0f172a;align-items:center;gap:.55rem;font-size:.9rem;font-weight:600;display:flex}.pricing-plan-feature-check{border-radius:var(--pricing-radius-sm);color:#15803d;background:#dcfce7;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;font-size:.82rem;font-weight:900;display:inline-flex}.pricing-plan-card .menu-auth-btn.pricing-plan-cta{width:100%;margin-top:auto}.payment-page{--payment-radius-sm:4px;--payment-radius:6px;--payment-radius-lg:8px;max-width:980px}.payment-page .app-page-hero{border-radius:var(--payment-radius-lg)}.payment-page .app-language-buttons{border-radius:var(--payment-radius)}.payment-status{border-radius:var(--payment-radius);color:#334155;background:#f8fafc;border:1px solid #dbe4f0;margin:0 0 1rem;padding:.8rem .95rem;font-size:.88rem;font-weight:600}.payment-status-error{color:#b42318;background:#fef2f2;border-color:#fecaca}.payment-status-ok{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.payment-summary-card{border-radius:var(--payment-radius-lg);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe4f0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:grid}.payment-billing-card{border-radius:var(--payment-radius-lg);background:linear-gradient(#fff 0%,#eff6ff 100%);border:1px solid #dbe4f0;flex-direction:column;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:flex;box-shadow:0 12px 28px #1d4ed80f}.payment-billing-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.payment-billing-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;display:grid}.payment-billing-item{border-radius:var(--payment-radius);background:#ffffffb8;border:1px solid #dbe4f0;flex-direction:column;gap:.35rem;padding:.9rem .95rem;display:flex}.payment-billing-item-wide{grid-column:1/-1}.payment-billing-cancel-btn{color:#991b1b;background:snow;border-color:#fecaca;font-weight:600}.payment-billing-cancel-btn:hover{background:#fef2f2;border-color:#fca5a5}.payment-billing-cancel-btn:disabled{cursor:wait;opacity:.65}.payment-cancel-confirm-backdrop{z-index:1100;animation:.22s payment-cancel-backdrop-in}.payment-cancel-confirm-dialog{text-align:center;border:1px solid #e2e8f0;border-radius:20px;width:min(100%,420px);padding:0;animation:.28s cubic-bezier(.22,1,.36,1) payment-cancel-dialog-in;position:relative;overflow:hidden;box-shadow:0 28px 80px #0f172a3d,inset 0 0 0 1px #ffffffb3}.payment-cancel-confirm-dialog:before{content:"";background:linear-gradient(90deg,#fb923c,#ea580c);height:4px;display:block}.payment-cancel-confirm-body{padding:1.55rem 1.75rem 1.45rem}.payment-cancel-confirm-dialog h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.18rem;font-weight:800}.payment-cancel-confirm-message{color:#64748b;max-width:34ch;margin:0 auto 1.35rem;font-size:.92rem;line-height:1.65}.payment-cancel-confirm-icon{color:#c2410c;background:linear-gradient(145deg,#fff7ed,#ffedd5);border:1px solid #fdba74;border-radius:50%;place-items:center;width:3.35rem;height:3.35rem;margin:0 auto .95rem;display:grid;box-shadow:0 8px 22px #ea580c29}.payment-cancel-confirm-icon svg{width:1.45rem;height:1.45rem}.payment-cancel-confirm-actions{justify-content:center;gap:.7rem;margin-top:.15rem}.payment-cancel-confirm-btn-no{color:#475569;background:#fff;border-color:#cbd5e1;min-width:7rem;font-weight:700}.payment-cancel-confirm-btn-no:hover:not(:disabled){color:#334155;background:#f8fafc;border-color:#94a3b8}.payment-cancel-confirm-btn-yes{color:#991b1b;background:linear-gradient(#fef2f2 0%,#fee2e2 100%);border-color:#fca5a5;min-width:7rem;font-weight:700;box-shadow:0 4px 14px #b91c1c1f}.payment-cancel-confirm-btn-yes:hover:not(:disabled){color:#7f1d1d;background:linear-gradient(#fee2e2 0%,#fecaca 100%);border-color:#f87171}.payment-cancel-confirm-dialog--busy .payment-cancel-confirm-body{opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.payment-cancel-confirm-busy{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:wait;background:#ffffffb8;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0}.payment-cancel-confirm-busy p{color:#9a3412;margin:0;font-size:.92rem;font-weight:700}.payment-cancel-confirm-busy-spinner{border:3px solid #fed7aa;border-top-color:#ea580c;border-radius:50%;width:2.25rem;height:2.25rem;animation:.85s linear infinite payment-cancel-busy-spin}@keyframes payment-cancel-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes payment-cancel-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes payment-cancel-busy-spin{to{transform:rotate(360deg)}}@media (width<=480px){.payment-cancel-confirm-body{padding:1.35rem 1.2rem 1.25rem}.payment-cancel-confirm-actions{flex-direction:column-reverse;align-items:stretch}.payment-cancel-confirm-btn-no,.payment-cancel-confirm-btn-yes{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.payment-cancel-confirm-backdrop,.payment-cancel-confirm-dialog{animation:none}.payment-cancel-confirm-busy-spinner{animation-duration:1.4s}}.payment-summary-item{flex-direction:column;gap:.3rem;display:flex}.payment-summary-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:.8rem;font-weight:800}.payment-selector-box{border-radius:var(--payment-radius-lg);background:#fff;border:1px solid #dbe4f0;flex-direction:column;gap:.6rem;margin-bottom:1rem;padding:1rem 1.1rem;display:flex}.payment-selector-head{flex-direction:column;gap:.3rem;display:flex}.payment-selector-label,.payment-method-detail-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:.78rem;font-weight:800}.payment-method-select{border-radius:var(--payment-radius);color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;width:100%;padding:.85rem .95rem;font-size:.95rem;font-weight:700}.payment-method-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:1rem;display:grid}.payment-method-layout-preview-only{grid-template-columns:minmax(0,1fr)}.payment-method-card{border-radius:var(--payment-radius-lg);background:linear-gradient(#fff 0%,#eff6ff 100%);border:1px solid #dbe4f0;flex-direction:column;gap:.85rem;padding:1.2rem;display:flex;box-shadow:0 12px 28px #1d4ed814}.payment-method-name{color:#0f172a;font-size:1.1rem;font-weight:800}.payment-method-description{color:#475569;margin:0;font-size:.92rem}.payment-method-list,.payment-method-note-list{flex-direction:column;gap:.55rem;margin:0;padding-left:1rem;display:flex}.payment-method-list-item,.payment-method-note-item{color:#0f172a;font-size:.9rem;line-height:1.5}.payment-preview-card{border-radius:var(--payment-radius-lg);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe4f0;flex-direction:column;gap:.9rem;padding:1.2rem;display:flex;box-shadow:0 12px 28px #0f172a14}.payment-preview-mastercard{background:linear-gradient(#fff 0%,#fff7ed 100%)}.payment-mastercard-paypal-note{margin:0 0 .85rem}.payment-card-input-row{width:100%;position:relative}.payment-card-field-host{border-radius:var(--payment-radius-sm);pointer-events:auto;background:#fff;border:1px solid #cbd5e1;align-items:center;width:100%;min-height:2.75rem;padding:.35rem .65rem;display:flex}.payment-card-input-row--paypal .payment-card-native-input,.payment-card-input-row:not(.payment-card-input-row--paypal) .payment-card-field-host:empty{display:none}.payment-card-field-host iframe{pointer-events:auto;border:0;min-height:1.5rem;width:100%!important}.payment-card-native-input{border-radius:var(--payment-radius-sm);color:#0f172a;background:#fff;border:1px solid #cbd5e1;width:100%;padding:.85rem .95rem;font-size:.94rem}.payment-card-native-input:focus{outline-offset:1px;border-color:#fb923c;outline:2px solid #fdba74}.payment-mastercard-native-note{margin:0}.payment-mastercard-paypal-card-button{min-height:3rem}.payment-method-cta-secondary{color:#9a3412;background:#fff;border:1px solid #fdba74;margin-top:.65rem}.payment-method-cta-secondary:hover:not(:disabled){background:#fff7ed;border-color:#fb923c}.payment-preview-paypal{background:linear-gradient(#fff 0%,#eff6ff 100%)}.payment-preview-payhip{background:linear-gradient(#fff 0%,#ecfdf5 100%)}.payment-preview-zalopay{background:linear-gradient(#fff 0%,#eff6ff 100%);border-color:#0068ff}.zalopay-status-compact{border-top:1px solid #0068ff29;margin-top:1rem;padding-top:1rem}.zalopay-status-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.zalopay-status-title{color:#0f172a;font-size:.92rem;font-weight:600}.zalopay-status-badge{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700}.zalopay-status-badge--success{color:#166534;background:#dcfce7}.zalopay-status-badge--pending{color:#854d0e;background:#fef9c3}.zalopay-status-badge--error{color:#991b1b;background:#fee2e2}.zalopay-status-badge--neutral{color:#475569;background:#f1f5f9}.zalopay-status-subtitle{color:#64748b;margin:.45rem 0 0;font-size:.86rem;line-height:1.45}.zalopay-status-rows{gap:.45rem;margin:.75rem 0 0;display:grid}.zalopay-status-row{grid-template-columns:minmax(5.5rem,7rem) 1fr;align-items:baseline;gap:.5rem .75rem;display:grid}.zalopay-status-row dt{color:#64748b;margin:0;font-size:.78rem}.zalopay-status-row dd{color:#0f172a;word-break:break-all;margin:0;font-size:.88rem;font-weight:600}.payment-preview-stripe{background:linear-gradient(#fff 0%,#f5f3ff 100%)}.payment-preview-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.payment-preview-badge{border-radius:var(--payment-radius);color:#475569;background:#ffffffb3;justify-content:center;align-items:center;padding:.28rem .65rem;font-size:.76rem;font-weight:800;display:inline-flex}.payment-preview-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.payment-preview-field{flex-direction:column;gap:.45rem;display:flex}.payment-preview-field-full{grid-column:1/-1}.payment-preview-field span,.payment-preview-wallet-box span,.payment-preview-meta span{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:.78rem;font-weight:800}.payment-preview-field input{border-radius:var(--payment-radius);color:#0f172a;background:#fff;border:1px solid #cbd5e1;width:100%;padding:.85rem .95rem;font-size:.94rem}.payment-preview-wallet-box,.payment-preview-meta,.payment-preview-summary-row{border-radius:var(--payment-radius);background:#ffffffb8;border:1px solid #dbe4f0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .95rem;display:flex}.payment-preview-summary-row strong,.payment-preview-wallet-box strong,.payment-preview-meta strong{color:#0f172a}.payment-method-cta{margin-top:auto;font-size:.9rem;font-weight:600}.payment-method-cta:disabled{cursor:wait;opacity:.65}.payment-method-cta.payment-method-cta-checkout{letter-spacing:.02em;color:#fff;border-radius:var(--payment-radius);background:linear-gradient(135deg,#3b82f6 0%,#0ea5e9 52%,#06b6d4 100%);border:none;width:100%;min-height:3.35rem;padding:.95rem 1.5rem;font-size:1.06rem;font-weight:700;box-shadow:0 12px 28px #2563eb61}.payment-method-cta.payment-method-cta-checkout:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#2563eb 0%,#0284c7 52%,#0891b2 100%);border-color:#0000;box-shadow:0 14px 32px #2563eb73}.payment-method-cta.payment-method-cta-checkout:disabled{opacity:.72;cursor:wait}.payment-paypal-button-shell{width:100%;margin-top:auto}.payment-paypal-button-container{min-height:48px}.payment-paypal-button-container>div{max-width:100%}.payment-method-cta-stripe{background:#6d28d9;box-shadow:0 10px 24px #6d28d92e}.payment-method-cta-stripe:hover{background:#5b21b6}.app-page-hero--home{--app-hero-border:#bae6fd;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #38bdf829 0%, transparent 55%), linear-gradient(135deg, #f0f9ff 0%, #fff 52%, #ecfeff 100%);--app-hero-shadow:0 10px 30px #0e74901a}@media (width<=720px){.menu-home{padding:1.1rem .85rem 1.5rem}.menu-home-header{flex-direction:column;align-items:stretch}.menu-home-brand h1{justify-content:center}.menu-home-tagline{text-align:center}.menu-home-header .app-page-header-end{align-self:flex-end;margin-left:0}.menu-home-auth-panel{flex-direction:column;align-items:stretch}.menu-auth-actions{justify-content:stretch}.menu-auth-actions .menu-auth-btn{flex:1}.menu-grid,.pricing-plan-grid,.payment-method-layout,.payment-summary-card,.payment-billing-grid{grid-template-columns:1fr}.payment-billing-head{flex-direction:column}.payment-preview-form-grid{grid-template-columns:1fr}}.login-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8f;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.login-modal-backdrop-dismiss{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.login-modal{z-index:1;background:linear-gradient(#fff 0%,#f8fafc 100%);border:0;border-radius:24px;width:min(100%,420px);margin:0;padding:1.5rem;font-size:.9rem;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.login-modal-backdrop--busy{cursor:wait;background:#0f172ab8}.login-modal-backdrop--busy .login-modal-backdrop-dismiss{cursor:wait;pointer-events:none}.login-modal--busy{pointer-events:none;-webkit-user-select:none;user-select:none}.login-modal-busy-overlay{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;cursor:wait;background:#f8fafcd1;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1.5rem;display:flex;position:absolute;inset:0}.login-modal-busy-spinner{border:3px solid #cbd5e1;border-top-color:#0f766e;border-radius:50%;width:2.5rem;height:2.5rem;animation:.85s linear infinite login-modal-busy-spin}.login-modal-busy-text{color:#0f766e;letter-spacing:.01em;margin:0;font-size:.95rem;font-weight:700}@keyframes login-modal-busy-spin{to{transform:rotate(360deg)}}.login-modal::backdrop{background:0 0}.login-modal-header h2{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.login-modal-header p{color:#475569;margin:.45rem 0 0;font-size:.9rem;line-height:1.5}.login-modal-form{flex-direction:column;gap:1rem;margin-top:1.25rem;display:flex}.login-social-list{flex-direction:column;gap:.8rem;display:flex}.login-social-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:16px;align-items:center;gap:.85rem;width:100%;padding:.9rem 1rem;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.login-social-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px #0f172a14}.login-social-btn:disabled{cursor:wait;opacity:.72}.login-social-btn.google{border-color:#d0d7de}.login-social-btn.facebook{background:linear-gradient(#f8fbff 0%,#eef4ff 100%);border-color:#c7d2fe}.login-social-icon{border-radius:999px;flex:none;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;font-size:.92rem;font-weight:800;display:inline-flex}.login-social-btn.google .login-social-icon{color:#c2410c;background:#fff2f0}.login-social-btn.facebook .login-social-icon{color:#fff;background:#1d4ed8}.login-modal-password-form{flex-direction:column;gap:.25rem;display:flex}.login-modal-field{text-align:left;flex-direction:column;gap:.45rem;display:flex}.login-modal-field span{color:#334155;font-size:.82rem;font-weight:600}.login-modal-field input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:.8rem .95rem;font-size:.88rem}.login-modal-password-input-wrap{position:relative}.login-modal-password-input-wrap input{padding-right:3rem}.login-modal-password-toggle{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.login-modal-password-toggle svg{width:1.1rem;height:1.1rem}.login-modal-password-toggle:hover{color:#0f172a;background:#f1f5f9}.login-modal-password-toggle:focus-visible{outline-offset:2px;outline:2px solid #0f766e}.login-modal-field input:focus{outline-offset:2px;border-color:#0f766e;outline:2px solid #0f766e}.login-modal-error{color:#b42318;background:#fef2f2;border-radius:14px;margin:0;padding:.75rem .9rem;font-size:.84rem;font-weight:600}.login-modal-message{color:#166534;background:#ecfdf3;border-radius:14px;margin:0;padding:.75rem .9rem;font-size:.84rem;font-weight:600}.login-modal-inline-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.1rem;padding-top:0;display:grid}.login-modal-status{color:#0f766e;align-items:center;padding:.2rem 0;font-size:.84rem;font-weight:700;display:inline-flex}.login-modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.login-modal-btn{border:1px solid var(--btn-border);border-radius:var(--btn-radius);cursor:pointer;background:var(--btn-bg);color:var(--btn-text);padding:.65rem 1.1rem;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s}.login-modal-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:#b8c0cc}.login-modal-btn.secondary{color:#475569;background:#f8fafc}.login-modal-btn.danger{color:#991b1b;background:snow;border-color:#fecaca}.login-modal-btn.danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.login-modal-btn:disabled{cursor:wait;opacity:.7}.auth-callback-page{justify-content:center;padding-top:3rem;display:flex}.auth-callback-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:min(100%,540px);padding:1.8rem;box-shadow:0 18px 40px #0f172a14}.auth-callback-error{margin-top:1rem}.auth-callback-btn{margin-top:.9rem}@media (width<=520px){.login-modal-actions{flex-direction:column-reverse}.login-modal-btn{width:100%}}.voice-chat-page{padding:1rem 0}.voice-chat-intro{color:#475569;margin:0 0 1.5rem;font-size:.96rem}.voice-chat-local-box{border-radius:var(--voice-ui-radius-lg);background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border:1px solid #bfdbfe;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:flex}.voice-chat-local-box h2{margin:0 0 .35rem;font-size:1.08rem}.voice-chat-local-box p{color:#475569;margin:0}.voice-chat-local-btn{font-weight:600;text-decoration:none}.voice-chat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.voice-chat-card{border-radius:var(--voice-ui-radius-lg);color:#0f172a;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbeafe;flex-direction:column;gap:.9rem;min-height:220px;padding:1.25rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 8px 24px #0f172a0f}.voice-chat-card:hover{border-color:#60a5fa;transform:translateY(-4px);box-shadow:0 16px 32px #2563eb24}.voice-chat-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.voice-chat-card h2{margin:0;font-size:1.08rem}.voice-chat-card p{color:#475569;margin:0;line-height:1.5}.voice-chat-badge{border-radius:var(--voice-ui-radius);color:#1d4ed8;background:#dbeafe;flex-shrink:0;padding:.22rem .55rem;font-size:.73rem;font-weight:700}.voice-chat-action{border-radius:var(--btn-radius);border:1px solid var(--btn-border);background:var(--btn-bg);width:fit-content;color:var(--btn-text);justify-content:center;align-items:center;margin-top:auto;padding:.45rem .85rem;font-size:.84rem;font-weight:600;display:inline-flex}.voice-live-page{padding:1rem 0 2rem}.voice-live-toolbar{flex-wrap:wrap;align-items:flex-end;gap:.9rem;margin-bottom:.9rem;display:flex}.voice-live-select-wrap{color:#475569;flex-direction:column;gap:.3rem;font-size:.84rem;display:flex}.voice-live-checkbox-wrap{border-radius:var(--voice-ui-radius-sm);color:#334155;background:#fff;border:1px solid #cbd5e1;align-items:center;gap:.5rem;min-height:42px;padding:.55rem .75rem;font-size:.84rem;display:inline-flex}.voice-live-checkbox-wrap input{width:16px;height:16px;margin:0}.voice-live-select-wrap select{border-radius:var(--voice-ui-radius-sm);min-width:180px;font:inherit;background:#fff;border:1px solid #cbd5e1;padding:.55rem .75rem}.voice-live-message-meta .menu-auth-btn,.voice-live-play-btn{padding:.35rem .75rem;font-size:.78rem}.voice-live-status{border-radius:var(--voice-ui-radius);align-items:center;min-height:2.35rem;padding:.34rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.voice-live-status.ok{color:#166534;background:#dcfce7}.voice-live-status.warn{color:#92400e;background:#fef3c7}.voice-live-note,.voice-live-error{border-radius:var(--voice-ui-radius);margin-bottom:1rem;padding:.9rem 1rem}.voice-live-note{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.voice-live-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.voice-live-chatbox{border-radius:var(--voice-ui-radius-lg);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;flex-direction:column;gap:.85rem;min-height:360px;max-height:62vh;padding:1rem;display:flex;overflow-y:auto;box-shadow:0 8px 24px #0f172a0f}.voice-live-message{border-radius:var(--voice-ui-radius-lg);max-width:min(720px,92%);padding:.9rem 1rem}.voice-live-message-user{background:#dbeafe;align-self:flex-end}.voice-live-message-assistant{background:#fff;border:1px solid #e2e8f0;align-self:flex-start}.voice-live-message-meta{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.45rem;display:flex}.voice-live-message-text{white-space:pre-wrap;color:#0f172a;line-height:1.55}.voice-live-message-extra{margin-top:.7rem}.voice-live-message-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:.22rem;font-size:.72rem;font-weight:700}.voice-live-message-subtext{white-space:pre-wrap;color:#334155;line-height:1.5}.voice-live-form{align-items:flex-start;gap:.9rem;margin-top:1rem;display:flex}.voice-live-form-actions{flex-flow:wrap;align-items:center;gap:.55rem;min-width:220px;display:flex}.dual-language-page{padding:1rem 0 2rem}.dual-language-chatbox{min-height:320px}.dual-language-form-actions{flex-flow:wrap;align-items:center;gap:.55rem;min-width:220px;display:flex}.dual-language-loading{border-radius:var(--voice-ui-radius);color:#6d28d9;background:#ede9fe;padding:.34rem .65rem;font-size:.78rem;font-weight:700}.dual-language-block{margin-top:.7rem}.dual-language-block:first-of-type{margin-top:0}.dual-language-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:.3rem;font-size:.72rem;font-weight:700}.dual-language-output{border-top:1px dashed #cbd5e1;padding-top:.65rem}.dual-language-zh{font-size:1.02rem;font-weight:600}.dual-language-pinyin-box{margin-top:.55rem}.dual-language-pinyin{color:#475569;line-height:1.5}.voice-live-input{border-radius:var(--voice-ui-radius);font:inherit;resize:vertical;background:#fff;border:1px solid #cbd5e1;flex:1;padding:.9rem 1rem}.voice-live-input:focus,.voice-live-select-wrap select:focus{border-color:#60a5fa;outline:2px solid #bfdbfe}@media (width<=720px){.voice-chat-local-box,.voice-live-form{flex-direction:column}.dual-language-form-actions,.voice-live-form-actions{width:100%;min-width:0}.voice-chat-local-btn,.voice-live-form-actions .menu-auth-btn,.dual-language-form-actions .menu-auth-btn{width:100%}.voice-live-message{max-width:100%}}.page-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-header h1{margin:0;font-size:1.6rem}.admin-users-page{--admin-users-radius-sm:4px;--admin-users-radius:6px;--admin-users-radius-lg:8px;width:100%;max-width:none}.admin-users-page .app-page-hero{border-radius:var(--admin-users-radius-lg);max-width:1100px;margin-left:auto;margin-right:auto}.admin-users-page .app-language-buttons{border-radius:var(--admin-users-radius)}.admin-users-subtitle{max-width:none}.admin-users-toolbar{border-radius:var(--admin-users-radius-lg);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe4f0;max-width:1100px;margin:0 auto 1rem;padding:1rem 1.1rem;box-shadow:0 8px 24px #0f172a0f}.admin-users-toolbar-inner{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.admin-users-status{border-radius:var(--admin-users-radius);color:#334155;background:#f8fafc;border:1px solid #dbe4f0;max-width:1100px;margin:0 auto 1rem;padding:.8rem .95rem;font-size:.88rem;font-weight:600}.admin-users-status-ok{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.admin-users-status-error{color:#b42318;background:#fef2f2;border-color:#fecaca}.admin-users-table-wrap{box-sizing:border-box;background:#fff;border:1px solid #dbe4f0;border-radius:0;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:auto;box-shadow:0 16px 32px #0f172a0f}.admin-users-table{border-collapse:collapse;table-layout:fixed;width:100%}.admin-users-table thead{background:#eff6ff}.admin-users-table th,.admin-users-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e2e8f0;padding:.9rem 1rem}.admin-users-table th:first-child,.admin-users-table td:first-child{width:11%}.admin-users-table th:nth-child(2),.admin-users-table td:nth-child(2){width:22%}.admin-users-table th:nth-child(3),.admin-users-table td:nth-child(3){width:8%}.admin-users-table th:nth-child(4),.admin-users-table td:nth-child(4){width:11%}.admin-users-table th:nth-child(5),.admin-users-table td:nth-child(5){width:12%}.admin-users-table th:nth-child(6),.admin-users-table td:nth-child(6){width:9%}.admin-users-table th:nth-child(7),.admin-users-table td:nth-child(7){width:16%}.admin-users-table th:nth-child(8),.admin-users-table td:nth-child(8){width:17%}.admin-users-table th{letter-spacing:.04em;text-transform:uppercase;color:#475569;font-size:.78rem;font-weight:800}.admin-users-table td{color:#0f172a;font-size:.88rem}.admin-users-id{word-break:break-all;color:#475569}.admin-users-id-cell{align-items:flex-start;gap:.35rem;display:flex}.admin-users-copy-id-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;margin-top:.1rem;padding:.15rem;line-height:0}.admin-users-copy-id-btn:hover{color:#0f766e;background:#f0fdfa}.admin-users-copy-id-btn:focus-visible{outline-offset:2px;outline:2px solid #99f6e4}.admin-users-copy-id-icon{display:block}.admin-users-id-link{font:inherit;color:#0f766e;text-align:left;text-underline-offset:2px;cursor:pointer;word-break:break-all;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.admin-users-id-link:hover{color:#115e59}.admin-users-id-link:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #99f6e4}.admin-subscription-details{border-radius:var(--admin-users-radius,6px);text-align:left;background:#f8fafc;border:1px solid #e2e8f0;margin:0 0 1.25rem;padding:.85rem 1rem}.admin-subscription-row{flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin:0 0 .55rem;font-size:.9rem;line-height:1.45;display:flex}.admin-subscription-row:last-child{margin-bottom:0}.admin-subscription-label{color:#475569;flex-shrink:0;font-weight:600}.admin-subscription-value{color:#0f172a;word-break:break-word}.admin-users-payment-select{border-radius:var(--admin-users-radius-sm,4px);color:#0f172a;min-width:120px;font:inherit;background:#fff;border:1px solid #cbd5e1;padding:.5rem .75rem}.admin-users-payment-select:focus{border-color:#60a5fa;outline:2px solid #bfdbfe}.admin-users-add-sub-wrap{margin-top:.5rem}.admin-users-load-more{justify-content:center;margin-top:1rem;display:flex}.admin-users-mobile-wrap{max-width:1100px;margin:0 auto}.admin-users-mobile-list{flex-direction:column;gap:.75rem;display:flex}.admin-users-mobile-card{background:#fff;border:1px solid #dbe4f0;border-radius:12px;padding:.9rem 1rem 1rem;box-shadow:0 6px 18px #0f172a0d}.admin-users-mobile-card-head{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.admin-users-mobile-index{color:#1d4ed8;background:#eff6ff;border-radius:8px;flex-shrink:0;place-items:center;min-width:1.85rem;height:1.85rem;padding:0 .35rem;font-size:.82rem;font-weight:700;display:grid}.admin-users-mobile-head-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.admin-users-mobile-name{color:#0f172a;font-size:1rem;line-height:1.35}.admin-users-mobile-email{color:#64748b;word-break:break-word;font-size:.88rem;line-height:1.4}.admin-users-mobile-meta{grid-template-columns:1fr 1fr;gap:.55rem .75rem;margin:0 0 .85rem;display:grid}.admin-users-mobile-meta>div{margin:0}.admin-users-mobile-meta dt{letter-spacing:.03em;text-transform:uppercase;color:#64748b;margin:0 0 .15rem;font-size:.72rem;font-weight:700}.admin-users-mobile-meta dd{color:#0f172a;word-break:break-word;margin:0;font-size:.88rem;line-height:1.4}.admin-users-mobile-payment{border-top:1px solid #f1f5f9;flex-direction:column;gap:.5rem;margin-bottom:.85rem;padding-top:.75rem;display:flex}.admin-users-mobile-payment-label{letter-spacing:.03em;text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:700}.admin-users-mobile-payment-select{width:100%;min-width:0}.admin-users-mobile-add-sub-btn{justify-content:center;width:100%}.admin-users-mobile-id-block{border-top:1px solid #f1f5f9;padding-top:.75rem}.admin-users-mobile-id-label{letter-spacing:.03em;text-transform:uppercase;color:#64748b;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:block}.admin-users-mobile-id-cell{width:100%}@media (width<=768px){.admin-users-page{padding-bottom:1.5rem}.admin-users-toolbar{margin-bottom:.85rem;padding:.85rem}.admin-users-toolbar-inner{flex-direction:column;align-items:stretch}.admin-users-toolbar-inner .admin-users-search-input{width:100%;min-width:0}.admin-users-toolbar-inner .menu-auth-btn{justify-content:center;width:100%}.admin-users-status{font-size:.84rem}.admin-users-mobile-meta{grid-template-columns:1fr}.admin-users-load-more .pricing-plan-cta{width:100%}}.favorite-music-page{--fm-accent:#b45309;--fm-accent-deep:#92400e;--fm-accent-soft:#fffbeb;--fm-accent-border:#fde68a;--fm-ink:#0f172a;--fm-muted:#64748b;--fm-surface:#fff;--fm-panel-shadow:0 10px 32px #92400e14;--fm-radius-lg:8px;--fm-radius-md:6px;--fm-radius-sm:6px;--fm-open-karaoke-btn-width:6.85rem;--fm-open-lyrics-btn-width:10.75rem;--fm-actions-col-width:8.25rem;text-align:left;max-width:1120px;margin:0 auto;padding:1.5rem 1rem 3rem}.favorite-music-page #root,.favorite-music-page.home{background:0 0}.favorite-music-hero{border-radius:var(--fm-radius-lg);border:1px solid var(--fm-accent-border);box-shadow:var(--fm-panel-shadow);background:radial-gradient(120% 140% at 100% 0,#fbbf2438 0%,#0000 55%),linear-gradient(135deg,#fffbeb 0%,#fff 48%,#fff7ed 100%);margin-bottom:1.35rem;padding:1.35rem 1.4rem 1.2rem}.favorite-music-page-header{flex-wrap:wrap;margin-bottom:.65rem}.favorite-music-page-header h1{letter-spacing:-.02em;color:var(--fm-ink);margin:0;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:800}.favorite-music-title-block{flex:1;min-width:12rem}.favorite-music-back{background:#ffffffd9;border-color:#fcd34d}.favorite-music-back:hover{color:var(--fm-accent-deep);background:#fff;border-color:#f59e0b}.favorite-music-panel{border-radius:var(--fm-radius-md);background:var(--fm-surface);border:1px solid #e7e5e4;box-shadow:0 4px 18px #0f172a0d}.favorite-music-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.35rem;padding:1rem 1.1rem;display:flex}.favorite-music-filters{flex-wrap:wrap;align-items:flex-end;gap:.85rem;display:flex}.favorite-music-field{flex-direction:column;gap:.4rem;min-width:200px;display:flex}.favorite-music-field span{letter-spacing:.04em;text-transform:uppercase;color:#78716c;font-size:.78rem;font-weight:700}.favorite-music-field-checkbox{flex-direction:row;align-items:center;gap:.55rem;padding-top:1.5rem}.favorite-music-field-checkbox span{text-transform:none;letter-spacing:0;color:var(--fm-ink);font-size:.88rem}.favorite-music-field-checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--fm-accent)}.favorite-music-input{border-radius:var(--fm-radius-sm);color:var(--fm-ink);background:#fafaf9;border:1px solid #d6d3d1;padding:.6rem .8rem;font-size:.92rem;transition:border-color .15s,box-shadow .15s,background .15s}.favorite-music-input:hover{background:#fff;border-color:#a8a29e}.favorite-music-input:focus{background:#fff;border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b33}.favorite-music-btn{border-radius:var(--fm-radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;font-family:inherit;font-size:.875rem;font-weight:700;line-height:1.25;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s;display:inline-flex}.favorite-music-btn:disabled{opacity:.55;cursor:not-allowed}.favorite-music-btn--primary{color:#fff;background:linear-gradient(180deg, #d97706 0%, var(--fm-accent) 100%);border-color:var(--fm-accent-deep);box-shadow:0 4px 14px #b4530947}.favorite-music-btn--primary:hover:not(:disabled){background:linear-gradient(#ea580c 0%,#c2410c 100%);box-shadow:0 6px 18px #b4530952}.favorite-music-btn--secondary{color:var(--fm-accent-deep);background:var(--fm-accent-soft);border-color:var(--fm-accent-border)}.favorite-music-btn--secondary:hover:not(:disabled){background:#fef3c7;border-color:#fbbf24}.favorite-music-btn--ghost{color:#57534e;background:#fff;border-color:#d6d3d1}.favorite-music-btn--ghost:hover:not(:disabled){background:#fafaf9;border-color:#a8a29e}.favorite-music-form-card{border:1px solid var(--fm-accent-border);border-radius:var(--fm-radius-lg);box-shadow:var(--fm-panel-shadow);background:linear-gradient(#fffbeb 0%,#fff 28%);margin-bottom:1.35rem;padding:1.35rem 1.4rem 1.25rem}.favorite-music-form-card h2{color:var(--fm-ink);border-bottom:1px solid #fde68a;margin:0 0 1.1rem;padding-bottom:.75rem;font-size:1.12rem;font-weight:800}.favorite-music-form{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.favorite-music-form-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.65rem;padding-top:.35rem;display:flex}.favorite-music-alert{border-radius:var(--fm-radius-md);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;line-height:1.5}.favorite-music-alert--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.favorite-music-empty-state{border-radius:var(--fm-radius-lg);color:var(--fm-muted);text-align:center;background:#fafaf9;border:1px dashed #d6d3d1;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;margin:1.5rem 0 2rem;padding:2.5rem 1.5rem;display:flex}.favorite-music-empty-state p{margin:0;font-size:.95rem}.favorite-music-empty-icon{width:3rem;height:3rem;color:var(--fm-accent-deep);background:linear-gradient(135deg,#fde68a,#fcd34d);border-radius:50%;place-items:center;font-size:1.35rem;font-weight:700;display:grid}.favorite-music-spinner{border:3px solid #fde68a;border-top-color:var(--fm-accent);border-radius:50%;width:2rem;height:2rem;animation:.75s linear infinite favorite-music-spin}@keyframes favorite-music-spin{to{transform:rotate(360deg)}}.favorite-music-section{margin:1.75rem 0 2rem}.favorite-music-section-heading{border-bottom:2px solid #fde68a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:.85rem;padding-bottom:.65rem;display:flex}.favorite-music-section-title{border-left:4px solid var(--fm-accent);color:var(--fm-ink);letter-spacing:-.01em;margin:0;padding-left:.65rem;font-size:1.08rem;font-weight:800}.favorite-music-playlist-btn{color:#fff;background:linear-gradient(#7c3aed 0%,#6d28d9 100%);border-color:#5b21b6;font-weight:700;box-shadow:0 4px 14px #6d28d940}.favorite-music-playlist-btn:hover:not(:disabled){background:linear-gradient(#8b5cf6 0%,#7c3aed 100%);border-color:#6d28d9}.favorite-music-shared-badge{color:#64748b;letter-spacing:.02em;background:#f1f5f9;border-radius:999px;align-items:center;padding:.22rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.favorite-music-shared-badge.is-on{color:#166534;background:#dcfce7;box-shadow:inset 0 0 0 1px #86efac}.favorite-music-type-pill{color:#9a3412;text-overflow:ellipsis;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;max-width:100%;padding:.2rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex;overflow:hidden}.favorite-music-song-name{color:var(--fm-ink);font-weight:700;line-height:1.45;display:block}.favorite-music-name-cell{font-size:.94rem}.favorite-music-view-only{color:#64748b;background:#f1f5f9;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.favorite-music-table-wrap{border-radius:var(--fm-radius-lg);background:var(--fm-surface);border:1px solid #e7e5e4;overflow-x:auto;box-shadow:0 8px 28px #0f172a0f}.favorite-music-table{--fm-actions-gap:.4rem;--fm-actions-edge:calc(var(--fm-actions-gap) * 2);table-layout:auto;border-collapse:collapse;width:100%;min-width:56rem}.favorite-music-page .favorite-music-table col.favorite-music-col-name{width:28%}.favorite-music-page .favorite-music-table:not(.favorite-music-table--match-my-songs) col.favorite-music-col-actions{width:var(--fm-actions-col-width)}.favorite-music-page .favorite-music-table--match-my-songs col.favorite-music-col-actions{width:0}.favorite-music-page .favorite-music-table col.favorite-music-col-meta{width:auto}.favorite-music-table--match-my-songs{table-layout:fixed;min-width:58rem}.favorite-music-page .favorite-music-table--match-my-songs col.favorite-music-col-name{width:24%}.favorite-music-page .favorite-music-table--match-my-songs col.favorite-music-col-type{width:7.5rem}.favorite-music-page .favorite-music-table--match-my-songs col.favorite-music-col-shared{width:5.25rem}.favorite-music-page .favorite-music-table--match-my-songs col.favorite-music-col-karaoke{width:calc(var(--fm-open-karaoke-btn-width) + 1rem)}.favorite-music-page .favorite-music-table--match-my-songs col.favorite-music-col-lyrics{width:calc(var(--fm-open-lyrics-btn-width) + 1rem)}.favorite-music-page .favorite-music-table--match-my-songs col.favorite-music-col-updated{width:6.75rem}.favorite-music-table thead{color:#92400e;background:linear-gradient(#fffef9 0%,#fefce8 52%,#fef9c3 100%);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #fde68a47}.favorite-music-table th,.favorite-music-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f5f5f4;padding:.8rem .9rem}.favorite-music-table tbody tr{transition:background .12s}.favorite-music-table tbody tr:hover{background:#fffbeb}.favorite-music-table tbody tr.favorite-music-row-readonly{background:#fafaf9}.favorite-music-table tbody tr.favorite-music-row-readonly:hover{background:#f5f5f4}.favorite-music-table th:first-child,.favorite-music-table td:first-child{vertical-align:top;white-space:normal;word-break:break-word;min-width:0}.favorite-music-table th:not(:first-child):not(:last-child),.favorite-music-table td:not(:first-child):not(.favorite-music-actions-cell){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.favorite-music-table--match-my-songs th.favorite-music-type-cell,.favorite-music-table--match-my-songs td.favorite-music-type-cell,.favorite-music-table--match-my-songs th.favorite-music-shared-cell,.favorite-music-table--match-my-songs td.favorite-music-shared-cell{text-align:center}.favorite-music-table th.favorite-music-karaoke-cell,.favorite-music-table td.favorite-music-karaoke-cell,.favorite-music-table th.favorite-music-lyrics-cell,.favorite-music-table td.favorite-music-lyrics-cell{text-align:center;max-width:none;padding-left:.5rem;padding-right:.5rem;overflow:visible}.favorite-music-table--match-my-songs th.favorite-music-updated-cell,.favorite-music-table--match-my-songs td.favorite-music-updated-cell{text-align:right;padding-right:.65rem}.favorite-music-table th.favorite-music-actions-cell,.favorite-music-table td.favorite-music-actions-cell{white-space:nowrap;vertical-align:middle;overflow:visible}.favorite-music-table:not(.favorite-music-table--match-my-songs) th.favorite-music-actions-cell,.favorite-music-table:not(.favorite-music-table--match-my-songs) td.favorite-music-actions-cell{width:var(--fm-actions-col-width);min-width:var(--fm-actions-col-width);max-width:var(--fm-actions-col-width)}.favorite-music-table--match-my-songs th.favorite-music-actions-cell,.favorite-music-table--match-my-songs td.favorite-music-actions-cell{width:0;min-width:0;max-width:none}.favorite-music-table th.favorite-music-actions-cell{text-align:left;padding:.8rem .9rem .8rem .5rem}.favorite-music-table td.favorite-music-actions-cell{text-align:right;padding:.75rem 0 .75rem .5rem}.favorite-music-actions-inner{width:max-content;max-width:100%;padding-right:var(--fm-actions-edge);box-sizing:content-box;justify-content:flex-end;align-items:center;margin-left:auto;display:inline-flex}.favorite-music-table th.favorite-music-actions-cell .favorite-music-actions-inner{justify-content:flex-start;margin-left:0;padding-right:0}.favorite-music-actions-head{font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}.favorite-music-table th{text-transform:uppercase;letter-spacing:.06em;color:#92400e;font-size:.75rem;font-weight:800}.favorite-music-table tbody td{color:#334155;font-size:.88rem}.favorite-music-no-link{color:#a8a29e;font-size:.85rem}.favorite-music-open-link-btn{box-sizing:border-box;text-align:center;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;border-radius:var(--fm-radius-sm);padding:.32rem .5rem;font-size:.78rem;font-weight:700;line-height:1.2;display:inline-block;overflow:hidden}.favorite-music-open-link-btn--karaoke{width:var(--fm-open-karaoke-btn-width);min-width:var(--fm-open-karaoke-btn-width);max-width:var(--fm-open-karaoke-btn-width);color:#9a3412;background:#fff7ed;border-color:#fdba74}.favorite-music-open-link-btn--karaoke:hover{color:#7c2d12;background:#ffedd5;border-color:#fb923c}.favorite-music-open-link-btn--lyrics{width:var(--fm-open-lyrics-btn-width);min-width:var(--fm-open-lyrics-btn-width);max-width:var(--fm-open-lyrics-btn-width);color:#1e40af;background:#eff6ff;border-color:#93c5fd}.favorite-music-open-link-btn--lyrics:hover{color:#1e3a8a;background:#dbeafe;border-color:#60a5fa}.favorite-music-row-actions{gap:var(--fm-actions-gap);flex-wrap:nowrap;justify-content:flex-end;align-items:center;display:inline-flex}.favorite-music-action-btn{border-radius:var(--fm-radius-sm);cursor:pointer;border:1px solid #0000;flex-shrink:0;padding:.34rem .62rem;font-family:inherit;font-size:.76rem;font-weight:700;line-height:1.2;transition:background .15s,border-color .15s,color .15s}.favorite-music-action-btn--edit{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.favorite-music-action-btn--edit:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.favorite-music-action-btn--delete{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.favorite-music-action-btn--delete:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.favorite-music-action-btn:disabled{opacity:.55;cursor:not-allowed}.favorite-music-player-backdrop{z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ac7;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.favorite-music-player-dialog{border-radius:var(--fm-radius-lg);color:#f8fafc;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:0;width:min(920px,100%);max-height:calc(100vh - 2.5rem);margin:0;padding:0;overflow:hidden;box-shadow:0 0 0 1px #fbbf2440,0 32px 80px #0f172a8c}.favorite-music-player-header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem .9rem;display:flex}.favorite-music-player-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#fbbf24;margin:0 0 .3rem;font-size:.72rem;font-weight:800}.favorite-music-player-header h2{margin:0;font-size:1.2rem;font-weight:800;line-height:1.35}.favorite-music-player-link-tag{color:#fde68a;vertical-align:middle;background:#fbbf2433;border-radius:999px;margin-left:.45rem;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.favorite-music-player-close{border-radius:var(--fm-radius-sm);color:#f8fafc;cursor:pointer;background:#f8fafc14;border:1px solid #f8fafc33;flex-shrink:0;padding:.55rem .95rem;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s}.favorite-music-player-close:hover{background:#f8fafc29;border-color:#fbbf2473}.favorite-music-player-frame-wrap{aspect-ratio:16/9;background:#020617;width:100%;position:relative}.favorite-music-player-frame{border:0;width:100%;height:100%;position:absolute;inset:0}.favorite-music-player-blocked{text-align:center;color:#cbd5e1;place-items:center;height:100%;margin:0;padding:1.5rem;font-size:.92rem;display:grid}.favorite-music-load-more{justify-content:center;margin-top:1.5rem;display:flex}.favorite-music-confirm-dialog{text-align:center;border-radius:var(--fm-radius-lg);width:min(100%,420px);overflow:hidden}.favorite-music-confirm-dialog h2{color:var(--fm-ink);margin:0 0 .5rem;font-size:1.15rem;font-weight:800}.favorite-music-confirm-message{color:#57534e;margin:0 0 1.25rem;font-size:.92rem;line-height:1.6}.favorite-music-confirm-icon{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;place-items:center;width:3rem;height:3rem;margin:0 auto .85rem;font-size:1.25rem;font-weight:800;line-height:1;display:grid;box-shadow:0 4px 12px #b91c1c26}.favorite-music-confirm-actions{justify-content:center;gap:.65rem}@media (width<=720px){.favorite-music-hero{padding:1.1rem 1rem}.favorite-music-toolbar{flex-direction:column;align-items:stretch}.favorite-music-toolbar .favorite-music-btn--primary{width:100%}.favorite-music-filters{flex-direction:column;align-items:stretch}.favorite-music-field{width:100%;min-width:0}.favorite-music-section-heading{flex-direction:column;align-items:flex-start}.favorite-music-playlist-btn{width:100%}}.app-confirm-details{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:0 0 1.25rem;padding:.85rem 1rem}.app-confirm-details dl{gap:.55rem;margin:0;display:grid}.app-confirm-details dt{letter-spacing:.03em;text-transform:uppercase;color:#64748b;margin:0;font-size:.75rem;font-weight:600}.app-confirm-details dd{color:#0f172a;word-break:break-word;margin:0;font-size:.9rem}.login-modal-btn.primary{color:#334155;background:#f8fafc;border-color:#cbd5e1}.login-modal-btn.primary:hover:not(:disabled){color:#166534;background:#ecfdf5;border-color:#6ee7b7}.menu-card-favorite-music{background:linear-gradient(#fff 0%,#fffbeb 100%);border-color:#fde68a}.menu-card-favorite-music:hover{box-shadow:0 10px 24px #f59e0b1f}.btn-back{padding:.3rem .75rem}.hsk-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.hsk-tab{color:#555;padding:.4rem 1.1rem;font-size:.88rem;font-weight:600}.hsk-tab:hover{color:#1d4ed8;border-color:#93c5fd}.hsk-tab.active{color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.hsk-tab-notes{color:#92400e}.hsk-tab-notes:hover{color:#b45309;border-color:#fcd34d}.hsk-tab-notes.active{color:#b45309;background:#fffbeb;border-color:#fcd34d}.hsk-tab-game{color:#5b21b6}.hsk-tab-game:hover:not(:disabled){color:#6d28d9;border-color:#c4b5fd}.hsk-tab-game.active{color:#5b21b6;background:#f5f3ff;border-color:#c4b5fd}.hsk-tab-game:disabled{opacity:.45;cursor:not-allowed}.hsk-tab-game.locked{opacity:.72;color:#64748b;border-style:dashed}.hsk-tab-game.locked:hover:not(:disabled){color:#475569;border-color:#cbd5e1}.hsk-tab-sentence-game{color:#0f766e}.hsk-tab-sentence-game:hover:not(:disabled){color:#115e59;border-color:#99f6e4}.hsk-tab-sentence-game.active{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.hsk-tab-sentence-game:disabled{opacity:.45;cursor:not-allowed}.hsk-tab-sentence-game.locked{opacity:.72;color:#64748b;border-style:dashed}.hsk-tab-sentence-game.locked:hover:not(:disabled){color:#475569;border-color:#cbd5e1}@keyframes vocab-notes-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes vocab-notes-dialog-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.vocab-notes-backdrop{z-index:1200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(120% 80% at 50% 0,#fbbf241f,#0000 55%),#0f172a9e;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out vocab-notes-backdrop-in;display:flex;position:fixed;inset:0}.vocab-notes-backdrop-dismiss{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.vocab-notes-dialog{z-index:1;background:linear-gradient(165deg,#fffdf8 0%,#fff 42%,#f8fafc 100%);border:1px solid #ffffffb8;border-radius:12px;flex-direction:column;width:min(100%,34rem);max-height:min(88vh,40rem);margin:0;padding:0;font-size:.92rem;animation:.28s cubic-bezier(.22,1,.36,1) vocab-notes-dialog-in;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0f172a0a,0 24px 48px #0f172a24,0 48px 96px #0f172a1a}.vocab-notes-dialog::backdrop{background:0 0}.vocab-notes-header{justify-content:space-between;align-items:flex-start;gap:.65rem;padding:.95rem 1.1rem .5rem;display:flex}.vocab-notes-header-main{align-items:flex-start;gap:.6rem;min-width:0;display:flex}.vocab-notes-icon{background:linear-gradient(145deg,#fff7ed 0%,#ffedd5 100%);border:1px solid #fed7aa;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.1rem;line-height:1;display:inline-flex;box-shadow:0 6px 14px #f59e0b1f}.vocab-notes-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#b45309;margin:0 0 .12rem;font-size:.72rem;font-weight:700}.vocab-notes-header h2{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:.95rem;font-weight:400;line-height:1.25}.vocab-notes-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;font-size:1.15rem;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.vocab-notes-close span{margin-top:-.12rem}.vocab-notes-close:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:scale(1.04)}.vocab-notes-close:disabled{opacity:.5;cursor:not-allowed}.vocab-notes-body{flex:auto;min-height:0;padding:.35rem 1.1rem 0}.vocab-notes-textarea{resize:vertical;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:11.5rem;max-height:min(42vh,18rem);margin:0;padding:.75rem .85rem;font-family:inherit;font-size:.95rem;line-height:1.6;transition:border-color .15s,box-shadow .15s;display:block;box-shadow:inset 0 1px 2px #0f172a0a}.vocab-notes-textarea::placeholder{color:#94a3b8}.vocab-notes-textarea:focus{border-color:#fbbf24;outline:none;box-shadow:inset 0 1px 2px #0f172a0a,0 0 0 3px #fbbf2438}.vocab-notes-textarea:disabled{color:#64748b;cursor:wait;background:#f8fafc}.vocab-notes-footer{background:linear-gradient(#f8fafc66 0%,#f8fafcf2 100%);border-top:1px solid #f1f5f9;flex-direction:column;gap:.5rem;padding:.65rem 1.1rem .85rem;display:flex}.vocab-notes-feedback{border-radius:6px;margin:0;padding:.4rem .6rem;font-size:.8rem;font-weight:600;line-height:1.45}.vocab-notes-feedback-loading{color:#475569;background:#f1f5f9}.vocab-notes-feedback-success{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0}.vocab-notes-feedback-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.vocab-notes-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.vocab-notes-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:5.25rem;padding:.42rem .85rem;font-family:inherit;font-size:.8rem;font-weight:700;line-height:1.2;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.vocab-notes-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.vocab-notes-btn-secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.vocab-notes-btn-secondary:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.vocab-notes-btn-primary{color:#78350f;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 55%,#fcd34d 100%);border:1px solid #d97706;box-shadow:0 10px 22px #f59e0b47}.vocab-notes-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #f59e0b57}@media (prefers-reduced-motion:reduce){.vocab-notes-backdrop,.vocab-notes-dialog{animation:none}}@media (width<=520px){.vocab-notes-backdrop{align-items:flex-end;padding:.75rem}.vocab-notes-dialog{border-radius:12px 12px 10px 10px;width:100%;max-height:92vh}.vocab-notes-header,.vocab-notes-body,.vocab-notes-footer{padding-left:.9rem;padding-right:.9rem}.vocab-notes-actions{flex-direction:column-reverse}.vocab-notes-btn{width:100%}}.vocab-game-backdrop{z-index:1200;-webkit-backdrop-filter:blur(12px);background:#0f172ab8;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out vocab-notes-backdrop-in;display:flex;position:fixed;inset:0}.vocab-game-backdrop-dismiss{cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.vocab-game-dialog{z-index:1;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:min(100%,420px);margin:0;padding:0;animation:.28s cubic-bezier(.22,1,.36,1) vocab-notes-dialog-in;position:relative;box-shadow:0 24px 48px #0f172a2e}.vocab-game-header{justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.15rem .5rem;display:flex}.vocab-game-header h2{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.vocab-game-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;width:2rem;height:2rem;font-size:1.25rem;line-height:1}.vocab-game-close:hover{color:#0f172a;background:#f1f5f9}.vocab-game-body{text-align:center;padding:.5rem 1.15rem 1.25rem}.vocab-game-hanzi{color:#b91c1c;letter-spacing:.08em;margin:0 0 .5rem;font-size:clamp(4.5rem,18vw,6.5rem);font-weight:700;line-height:1.1}.vocab-game-meta{color:#475569;margin:0 0 .75rem;font-size:1.15rem}.vocab-game-example-preview{color:#334155;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:.75rem .85rem;font-size:.92rem;line-height:1.5}.vocab-game-actions{flex-direction:column;gap:.55rem;padding:0 1.15rem 1.15rem;display:flex}.vocab-game-btn{width:100%;font:inherit;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:.65rem 1rem;font-size:.92rem;font-weight:600}.vocab-game-btn:hover:not(:disabled){background:#f8fafc}.vocab-game-btn:disabled{opacity:.5;cursor:not-allowed}.vocab-game-btn.active{color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.vocab-game-btn-show-pinyin.active{color:#5b21b6;background:#f5f3ff;border-color:#c4b5fd}.vocab-game-btn-example.active{color:#166534;background:#ecfdf5;border-color:#86efac}.vocab-game-btn-pinyin.active{color:#5b21b6;background:#f5f3ff;border-color:#c4b5fd}.vocab-game-btn-refresh{color:#0f766e;border-color:#99f6e4}.vocab-game-btn-refresh:hover:not(:disabled){color:#115e59;background:#f0fdfa;border-color:#5eead4}.vocab-game-backdrop:has(.vocab-word-game-dialog){-webkit-backdrop-filter:blur(14px);background:#0f172a8c}.vocab-word-game-dialog{background:linear-gradient(#fff 0%,#faf5ff 100%);border:1px solid #ffffffa6;border-radius:24px;width:min(100%,480px);overflow:hidden;box-shadow:0 0 0 1px #5b21b614,0 24px 48px #0f172a29,0 48px 96px #4c1d951a}.vocab-word-game-header{color:#f5f3ff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 48%,#5b21b6 100%);padding:1.15rem 1.25rem 1rem}.vocab-word-game-header-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.vocab-word-game-header-row h2{letter-spacing:-.02em;color:#fff;margin:0;font-size:1.2rem;font-weight:700}.vocab-word-game-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.35rem;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.vocab-word-game-close:hover{background:#ffffff38;border-color:#ffffff73}.vocab-word-game-header-row--with-loop{margin-bottom:.85rem}.vocab-word-game-body{padding:1.1rem 1.25rem 0}.vocab-word-game-card{background:#fff;border:1px solid #e9d5ff;border-radius:16px;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 4px 16px #5b21b614}.vocab-word-game-hero{text-align:center;background:linear-gradient(#faf5ff 0%,#fff 100%);border-bottom:1px solid #ede9fe;padding:1.25rem 1rem 1rem}.vocab-word-game-hanzi{color:#b91c1c;letter-spacing:.1em;margin:0;font-size:clamp(3.5rem,16vw,5.5rem);font-weight:800;line-height:1.05}.vocab-word-game-reveal{border-top:1px dashed #e9d5ff;margin-top:.75rem;padding-top:.75rem;animation:.28s cubic-bezier(.22,1,.36,1) vocab-sentence-reveal}.vocab-word-game-pinyin{color:#6d28d9;text-align:center;margin:0;font-size:1.35rem;font-weight:600;line-height:1.4}.vocab-word-game-gloss{text-align:left;align-items:flex-start;gap:.55rem;margin:.65rem 0 0;display:flex}.vocab-word-game-gloss--vi{margin-top:.45rem}.vocab-word-game-gloss .vocab-word-game-lang{color:#475569;letter-spacing:.06em;background:#e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:2rem;padding:.2rem .45rem;font-size:.6875rem;font-weight:700;display:inline-flex}.vocab-word-game-gloss-line{color:#334155;flex:1;min-width:0;font-size:1rem;font-weight:600;line-height:1.45}.vocab-word-game-gloss--vi .vocab-word-game-gloss-line{color:#475569}.vocab-word-game-example-block{border-top:1px solid #e2e8f0}.vocab-word-game-example-block .vocab-word-game-example{border-top:none}.vocab-word-game-example-block .vocab-word-game-example+.vocab-word-game-example{border-top:1px solid #e2e8f0}.vocab-word-game-example{text-align:left;background:#f8fafc;border-top:1px solid #e2e8f0;align-items:flex-start;gap:.65rem;margin:0;padding:.85rem 1rem;display:flex}.vocab-word-game-lang{color:#9f1239;letter-spacing:.06em;background:#fecdd3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:2rem;padding:.2rem .45rem;font-size:.6875rem;font-weight:700;display:inline-flex}.vocab-word-game-example-line{color:#0f172a;flex:1;min-width:0;font-size:1.125rem;font-weight:600;line-height:1.5}.vocab-word-game-lang--en{color:#1e40af;background:#dbeafe}.vocab-word-game-example-line--en{color:#334155;font-size:1rem;font-weight:500}.vocab-word-game-footer{flex-direction:column;gap:.5rem;padding:1rem 1.25rem 1.2rem;display:flex}.vocab-word-game-actions-group{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0f172a0d}.vocab-word-game-actions-group--speak{border-color:#c4b5fd;box-shadow:0 2px 12px #6d28d924}.vocab-word-game-btn{min-width:0;font:inherit;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;margin:0;padding:.7rem .75rem;font-size:.9375rem;font-weight:700;line-height:1.3;transition:background .15s,color .15s}.vocab-word-game-btn+.vocab-word-game-btn{border-left:1px solid #e2e8f0}.vocab-word-game-actions-group--speak .vocab-word-game-btn+.vocab-word-game-btn{border-left-color:#c4b5fd}.vocab-word-game-btn:hover:not(:disabled){background:#f8fafc}.vocab-word-game-btn:disabled{opacity:.45;cursor:not-allowed}.vocab-word-game-btn--primary{color:#6d28d9}.vocab-word-game-actions-group--speak .vocab-word-game-btn--primary:hover:not(:disabled){background:#f5f3ff}.vocab-word-game-btn--primary.is-active{color:#5b21b6;background:#ede9fe}.vocab-word-game-btn--secondary.is-active{color:#5b21b6;background:#f5f3ff}.vocab-word-game-btn--accent{color:#6d28d9}.vocab-word-game-btn--accent:hover:not(:disabled){background:#f5f3ff}@media (width<=520px){.vocab-word-game-dialog{border-radius:20px}.vocab-word-game-hanzi{font-size:clamp(3rem,20vw,4.5rem)}.vocab-word-game-actions-group--tools{flex-wrap:wrap}.vocab-word-game-actions-group--tools .vocab-word-game-btn{flex:50%}.vocab-word-game-actions-group--tools .vocab-word-game-btn:last-child{border-top:1px solid #e2e8f0;border-left:none;flex-basis:100%}}.vocab-game-backdrop:has(.vocab-sentence-game-dialog){-webkit-backdrop-filter:blur(14px);background:#0f172a8c}.vocab-sentence-game-dialog{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #ffffffa6;border-radius:24px;width:min(100%,540px);overflow:hidden;box-shadow:0 0 0 1px #0f766e14,0 24px 48px #0f172a29,0 48px 96px #0f172a1a}.vocab-sentence-game-header{color:#f0fdfa;background:linear-gradient(135deg,#0f766e 0%,#115e59 48%,#134e4a 100%);padding:1.15rem 1.25rem 1rem}.vocab-sentence-game-header-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.vocab-sentence-game-header-row h2{letter-spacing:-.02em;color:#fff;margin:0;font-size:1.2rem;font-weight:700}.vocab-sentence-game-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.35rem;line-height:1;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.vocab-sentence-game-close:hover{background:#ffffff38;border-color:#ffffff73}.vocab-sentence-game-loop-pill{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;display:inline-flex}.vocab-sentence-game-loop-pill input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vocab-sentence-game-loop-track{background:#00000038;border-radius:999px;flex-shrink:0;width:2.5rem;height:1.35rem;transition:background .2s;position:relative}.vocab-sentence-game-loop-track:after{content:"";background:#fff;border-radius:999px;width:1rem;height:1rem;transition:transform .2s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.vocab-sentence-game-loop-pill input:checked+.vocab-sentence-game-loop-track{background:#5eead4}.vocab-sentence-game-loop-pill input:checked+.vocab-sentence-game-loop-track:after{transform:translate(1.15rem)}.vocab-sentence-game-loop-pill input:focus-visible+.vocab-sentence-game-loop-track{outline-offset:2px;outline:2px solid #99f6e4}.vocab-sentence-game-loop-label{color:#ffffffeb;font-size:.9375rem;font-weight:600}.vocab-sentence-game-body{padding:1.1rem 1.25rem 0}.vocab-sentence-game-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 4px 16px #0f172a0f}.vocab-sentence-game-meaning{background:#f8fafc;border-bottom:1px solid #e2e8f0;margin:0;padding:0}.vocab-sentence-game-zh,.vocab-sentence-game-pinyin,.vocab-sentence-game-meaning .vocab-sentence-game-en,.vocab-sentence-game-meaning .vocab-sentence-game-vi{align-items:flex-start;gap:.65rem;margin:0;padding:.85rem 1rem;display:flex}.vocab-sentence-game-meaning .vocab-sentence-game-vi{border-top:1px dashed #e2e8f0;padding-top:.7rem}.vocab-sentence-game-en,.vocab-sentence-game-vi{flex:1;min-width:0}.vocab-sentence-game-lang{letter-spacing:.06em;text-transform:uppercase;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:2rem;padding:.2rem .45rem;font-size:.6875rem;font-weight:700;display:inline-flex}.vocab-sentence-game-meaning .vocab-sentence-game-lang{color:#475569;background:#e2e8f0}.vocab-sentence-game-line{flex:1;min-width:0}.vocab-sentence-game-en .vocab-sentence-game-line{color:#0f172a;font-size:1.2rem;font-weight:600;line-height:1.5}.vocab-sentence-game-vi .vocab-sentence-game-line{color:#475569;font-size:1.125rem;font-weight:600;line-height:1.5}.vocab-sentence-game-zh{background:linear-gradient(#fff5f5 0%,#fff1f2 100%);border-top:1px solid #fecdd3;animation:.28s cubic-bezier(.22,1,.36,1) vocab-sentence-reveal}.vocab-sentence-game-zh .vocab-sentence-game-lang{color:#9f1239;background:#fecdd3}.vocab-sentence-game-zh .vocab-sentence-game-line{color:#b91c1c;letter-spacing:.04em;font-size:1.5rem;font-weight:700;line-height:1.45}.vocab-sentence-game-pinyin{background:linear-gradient(#f0f9ff 0%,#eff6ff 100%);border-top:1px solid #bfdbfe;animation:.28s cubic-bezier(.22,1,.36,1) vocab-sentence-reveal}.vocab-sentence-game-pinyin .vocab-sentence-game-lang{color:#1e40af;background:#bfdbfe}.vocab-sentence-game-pinyin .vocab-sentence-game-line{color:#1d4ed8;font-size:1.2rem;font-weight:600;line-height:1.5}.vocab-sentence-game-meaning:only-child{border-bottom:none}.vocab-sentence-game-card .vocab-sentence-game-zh:only-child,.vocab-sentence-game-card>.vocab-sentence-game-zh:first-child:last-child{border-top:none}@keyframes vocab-sentence-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vocab-sentence-game-footer{flex-direction:column;gap:.5rem;padding:1rem 1.25rem 1.2rem;display:flex}.vocab-sentence-game-actions-group{background:#fff;border:1px solid #e2e8f0;border-radius:14px;gap:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0f172a0d}.vocab-sentence-game-actions-group--speak{border-color:#99f6e4;box-shadow:0 2px 12px #0f766e1f}.vocab-sentence-game-btn{min-width:0;font:inherit;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:0;flex:1;margin:0;padding:.7rem .75rem;font-size:.9375rem;font-weight:700;line-height:1.3;transition:background .15s,color .15s}.vocab-sentence-game-btn+.vocab-sentence-game-btn{border-left:1px solid #e2e8f0}.vocab-sentence-game-actions-group--speak .vocab-sentence-game-btn+.vocab-sentence-game-btn{border-left-color:#99f6e4}.vocab-sentence-game-btn:hover:not(:disabled){background:#f8fafc}.vocab-sentence-game-btn:disabled{opacity:.45;cursor:not-allowed}.vocab-sentence-game-btn--primary{color:#0f766e}.vocab-sentence-game-actions-group--speak .vocab-sentence-game-btn--primary:hover:not(:disabled){background:#f0fdfa}.vocab-sentence-game-btn--primary.is-active{color:#115e59;background:#ccfbf1}.vocab-sentence-game-btn--secondary.is-active{color:#5b21b6;background:#f5f3ff}.vocab-sentence-game-btn--accent{color:#0f766e}.vocab-sentence-game-btn--accent:hover:not(:disabled){background:#f0fdfa}@media (width<=520px){.vocab-sentence-game-dialog{border-radius:20px}.vocab-sentence-game-actions-group--tools{flex-wrap:wrap}.vocab-sentence-game-actions-group--tools .vocab-sentence-game-btn{flex:50%}.vocab-sentence-game-actions-group--tools .vocab-sentence-game-btn:last-child{border-top:1px solid #e2e8f0;border-left:none;flex-basis:100%}.vocab-game-backdrop{padding:.75rem}.vocab-game-hanzi{font-size:clamp(3.5rem,22vw,5rem)}}.vocab-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.vocab-toolbar .vocab-info{margin:0}.vocab-info{color:#666;margin-bottom:.75rem;font-size:.85rem}.vocab-toolbar-actions{flex-shrink:0;align-items:stretch;gap:.5rem;display:inline-flex}.vocab-font-size-controls{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-shrink:0;align-items:stretch;display:inline-flex;overflow:hidden;box-shadow:0 1px 3px #0f172a0f}.vocab-font-size-btn{min-width:2.35rem;font:inherit;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:0;padding:.4rem .65rem;font-size:.875rem;font-weight:700;line-height:1.2;transition:background .15s,color .15s}.vocab-font-size-btn+.vocab-font-size-btn{border-left:1px solid #e2e8f0}.vocab-font-size-btn:hover{color:#0f172a;background:#f8fafc}.vocab-font-size-btn.active{color:#0369a1;background:#e0f2fe}.vocab-font-size-btn--default{text-transform:lowercase;min-width:4.5rem;font-size:.8125rem;font-weight:600}.vocab-repeat-five-toggle{min-width:5.5rem;font:inherit;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;line-height:1.2;transition:background .15s,color .15s,border-color .15s;display:inline-flex;box-shadow:0 1px 3px #0f172a0f}.vocab-repeat-five-toggle input{accent-color:#0f766e;cursor:pointer;width:.9rem;height:.9rem;margin:0}.vocab-repeat-five-toggle:hover{color:#0f172a;background:#f1f5f9}.vocab-repeat-five-toggle.active{color:#0f766e;background:#ecfdf5;border-color:#6ee7b7}.vocab-grid-wrap{--vocab-grid-th:.8125rem;--vocab-grid-num:.8rem;--vocab-grid-hanzi:1.25rem;--vocab-grid-cell:.9375rem;--vocab-grid-btn:.8rem;--vocab-grid-detail-title:.9rem;--vocab-grid-detail-index:.78rem;--vocab-grid-detail-btn:.78rem;--vocab-grid-sentence-zh:1rem;--vocab-grid-sentence-pinyin:.86rem;--vocab-grid-sentence-en:.86rem;--vocab-grid-sentence-vi:.84rem;--vocab-grid-detail-label:.85rem;--vocab-grid-detail-input:1rem;--vocab-grid-detail-play:.875rem}.vocab-grid-wrap.vocab-grid-size-small{--vocab-grid-th:.75rem;--vocab-grid-num:.72rem;--vocab-grid-hanzi:1.05rem;--vocab-grid-cell:.8125rem;--vocab-grid-btn:.72rem;--vocab-grid-detail-title:.82rem;--vocab-grid-detail-index:.7rem;--vocab-grid-detail-btn:.7rem;--vocab-grid-sentence-zh:.875rem;--vocab-grid-sentence-pinyin:.75rem;--vocab-grid-sentence-en:.75rem;--vocab-grid-sentence-vi:.73rem;--vocab-grid-detail-label:.78rem;--vocab-grid-detail-input:.875rem;--vocab-grid-detail-play:.8rem}.vocab-grid-wrap.vocab-grid-size-large{--vocab-grid-th:.975rem;--vocab-grid-num:.96rem;--vocab-grid-hanzi:1.5rem;--vocab-grid-cell:1.125rem;--vocab-grid-btn:.96rem;--vocab-grid-detail-title:1.08rem;--vocab-grid-detail-index:.936rem;--vocab-grid-detail-btn:.936rem;--vocab-grid-sentence-zh:1.2rem;--vocab-grid-sentence-pinyin:1.032rem;--vocab-grid-sentence-en:1.032rem;--vocab-grid-sentence-vi:1.008rem;--vocab-grid-detail-label:1.02rem;--vocab-grid-detail-input:1.2rem;--vocab-grid-detail-play:1.05rem}.vocab-grid-wrap .vocab-grid-table th{font-size:var(--vocab-grid-th)}.vocab-grid-wrap .td-num{font-size:var(--vocab-grid-num)}.vocab-grid-wrap .td-hanzi{font-size:var(--vocab-grid-hanzi)}.vocab-hanzi-cell--interactive{cursor:help;position:relative}.vocab-hanzi-cell--interactive:hover .vocab-hanzi-char,.vocab-hanzi-cell--interactive:focus-visible .vocab-hanzi-char{color:#a93226}.vocab-hanzi-cell--interactive:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #f5b7b1}.vocab-hanzi-char{display:inline-block}.vocab-grid-wrap .vocab-grid-table tbody td:not(.td-num):not(.td-hanzi){font-size:var(--vocab-grid-cell)}.vocab-grid-wrap .play-word-btn,.vocab-grid-wrap .detail-btn{font-size:var(--vocab-grid-btn)}.vocab-grid-wrap .vocab-detail-title{font-size:var(--vocab-grid-detail-title)}.vocab-grid-wrap .vocab-sentence-index{font-size:var(--vocab-grid-detail-index)}.vocab-grid-wrap .play-example-btn{font-size:var(--vocab-grid-detail-btn)}.vocab-grid-wrap .vocab-sentence-zh{font-size:var(--vocab-grid-sentence-zh)}.vocab-grid-wrap .vocab-sentence-pinyin{font-size:var(--vocab-grid-sentence-pinyin)}.vocab-grid-wrap .vocab-sentence-en{font-size:var(--vocab-grid-sentence-en)}.vocab-grid-wrap .vocab-sentence-vi{font-size:var(--vocab-grid-sentence-vi)}.vocab-grid-wrap .vocab-detail-label{font-size:var(--vocab-grid-detail-label)}.vocab-grid-wrap .vocab-detail-textarea{font-size:var(--vocab-grid-detail-input)}.vocab-grid-wrap .play-detail-btn{font-size:var(--vocab-grid-detail-play)}@media (width<=640px){.vocab-toolbar,.grammar-toolbar{flex-direction:column;align-items:stretch}.vocab-toolbar-actions{align-self:flex-end}.lesson-view-config-end{justify-content:flex-end;width:100%}}.app-page-hero{border:1px solid var(--app-hero-border,#e2e8f0);background:var(--app-hero-bg,linear-gradient(135deg, #f8fafc 0%, #fff 52%, #f8fafc 100%));box-shadow:var(--app-hero-shadow,0 8px 24px #0f172a0f);border-radius:10px;margin-bottom:1.25rem;padding:1.25rem 1.35rem 1.15rem}.app-page-header{flex-wrap:wrap;margin-bottom:.65rem}.app-page-title-block{flex:1;min-width:12rem}.app-page-title-block h1{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:800}.app-page-header-end{flex-shrink:0;align-items:center;gap:.65rem;margin-left:auto;display:inline-flex}.app-page-lang-switcher{flex-shrink:0}.app-page-subtitle{color:#475569;max-width:52rem;margin:0;font-size:.95rem;line-height:1.6}.app-page-back{background:#ffffffe6}.app-page-hero--speaking{--app-hero-border:#bae6fd;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #38bdf824 0%, transparent 55%), linear-gradient(135deg, #f0f9ff 0%, #fff 52%, #ecfeff 100%);--app-hero-shadow:0 8px 26px #0e749014}.app-page-hero--speaking .app-page-back{border-color:#7dd3fc}.app-page-hero--speaking .app-page-back:hover{color:#0369a1;border-color:#38bdf8}.app-page-hero--vocab{--app-hero-border:#fecaca;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #f871711f 0%, transparent 55%), linear-gradient(135deg, #fff1f2 0%, #fff 52%, #fff5f5 100%);--app-hero-shadow:0 8px 26px #be123c12}.app-page-hero--vocab .app-page-back{border-color:#fca5a5}.app-page-hero--vocab .app-page-back:hover{color:#b91c1c;border-color:#f87171}.app-page-hero--grammar{--app-hero-border:#99f6e4;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #2dd4bf24 0%, transparent 55%), linear-gradient(135deg, #ecfeff 0%, #fff 52%, #f0fdfa 100%);--app-hero-shadow:0 8px 26px #0891b214}.app-page-hero--grammar .app-page-back{border-color:#5eead4}.app-page-hero--grammar .app-page-back:hover{color:#0f766e;border-color:#2dd4bf}.app-page-hero--dual{--app-hero-border:#c7d2fe;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #818cf824 0%, transparent 55%), linear-gradient(135deg, #eef2ff 0%, #fff 52%, #f5f3ff 100%);--app-hero-shadow:0 8px 26px #4f46e514}.app-page-hero--dual .app-page-back{border-color:#a5b4fc}.app-page-hero--dual .app-page-back:hover{color:#4338ca;border-color:#818cf8}.app-page-hero--voice-chat{--app-hero-border:#bfdbfe;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #3b82f61f 0%, transparent 55%), linear-gradient(135deg, #eff6ff 0%, #fff 52%, #f0f9ff 100%);--app-hero-shadow:0 8px 26px #2563eb14}.app-page-hero--voice-chat .app-page-back{border-color:#93c5fd}.app-page-hero--voice-chat .app-page-back:hover{color:#1d4ed8;border-color:#60a5fa}.app-page-hero--voice-live{--app-hero-border:#a5b4fc;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #6366f124 0%, transparent 55%), linear-gradient(135deg, #eef2ff 0%, #fff 52%, #ede9fe 100%);--app-hero-shadow:0 8px 26px #4f46e514}.app-page-hero--voice-live .app-page-back{border-color:#a5b4fc}.app-page-hero--voice-live .app-page-back:hover{color:#4338ca;border-color:#818cf8}.app-page-hero--pricing{--app-hero-border:#fdba74;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #fb923c24 0%, transparent 55%), linear-gradient(135deg, #fff7ed 0%, #fff 52%, #fffbeb 100%);--app-hero-shadow:0 8px 26px #ea580c14}.app-page-hero--pricing .app-page-back{border-color:#fdba74}.app-page-hero--pricing .app-page-back:hover{color:#c2410c;border-color:#fb923c}.app-page-hero--payment{--app-hero-border:#86efac;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #22c55e24 0%, transparent 55%), linear-gradient(135deg, #ecfdf5 0%, #fff 52%, #f0fdf4 100%);--app-hero-shadow:0 8px 26px #16a34a14}.app-page-hero--payment .app-page-back{border-color:#6ee7b7}.app-page-hero--payment .app-page-back:hover{color:#047857;border-color:#34d399}.app-page-hero--profile{--app-hero-border:#99f6e4;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #2dd4bf24 0%, transparent 55%), linear-gradient(135deg, #f0fdfa 0%, #fff 52%, #ecfeff 100%);--app-hero-shadow:0 8px 26px #0f766e14}.app-page-hero--profile .app-page-back{border-color:#5eead4}.app-page-hero--profile .app-page-back:hover{color:#0f766e;border-color:#2dd4bf}.app-page-hero--admin-users{--app-hero-border:#93c5fd;--app-hero-bg:radial-gradient(120% 140% at 100% 0%, #3b82f61f 0%, transparent 55%), linear-gradient(135deg, #f8fafc 0%, #fff 52%, #eff6ff 100%);--app-hero-shadow:0 8px 26px #2563eb14}.app-page-hero--admin-users .app-page-back{border-color:#93c5fd}.app-page-hero--admin-users .app-page-back:hover{color:#1d4ed8;border-color:#60a5fa}.chinese-speaking-page,.vocabulary-page,.grammar-page,.dual-language-page,.voice-chat-page,.voice-live-page{max-width:1100px;margin:0 auto}.dual-language-page,.voice-chat-page,.voice-live-page{--voice-ui-radius-sm:4px;--voice-ui-radius:6px;--voice-ui-radius-lg:8px}.dual-language-page .app-page-hero,.voice-chat-page .app-page-hero,.voice-live-page .app-page-hero{border-radius:var(--voice-ui-radius-lg)}.dual-language-page .app-language-buttons,.voice-chat-page .app-language-buttons,.voice-live-page .app-language-buttons{border-radius:var(--voice-ui-radius)}@media (width<=720px){.app-page-hero{padding:1.1rem 1rem}.app-page-header{flex-direction:column;align-items:stretch}.app-page-title-block{min-width:0}.app-page-header-end{align-self:flex-end;margin-left:0}}.speaking-grid-wrap{--speaking-grid-th:.8125rem;--speaking-grid-cell:.9375rem;--speaking-grid-line-vi:1.03rem;--speaking-grid-line-en:.96rem;--speaking-grid-meta:.82rem;--speaking-grid-pinyin:.9rem;--speaking-grid-zh:1.08rem;--speaking-grid-audio-btn:.8rem;--speaking-grid-topic-play:.76rem;--speaking-grid-playing:.75rem;--speaking-grid-detail-title:.92rem;--speaking-grid-speaker:.78rem;--speaking-grid-conv-btn:.78rem;--speaking-grid-conv-zh:1.02rem;--speaking-grid-conv-pinyin:.88rem;--speaking-grid-conv-en:.9rem;--speaking-grid-conv-vi:.9rem}.speaking-grid-wrap.vocab-grid-size-small{--speaking-grid-th:.69rem;--speaking-grid-cell:.797rem;--speaking-grid-line-vi:.876rem;--speaking-grid-line-en:.816rem;--speaking-grid-meta:.697rem;--speaking-grid-pinyin:.765rem;--speaking-grid-zh:.918rem;--speaking-grid-audio-btn:.68rem;--speaking-grid-topic-play:.646rem;--speaking-grid-playing:.638rem;--speaking-grid-detail-title:.782rem;--speaking-grid-speaker:.663rem;--speaking-grid-conv-btn:.663rem;--speaking-grid-conv-zh:.867rem;--speaking-grid-conv-pinyin:.748rem;--speaking-grid-conv-en:.765rem;--speaking-grid-conv-vi:.765rem}.speaking-grid-wrap.vocab-grid-size-large{--speaking-grid-th:.975rem;--speaking-grid-cell:1.125rem;--speaking-grid-line-vi:1.236rem;--speaking-grid-line-en:1.152rem;--speaking-grid-meta:.984rem;--speaking-grid-pinyin:1.08rem;--speaking-grid-zh:1.296rem;--speaking-grid-audio-btn:.96rem;--speaking-grid-topic-play:.912rem;--speaking-grid-playing:.9rem;--speaking-grid-detail-title:1.104rem;--speaking-grid-speaker:.936rem;--speaking-grid-conv-btn:.936rem;--speaking-grid-conv-zh:1.224rem;--speaking-grid-conv-pinyin:1.056rem;--speaking-grid-conv-en:1.08rem;--speaking-grid-conv-vi:1.08rem}.speaking-grid-wrap .lesson-table th{font-size:var(--speaking-grid-th)}.speaking-grid-wrap .lesson-table tbody td{font-size:var(--speaking-grid-cell)}.speaking-grid-wrap .lesson-line-vi{font-size:var(--speaking-grid-line-vi)}.speaking-grid-wrap .lesson-line-en{font-size:var(--speaking-grid-line-en)}.speaking-grid-wrap .lesson-topic-meta{font-size:var(--speaking-grid-meta)}.speaking-grid-wrap .lesson-pinyin{font-size:var(--speaking-grid-pinyin)}.speaking-grid-wrap .lesson-zh{font-size:var(--speaking-grid-zh)}.speaking-grid-wrap .audio-controls button{font-size:var(--speaking-grid-audio-btn)}.speaking-grid-wrap .lesson-topic-play-btn{font-size:var(--speaking-grid-topic-play)}.speaking-grid-wrap .playing-label{font-size:var(--speaking-grid-playing)}.speaking-grid-wrap .detail-btn{font-size:var(--speaking-grid-audio-btn)}.speaking-grid-wrap .lesson-detail-title{font-size:var(--speaking-grid-detail-title)}.speaking-grid-wrap .conversation-speaker{font-size:var(--speaking-grid-speaker)}.speaking-grid-wrap .conversation-play-btn{font-size:var(--speaking-grid-conv-btn)}.speaking-grid-wrap .conversation-line-zh{font-size:var(--speaking-grid-conv-zh)}.speaking-grid-wrap .conversation-line-pinyin{font-size:var(--speaking-grid-conv-pinyin)}.speaking-grid-wrap .conversation-line-en{font-size:var(--speaking-grid-conv-en)}.speaking-grid-wrap .conversation-line-vi{font-size:var(--speaking-grid-conv-vi)}.grammar-grid-wrap{--grammar-grid-th:.8125rem;--grammar-grid-cell:.9375rem;--grammar-grid-num:.8rem;--grammar-grid-pattern:.9375rem;--grammar-grid-title:.9375rem;--grammar-grid-btn:.8rem;--grammar-grid-detail-pattern:.82rem;--grammar-grid-detail-title:1.05rem;--grammar-grid-detail-label:.8rem;--grammar-grid-detail-text:.9375rem;--grammar-grid-example-index:.78rem;--grammar-grid-example-zh:1rem;--grammar-grid-example-line:.9375rem}.grammar-grid-wrap.vocab-grid-size-small{--grammar-grid-th:.69rem;--grammar-grid-cell:.797rem;--grammar-grid-num:.68rem;--grammar-grid-pattern:.797rem;--grammar-grid-title:.797rem;--grammar-grid-btn:.68rem;--grammar-grid-detail-pattern:.697rem;--grammar-grid-detail-title:.892rem;--grammar-grid-detail-label:.68rem;--grammar-grid-detail-text:.797rem;--grammar-grid-example-index:.663rem;--grammar-grid-example-zh:.85rem;--grammar-grid-example-line:.797rem}.grammar-grid-wrap.vocab-grid-size-large{--grammar-grid-th:.975rem;--grammar-grid-cell:1.125rem;--grammar-grid-num:.96rem;--grammar-grid-pattern:1.125rem;--grammar-grid-title:1.125rem;--grammar-grid-btn:.96rem;--grammar-grid-detail-pattern:.984rem;--grammar-grid-detail-title:1.26rem;--grammar-grid-detail-label:.96rem;--grammar-grid-detail-text:1.125rem;--grammar-grid-example-index:.936rem;--grammar-grid-example-zh:1.2rem;--grammar-grid-example-line:1.125rem}.grammar-grid-wrap .lesson-table th{font-size:var(--grammar-grid-th)}.grammar-grid-wrap .lesson-table tbody td{font-size:var(--grammar-grid-cell)}.grammar-grid-wrap .td-num{font-size:var(--grammar-grid-num)}.grammar-grid-wrap .grammar-pattern-main{font-size:var(--grammar-grid-pattern)}.grammar-grid-wrap .grammar-title{font-size:var(--grammar-grid-title)}.grammar-grid-wrap .grammar-row-play-btn,.grammar-grid-wrap .grammar-row-actions .detail-btn{font-size:var(--grammar-grid-btn)}.grammar-grid-wrap .grammar-detail-pattern{font-size:var(--grammar-grid-detail-pattern)}.grammar-grid-wrap .grammar-detail-title{font-size:var(--grammar-grid-detail-title)}.grammar-grid-wrap .grammar-detail-label{font-size:var(--grammar-grid-detail-label)}.grammar-grid-wrap .grammar-detail-text{font-size:var(--grammar-grid-detail-text)}.grammar-grid-wrap .grammar-example-index{font-size:var(--grammar-grid-example-index)}.grammar-grid-wrap .grammar-example-zh{font-size:var(--grammar-grid-example-zh)}.grammar-grid-wrap .grammar-example-pinyin,.grammar-grid-wrap .grammar-example-en,.grammar-grid-wrap .grammar-example-vi{font-size:var(--grammar-grid-example-line)}.grammar-grid-wrap .play-example-btn{font-size:var(--grammar-grid-btn)}.td-num{color:#999;text-align:center;font-size:.8rem}.td-hanzi{color:#c0392b;letter-spacing:.05em;font-size:1.25rem;font-weight:600}.vocab-row-expanded{background:#fff8e8}.detail-btn,.play-word-btn{padding:.35rem .75rem;font-size:.8rem;font-weight:600}.play-word-btn:hover:not(:disabled){color:#166534;background:#f0fdf4;border-color:#86efac}.play-word-btn.active{color:#166534;background:#ecfdf5;border-color:#6ee7b7}.vocab-row-play-actions{flex-wrap:wrap;justify-content:flex-start;gap:.35rem;display:flex}.play-word-btn-zh{color:#9a3412;border-color:#fdba74}.play-word-btn-zh:hover:not(:disabled){color:#c2410c;background:#fff7ed;border-color:#fb923c}.play-word-btn-zh.active{color:#9a3412;background:#ffedd5;border-color:#f97316}.detail-btn:hover{background:#eef5ff;border-color:#2196f3}.detail-btn.active{color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.vocab-detail-row td{background:#fcfcfe;padding:0}.vocab-detail-box{background:linear-gradient(#fcfcfe 0%,#f7f9fc 100%);border-top:1px solid #e9ecef;padding:1rem 1.25rem 1.1rem}.vocab-detail-title{color:#1a1a2e;margin-bottom:.75rem;font-size:.9rem;font-weight:700}.vocab-sentence-list{margin:0;padding-left:1.3rem}.vocab-sentence-item+.vocab-sentence-item{margin-top:.75rem}.vocab-sentence-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.3rem;display:flex}.vocab-sentence-index{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.vocab-example-play-btns{flex-shrink:0;gap:.35rem;display:flex}.vocab-sentence-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;display:flex}.play-example-btn{padding:.3rem .72rem;font-size:.78rem}.play-example-btn-zh{color:#166534}.play-example-btn-zh:hover:not(:disabled),.play-example-btn-zh.active{color:#166534;background:#f0fdf4;border-color:#86efac}.play-example-btn-en{color:#1d4ed8}.play-example-btn-en:hover:not(:disabled),.play-example-btn-en.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.play-example-btn-grammar{color:#0f766e}.play-example-btn-grammar:hover:not(:disabled),.play-example-btn-grammar.active{color:#047857;background:#ecfdf5;border-color:#6ee7b7}.grammar-row-play-btn{flex-shrink:0}.vocab-sentence-zh{color:#b42318;font-size:1rem;font-weight:600}.vocab-sentence-pinyin{color:#7c3aed;margin-top:.18rem;font-size:.86rem;font-style:italic}.vocab-sentence-pinyin-analysis{color:#0f766e;white-space:pre-line;margin-top:.18rem;font-size:.82rem;line-height:1.45}.vocab-sentence-en{color:#1f2937;margin-top:.18rem;font-size:.86rem}.vocab-sentence-vi{color:#5f6b7a;margin-top:.2rem;font-size:.84rem}.vocab-detail-input-box{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.vocab-detail-label{color:#334155;margin-bottom:.45rem;font-size:.85rem;font-weight:600;display:block}.vocab-detail-textarea{color:#1a1a2e;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem .9rem}.vocab-detail-textarea:focus{border-color:#60a5fa;outline:2px solid #bfdbfe}.play-detail-btn{color:#334155;margin-top:.75rem}.play-detail-btn:hover:not(:disabled){color:#166534;background:#f0fdf4;border-color:#86efac}.play-detail-btn.active{color:#166534;background:#ecfdf5;border-color:#6ee7b7}.pagination{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:1.25rem;display:flex}.page-btn{min-width:2rem}.page-btn.active{color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.confirm-form{background:#fff;border:1px solid #e6eef6;border-radius:12px;max-width:680px;margin:1.25rem auto;padding:1.1rem;box-shadow:0 6px 18px #0f172a0f}.confirm-field{flex-direction:column;gap:.45rem;margin-bottom:.9rem;display:flex}.confirm-field-label{color:#0f172a;font-size:.98rem;font-weight:700}.confirm-input{background:#fbfcfe;border:1px solid #d1e3f0;border-radius:12px;width:100%;padding:.95rem 1rem;font-size:1rem}.confirm-input:focus{outline-offset:2px;border-color:#0f766e;outline:2px solid #0f766e1f}.confirm-inline-row{align-items:center;gap:.75rem;display:flex}.confirm-inline-row .confirm-input{flex:1}.login-modal-confirm-link{color:#0f766e;background:0 0;border:0;margin-left:6px;padding:0;font-weight:700}.login-modal-forgot{color:#0f766e;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:700}.login-modal-forgot:hover{color:#115e59;text-decoration:underline}.auth-panel-page{background:radial-gradient(circle at 0 0,#14b8a624,#0000 32%),radial-gradient(circle at 100%,#3b82f624,#0000 28%),linear-gradient(#f8fafc 0%,#eff6ff 100%);justify-content:center;align-items:center;min-height:calc(100vh - 4rem);padding:2rem 1rem 3rem;display:flex}.auth-panel-shell{grid-template-columns:minmax(280px,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:1.25rem;width:min(980px,100%);display:grid}.auth-panel-hero,.auth-panel-card{border:1px solid #94a3b838;border-radius:24px;box-shadow:0 20px 45px #0f172a14}.auth-panel-hero{color:#0f172a;background:linear-gradient(145deg,#fffffff0,#f0fdfaf2),linear-gradient(#fff,#f8fafc);padding:2rem}.auth-panel-badge{color:#0f766e;letter-spacing:.06em;text-transform:uppercase;background:#ccfbf1;border-radius:999px;align-items:center;padding:.42rem .78rem;font-size:.78rem;font-weight:800;display:inline-flex}.auth-panel-hero h1{margin:1rem 0 .75rem;font-size:clamp(2rem,4vw,2.8rem);line-height:1.05}.auth-panel-hero p{color:#334155;margin:0;font-size:1rem;line-height:1.7}.auth-panel-hint{color:#134e4a;background:#0f766e14;border:1px solid #0f766e1f;border-radius:18px;margin-top:1.25rem;padding:1rem 1.05rem;font-size:.94rem}.auth-panel-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.auth-panel-actions{flex-wrap:wrap;gap:.75rem;margin-top:.2rem;display:flex}@media (width<=820px){.auth-panel-shell{grid-template-columns:1fr}.auth-panel-hero,.auth-panel-card{border-radius:20px}.confirm-inline-row{flex-direction:column;align-items:stretch}}.ios-chinese-speech-hint{color:#78350f;background:linear-gradient(#fffbeb 0%,#fef3c7 100%);border:1px solid #b4530947;border-radius:14px;margin:0 0 1rem;padding:.9rem 1rem}.ios-chinese-speech-hint-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.ios-chinese-speech-hint-title{font-size:.95rem;line-height:1.4}.ios-chinese-speech-hint-dismiss{color:#92400e;cursor:pointer;background:#fff;border:1px solid #b4530959;border-radius:999px;flex-shrink:0;padding:.25rem .65rem;font-size:.78rem;font-weight:600}.ios-chinese-speech-hint-body{margin:.55rem 0 0;font-size:.88rem;line-height:1.5}.ios-chinese-speech-hint-steps{margin:.5rem 0 0;padding-left:1.15rem;font-size:.86rem;line-height:1.45}.ios-chinese-speech-hint-reload{margin:.55rem 0 0;font-size:.84rem;font-weight:600}@media (width<=640px){#root{padding:1.1rem .85rem calc(1.25rem + env(safe-area-inset-bottom,0px));padding-left:calc(.85rem + env(safe-area-inset-left,0px));padding-right:calc(.85rem + env(safe-area-inset-right,0px))}.home-fullscreen{padding:1rem .85rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.pagination{flex-wrap:wrap;justify-content:center;gap:.35rem}.lesson-mobile-list,.vocab-mobile-list,.grammar-mobile-list,.favorite-music-mobile-list{flex-direction:column;gap:.85rem;display:flex}.lesson-mobile-card,.vocab-mobile-card,.grammar-mobile-card,.favorite-music-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #0f172a0f}.lesson-mobile-card.is-playing{border-color:#93c5fd;box-shadow:0 0 0 1px #3b82f633,0 6px 18px #2563eb1f}.vocab-mobile-card:has(.play-word-btn.active){border-color:#93c5fd;box-shadow:0 0 0 1px #3b82f633,0 6px 18px #2563eb1f}.favorite-music-mobile-card.is-readonly{background:#fafaf9}.lesson-mobile-card-head,.vocab-mobile-card-head,.grammar-mobile-card-head{gap:.75rem;padding:.9rem 1rem .65rem;scroll-margin-top:.75rem;display:flex}.lesson-mobile-index,.vocab-mobile-index,.grammar-mobile-index{color:#1d4ed8;background:#eff6ff;border-radius:8px;flex-shrink:0;place-items:center;width:1.85rem;height:1.85rem;font-size:.82rem;font-weight:700;display:grid}.lesson-mobile-topic,.vocab-mobile-main,.grammar-mobile-body{flex:1;min-width:0}.vocab-mobile-hanzi{color:#0f172a;margin-bottom:.5rem;font-size:1.65rem;font-weight:700;line-height:1.2}.vocab-mobile-fields{gap:.45rem;margin:0;display:grid}.vocab-mobile-field{grid-template-columns:5.25rem 1fr;align-items:start;gap:.5rem;display:grid}.vocab-mobile-field dt{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin:0;font-size:.72rem;font-weight:700}.vocab-mobile-field dd{color:#0f172a;word-break:break-word;margin:0;font-size:.9rem}.grammar-mobile-pattern{color:#0f172a;word-break:break-word;margin-bottom:.35rem;font-weight:700}.grammar-mobile-summary{color:#475569;margin:.35rem 0 0;font-size:.88rem;line-height:1.45}.lesson-mobile-actions,.vocab-mobile-actions,.grammar-mobile-actions{flex-wrap:wrap;gap:.45rem;padding:0 1rem .9rem;display:flex}.lesson-mobile-actions .app-btn,.lesson-mobile-actions button,.vocab-mobile-actions button,.grammar-mobile-actions button{white-space:normal;text-align:center;flex:calc(50% - .25rem);min-width:0}.lesson-mobile-actions .playing-label{flex:100%}.lesson-mobile-detail,.vocab-mobile-detail,.grammar-mobile-detail{border-top:1px solid #e2e8f0;border-radius:0;margin:0}.favorite-music-mobile-head{padding:.95rem 1rem .65rem}.favorite-music-mobile-head .favorite-music-song-name{color:#0f172a;word-break:break-word;margin:0 0 .5rem;font-size:1.05rem;font-weight:700;line-height:1.35}.favorite-music-mobile-meta{flex-wrap:wrap;align-items:center;gap:.4rem .55rem;display:flex}.favorite-music-mobile-updated{color:#64748b;font-size:.78rem}.favorite-music-mobile-links{flex-direction:column;gap:.45rem;padding:0 1rem .75rem;display:flex}.favorite-music-mobile-links .favorite-music-open-link-btn,.favorite-music-mobile-links .favorite-music-open-link-btn--karaoke,.favorite-music-mobile-links .favorite-music-open-link-btn--lyrics{box-sizing:border-box;text-align:center;white-space:normal;width:100%;min-width:0;max-width:none;display:block}.favorite-music-mobile-links .favorite-music-no-link{text-align:center;width:100%;display:block}.favorite-music-mobile-footer{border-top:1px solid #f1f5f9;padding:0 1rem .95rem}.favorite-music-mobile-footer .favorite-music-row-actions{gap:.5rem;display:flex}.favorite-music-mobile-footer .favorite-music-action-btn{flex:1;justify-content:center}.favorite-music-table-wrap:has(.favorite-music-mobile-list){box-shadow:none;background:0 0;border:0;overflow:visible}}.menu-card-pinyin{border-color:#c4b5fd}.menu-card-pinyin:hover{border-color:#a78bfa}.pinyin-pronunciation-page{max-width:960px;margin:0 auto;padding-bottom:2.5rem}.pinyin-pronunciation-tabs{margin-bottom:1rem}.pinyin-pronunciation-tabs .hsk-tab{flex-shrink:0}.pinyin-pronunciation-intro{color:#475569;margin:0 0 1.25rem;padding:0 .25rem;line-height:1.55}.pinyin-pronunciation-count{color:#64748b;margin:.5rem 0 0;font-size:.92rem}.pinyin-pronunciation-list{flex-direction:column;gap:.75rem;display:flex}.pinyin-sound-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.pinyin-sound-card.expanded{border-color:#c4b5fd;box-shadow:0 8px 24px #5b21b614}.pinyin-sound-card-head{align-items:stretch;gap:.5rem;padding:.55rem .55rem .55rem 0;display:flex}.pinyin-sound-card-head-main{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:.85rem;min-width:0;padding:.4rem .45rem .4rem 1rem;display:flex}.pinyin-sound-card-head-main:hover{background:#faf5ff}.pinyin-sound-core-play-btn{white-space:nowrap;flex:none;align-self:center;margin-right:.55rem}.pinyin-sound-demo-label{color:#7c3aed;font-size:.84rem;font-weight:600}.pinyin-sound-symbol{color:#5b21b6;text-align:center;background:#f5f3ff;border-radius:10px;flex:none;min-width:3.25rem;padding:.35rem .55rem;font-size:1.15rem;font-weight:700}.pinyin-sound-head-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.pinyin-sound-head-text strong{color:#0f172a;font-size:1rem}.pinyin-sound-head-text>span:not(.pinyin-sound-demo-label){color:#64748b;font-size:.88rem}.pinyin-sound-toggle{color:#4338ca;background:#eef2ff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1.1rem;font-weight:700;display:inline-flex}.pinyin-sound-card-body{border-top:1px solid #f1f5f9;padding:0 1rem 1rem}.pinyin-sound-descriptions{grid-template-columns:1fr 1fr;gap:.85rem;margin:.95rem 0 1rem;display:grid}.pinyin-sound-description{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem .95rem}.pinyin-sound-description-label{letter-spacing:.04em;text-transform:uppercase;color:#6366f1;margin-bottom:.35rem;font-size:.78rem;font-weight:700;display:inline-block}.pinyin-sound-description p{color:#334155;margin:0;font-size:.94rem;line-height:1.55}.pinyin-sound-examples-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.pinyin-sound-examples-header h3{color:#0f172a;margin:0;font-size:.98rem}.pinyin-play-all-btn,.pinyin-play-btn,.pinyin-sound-core-play-btn{color:#5b21b6;cursor:pointer;background:#f5f3ff;border:1px solid #c4b5fd;border-radius:8px;padding:.35rem .8rem;font-size:.82rem;font-weight:600}.pinyin-sound-core-play-btn{padding:.45rem .9rem;font-size:.84rem}.pinyin-play-all-btn:hover,.pinyin-play-btn:hover,.pinyin-sound-core-play-btn:hover{background:#ede9fe}.pinyin-play-btn.playing,.pinyin-play-all-btn:active,.pinyin-sound-core-play-btn.playing{background:#ddd6fe}.pinyin-example-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.pinyin-example-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:.75rem;padding:.75rem .85rem;display:grid}.pinyin-example-main{align-items:baseline;gap:.65rem;display:flex}.pinyin-example-hanzi{color:#0f172a;font-size:1.45rem;line-height:1.2}.pinyin-example-pinyin{color:#5b21b6;font-size:1rem;font-weight:600}.pinyin-example-gloss{color:#475569;flex-direction:column;gap:.15rem;font-size:.88rem;line-height:1.4;display:flex}.pinyin-example-actions{flex-direction:column;gap:.35rem;display:flex}.pinyin-play-btn,.pinyin-play-all-btn,.pinyin-sound-core-play-btn{touch-action:manipulation}@media (width<=768px){.pinyin-pronunciation-page{padding-bottom:1.75rem}.pinyin-pronunciation-page .app-page-subtitle{font-size:.88rem;line-height:1.55}.pinyin-pronunciation-tabs{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.4rem;margin-left:-.25rem;margin-right:-.25rem;padding:0 .25rem .35rem;overflow-x:auto}.pinyin-pronunciation-tabs::-webkit-scrollbar{display:none}.pinyin-pronunciation-tabs .hsk-tab{padding:.45rem .75rem;font-size:.8rem}.pinyin-pronunciation-intro{margin-bottom:1rem;padding:0;font-size:.92rem}.pinyin-pronunciation-count{font-size:.88rem}.pinyin-sound-card{border-radius:12px}.pinyin-sound-card-head{flex-direction:column;align-items:stretch;gap:.4rem;padding:.45rem;scroll-margin-top:.75rem}.pinyin-sound-card-head-main{gap:.65rem;padding:.45rem .5rem .45rem .65rem}.pinyin-sound-symbol{word-break:break-word;min-width:2.75rem;max-width:4.75rem;padding:.3rem .4rem;font-size:.95rem;line-height:1.25}.pinyin-sound-head-text strong{font-size:.94rem;line-height:1.35}.pinyin-sound-head-text>span:not(.pinyin-sound-demo-label){font-size:.82rem;line-height:1.35}.pinyin-sound-demo-label{font-size:.8rem}.pinyin-sound-core-play-btn{align-self:stretch;margin-right:0}.pinyin-sound-card-body{padding:0 .75rem .85rem}.pinyin-sound-descriptions{grid-template-columns:1fr;gap:.65rem;margin:.75rem 0 .85rem}.pinyin-sound-description{padding:.75rem .85rem}.pinyin-sound-description p{font-size:.9rem}.pinyin-sound-examples-header{flex-direction:column;align-items:stretch;gap:.5rem}.pinyin-play-all-btn,.pinyin-sound-core-play-btn{width:100%;min-height:2.5rem;padding:.5rem .85rem;font-size:.86rem}.pinyin-example-item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main actions""gloss gloss";gap:.5rem .65rem;padding:.65rem .75rem}.pinyin-example-main{grid-area:main}.pinyin-example-gloss{grid-area:gloss;font-size:.84rem}.pinyin-example-actions{flex-direction:row;grid-area:actions;align-self:start}.pinyin-play-btn{min-width:3.25rem;min-height:2.5rem;padding:.45rem .75rem;font-size:.84rem}.pinyin-example-hanzi{font-size:1.35rem}.pinyin-example-pinyin{font-size:.94rem}}@media (width<=480px){.pinyin-pronunciation-tabs .hsk-tab{padding:.4rem .65rem;font-size:.76rem}.pinyin-sound-head-text>span:not(.pinyin-sound-demo-label){display:none}.pinyin-sound-symbol{min-width:2.5rem;max-width:4rem;font-size:.88rem}.pinyin-sound-toggle{width:1.6rem;height:1.6rem;font-size:1rem}}.radicals-page{max-width:1200px}.radicals-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin:0 0 1rem;display:flex}.radicals-search{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:16rem;min-width:0;padding:.65rem .9rem;font-size:.95rem}.radicals-search:focus{border-color:#38bdf8;outline:2px solid #38bdf8}.radicals-count{color:#475569;white-space:nowrap;margin:0;font-size:.875rem}.radicals-grid-wrap{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.radicals-table td{vertical-align:top}.radicals-stt{text-align:center;color:#64748b;width:3rem;font-weight:600}.radicals-char-cell{min-width:5.5rem}.radicals-char-cell--interactive{cursor:help;position:relative}.radicals-char-cell--interactive:hover .radicals-char,.radicals-char-cell--interactive:focus-visible .radicals-char{color:#0369a1}.radicals-char-cell--interactive:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #38bdf8}.radicals-stroke-popup,.hanzi-stroke-popup{z-index:1200;pointer-events:auto;background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:.75rem .85rem .85rem;position:fixed;box-shadow:0 18px 45px #0f172a2e,0 4px 12px #0f172a14}.radicals-stroke-popup-meta,.hanzi-stroke-popup-meta{flex-wrap:wrap;align-items:baseline;gap:.55rem;margin:0 0 .45rem;display:flex}.radicals-stroke-popup-char,.hanzi-stroke-popup-char{color:#0f172a;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:1.35rem;font-weight:700}.radicals-stroke-popup-pinyin,.hanzi-stroke-popup-pinyin{color:#0369a1;font-size:.9rem;font-weight:600}.radicals-stroke-popup-strokes,.hanzi-stroke-popup-strokes{color:#64748b;font-size:.78rem}.radicals-stroke-popup-stage,.hanzi-stroke-popup-stage{background:linear-gradient(#f8fafc 0%,#eef6fb 100%);border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-height:200px;display:flex}.radicals-stroke-popup-writer,.hanzi-stroke-popup-writer{width:200px;height:200px}.hanzi-stroke-popup-writers{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.radicals-stroke-popup-fallback,.hanzi-stroke-popup-fallback{color:#0f172a;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:7rem;line-height:1}.radicals-stroke-popup-hint,.hanzi-stroke-popup-hint{color:#64748b;text-align:center;margin:.5rem 0 0;font-size:.75rem}.radicals-char{color:#0f172a;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:1.75rem;line-height:1.2;display:block}.radicals-variants{color:#64748b;margin-top:.2rem;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:.78rem;display:block}.radicals-strokes{color:#94a3b8;margin-top:.15rem;font-size:.72rem;display:block}.radicals-pinyin{white-space:nowrap;color:#0369a1;font-weight:600}.radicals-bilingual-cell{flex-direction:column;gap:.2rem;min-width:7rem;display:flex}.radicals-bilingual-primary{color:#0f172a;line-height:1.45}.radicals-bilingual-secondary{color:#64748b;font-size:.82rem;font-style:italic;line-height:1.4}.radicals-mnemonic-cell{min-width:12rem;max-width:22rem}@media (width<=768px){.radicals-table th:nth-child(6),.radicals-table td:nth-child(6){min-width:10rem}.radicals-char{font-size:1.45rem}}