.resend-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.55rem .7rem;font-weight:700}.resend-btn[disabled]{opacity:.6;cursor:not-allowed}.resend-btn:hover:not([disabled]){background:#f1f5f9}*,:before,:after{box-sizing:border-box}body{color:#1a1a2e;background:#f8f9fa;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}#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}.fullscreen-btn{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #1d4ed8;border-radius:999px;margin-left:auto;padding:.45rem .9rem;font-size:.86rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.fullscreen-btn:hover{background:#eff6ff}.fullscreen-btn.active{color:#fff;background:#1d4ed8}.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:#fff;background:#1a1a2e}.lesson-table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.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:#f1f3f5}.grammar-table td{vertical-align:top}.grammar-pattern-cell{color:#0f172a;justify-content:space-between;align-items:center;gap:.75rem;font-weight:700;display:flex}.grammar-pattern-main{flex:1;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{color:#1a1a2e;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:.3rem .65rem;font-size:.8rem;font-weight:500;transition:background .15s,opacity .15s}.audio-controls button:hover:not(:disabled){background:#e9ecef}.audio-controls button:disabled{opacity:.4;cursor:not-allowed}.audio-controls .btn-play-all{color:#fff;background:#2196f3;border-color:#1976d2}.audio-controls .btn-play-all:hover:not(:disabled){background:#1976d2}.audio-controls .btn-stop{color:#fff;background:#f44336;border-color:#d32f2f}.audio-controls .btn-stop:hover:not(:disabled){background:#d32f2f}.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{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:10px;outline:none;min-width:220px;padding:8px 10px;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:#1d4ed8;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.28rem .65rem;font-size:.76rem;font-weight:700;transition:background .15s,border-color .15s,color .15s,opacity .15s}.lesson-topic-play-btn:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.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-btn{color:#15803d;cursor:pointer;background:#fff;border:1px solid #16a34a;border-radius:999px;padding:.28rem .72rem;font-size:.78rem;font-weight:700}.conversation-play-btn:hover:not(:disabled){background:#f0fdf4}.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{text-align:center;padding:3rem 1rem}.menu-home-topbar{text-align:left;justify-content:space-between;align-items:flex-start;gap:1rem;max-width:760px;margin:0 auto 2.5rem;display:flex}.menu-home h1{color:#1a1a2e;margin:0 0 .5rem;font-size:2.2rem;font-weight:700}.menu-subtitle{color:#666;margin-bottom:0;font-size:1rem}.menu-language-switcher{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.menu-auth-box{flex-direction:column;align-items:flex-end;gap:.55rem;display:flex}.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-btn{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 20px #0f766e2e}.menu-auth-btn.admin{background:#1d4ed8;box-shadow:0 10px 20px #1d4ed82e}.menu-auth-btn.logout{background:#b42318;box-shadow:0 10px 20px #b423182e}.app-language-label{color:#475569;font-size:.82rem;font-weight:600}.app-language-buttons{background:#fff;border:1px solid #dbe4f0;border-radius:999px;gap:.4rem;padding:.3rem;display:inline-flex;box-shadow:0 2px 10px #0f172a0d}.app-language-btn{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.45rem .8rem;font-size:.8rem;font-weight:700}.app-language-btn.is-active{color:#fff;background:#1d4ed8}.menu-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.menu-card{color:#1a1a2e;background:#fff;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;width:220px;padding:2rem 1.5rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0000000f}.menu-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.menu-card.locked{opacity:.88;border-style:dashed}.menu-card.locked:hover{transform:none}.menu-card-icon{font-size:2.5rem}.menu-card h2{color:#1a1a2e;margin:0;font-size:1.05rem;font-weight:600}.menu-card p{color:#666;text-align:center;font-size:.82rem;line-height:1.4}.menu-card-lock{color:#c2410c;background:#fff7ed;border-radius:999px;margin-top:.35rem;padding:.35rem .7rem;font-size:.74rem;font-weight:700}.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}.pricing-page{max-width:980px}.pricing-subtitle{max-width:760px}.pricing-plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.pricing-plan-card{text-align:left;background:linear-gradient(#fff 0%,#fff7ed 100%);border:1px solid #fed7aa;border-radius:20px;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{color:#15803d;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;font-size:.82rem;font-weight:900;display:inline-flex}.pricing-plan-cta{color:#fff;cursor:pointer;background:#9a3412;border:0;border-radius:999px;justify-content:center;align-items:center;margin-top:auto;padding:.75rem 1rem;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #9a341233}.pricing-plan-cta:hover{background:#7c2d12}.payment-page{max-width:980px}.payment-subtitle{max-width:760px}.payment-status{color:#334155;background:#f8fafc;border:1px solid #dbe4f0;border-radius:14px;margin:0 0 1rem;padding:.8rem .95rem;font-size:.88rem;font-weight:600}.payment-status-error{color:#b42318;background:#fef2f2;border-color:#fecaca}.payment-summary-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe4f0;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:grid}.payment-billing-card{background:linear-gradient(#fff 0%,#eff6ff 100%);border:1px solid #dbe4f0;border-radius:18px;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{background:#ffffffb8;border:1px solid #dbe4f0;border-radius:14px;flex-direction:column;gap:.35rem;padding:.9rem .95rem;display:flex}.payment-billing-item-wide{grid-column:1/-1}.payment-billing-cancel-btn{color:#fff;cursor:pointer;background:#b42318;border:0;border-radius:999px;padding:.7rem 1rem;font-size:.88rem;font-weight:800;box-shadow:0 10px 24px #b423182e}.payment-billing-cancel-btn:hover{background:#912018}.payment-billing-cancel-btn:disabled{cursor:wait;opacity:.65}.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{background:#fff;border:1px solid #dbe4f0;border-radius:18px;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{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;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-card{background:linear-gradient(#fff 0%,#eff6ff 100%);border:1px solid #dbe4f0;border-radius:20px;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{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe4f0;border-radius:20px;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-preview-paypal{background:linear-gradient(#fff 0%,#eff6ff 100%)}.payment-preview-payhip{background:linear-gradient(#fff 0%,#ecfdf5 100%)}.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{color:#475569;background:#ffffffb3;border-radius:999px;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{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:.85rem .95rem;font-size:.94rem}.payment-preview-wallet-box,.payment-preview-meta,.payment-preview-summary-row{background:#ffffffb8;border:1px solid #dbe4f0;border-radius:14px;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{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:999px;margin-top:auto;padding:.75rem 1rem;font-size:.9rem;font-weight:800;box-shadow:0 10px 24px #1d4ed82e}.payment-method-cta:disabled{cursor:wait;opacity:.65}.payment-method-cta:hover{background:#1e40af}.payment-method-cta-paypal{background:#1d4ed8;box-shadow:0 10px 24px #1d4ed82e}.payment-method-cta-paypal:hover{background:#1e40af}.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-payhip{background:#047857;box-shadow:0 10px 24px #0478572e}.payment-method-cta-payhip:hover{background:#065f46}.payment-method-cta-stripe{background:#6d28d9;box-shadow:0 10px 24px #6d28d92e}.payment-method-cta-stripe:hover{background:#5b21b6}@media (width<=720px){.menu-home-topbar{text-align:center;flex-direction:column;align-items:center}.menu-language-switcher,.menu-auth-box{align-items:center}.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;box-shadow:0 24px 70px #0f172a47}.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-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;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{cursor:pointer;border:0;border-radius:999px;padding:.78rem 1.15rem;font-size:.85rem;font-weight:600}.login-modal-btn.secondary{color:#0f172a;background:#e2e8f0}.login-modal-btn.primary{color:#fff;background:#0f766e}.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{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border:1px solid #bfdbfe;border-radius:16px;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{white-space:nowrap;color:#fff;background:#1d4ed8;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.voice-chat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.voice-chat-card{color:#0f172a;background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dbeafe;border-radius:16px;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{color:#1d4ed8;background:#dbeafe;border-radius:999px;flex-shrink:0;padding:.22rem .55rem;font-size:.73rem;font-weight:700}.voice-chat-action{color:#fff;background:#1d4ed8;border-radius:999px;justify-content:center;align-items:center;width:fit-content;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{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:10px;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{min-width:180px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.55rem .75rem}.voice-live-mic-btn,.voice-live-send-btn,.voice-live-play-btn{color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #1d4ed8;border-radius:999px;font-weight:700;transition:background .15s,color .15s,border-color .15s,opacity .15s}.voice-live-mic-btn{padding:.72rem 1rem}.voice-live-mic-btn.active,.voice-live-play-btn.active,.voice-live-send-btn:hover:not(:disabled),.voice-live-mic-btn:hover,.voice-live-play-btn:hover{color:#fff;background:#1d4ed8}.voice-live-send-btn{padding:.8rem 1.1rem}.voice-live-send-btn:disabled{opacity:.45;cursor:not-allowed}.voice-live-play-btn{padding:.28rem .75rem;font-size:.78rem}.voice-live-saved-play-btn{color:#334155;border-color:#cbd5e1;min-height:42px;padding:.55rem .9rem;font-size:.84rem}.voice-live-saved-play-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.voice-live-saved-play-btn.active{border-color:#1d4ed8}.voice-live-status{border-radius:999px;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:14px;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{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:18px;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:18px;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-direction:column;gap:.75rem;min-width:220px;display:flex}.dual-language-page{padding:1rem 0 2rem}.dual-language-chatbox{min-height:320px}.dual-language-form-actions{flex-direction:column;gap:.75rem;min-width:220px;display:flex}.dual-language-loading{color:#6d28d9;background:#ede9fe;border-radius:999px;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{font:inherit;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:16px;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{width:100%;min-width:0}.voice-chat-local-btn,.voice-live-mic-btn,.voice-live-send-btn{width:100%}:is(.voice-chat-local-btn,.voice-live-mic-btn,.voice-live-send-btn) .voice-live-form-actions{width:100%;min-width:0}.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{max-width:1180px}.admin-users-subtitle{max-width:880px}.admin-users-actions{justify-content:flex-end;margin-bottom:1rem;display:flex}.admin-users-table-wrap{background:#fff;border:1px solid #dbe4f0;border-radius:20px;overflow-x:auto;box-shadow:0 16px 32px #0f172a0f}.admin-users-table{border-collapse:collapse;width:100%;min-width:980px}.admin-users-table thead{background:#eff6ff}.admin-users-table th,.admin-users-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:.9rem 1rem}.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;max-width:280px}.admin-users-payment-select{color:#0f172a;min-width:120px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.5rem .75rem}.admin-users-payment-select:focus{border-color:#60a5fa;outline:2px solid #bfdbfe}.admin-users-load-more{justify-content:center;margin-top:1rem;display:flex}.btn-back{color:#1a1a2e;white-space:nowrap;background:#fff;border:1px solid #ced4da;border-radius:6px;padding:.3rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-block}.btn-back:hover{background:#e9ecef}.hsk-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.hsk-tab{color:#555;cursor:pointer;background:#fff;border:2px solid #ced4da;border-radius:999px;padding:.4rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .15s}.hsk-tab:hover{color:#2196f3;border-color:#2196f3}.hsk-tab.active{color:#fff;background:#2196f3;border-color:#2196f3}.vocab-info{color:#666;margin-bottom:.75rem;font-size:.85rem}.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{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.play-word-btn:hover{background:#eefaf3;border-color:#16a34a}.play-word-btn.active{color:#fff;background:#16a34a;border-color:#16a34a}.detail-btn:hover{background:#eef5ff;border-color:#2196f3}.detail-btn.active{color:#fff;background:#2196f3;border-color:#2196f3}.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}.play-example-btn{color:#0f766e;cursor:pointer;background:#fff;border:1px solid #0f766e;border-radius:999px;padding:.3rem .72rem;font-size:.78rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.play-example-btn:hover{background:#f0fdfa}.play-example-btn.active{color:#fff;background:#0f766e}.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-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:#fff;cursor:pointer;background:#14b8a6;border:1px solid #0f766e;border-radius:999px;margin-top:.75rem;padding:.45rem .9rem;font-size:.84rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.play-detail-btn:hover:not(:disabled){background:#0f766e;border-color:#0f766e}.play-detail-btn:disabled{opacity:.45;cursor:not-allowed}.play-detail-btn.active{background:#0f766e;border-color:#0f766e}.pagination{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:1.25rem;display:flex}.page-btn{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:4px;min-width:2rem;padding:.3rem .6rem;font-size:.85rem;font-weight:500;transition:background .15s}.page-btn:hover:not(:disabled){background:#e9ecef}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-btn.active{color:#fff;background:#2196f3;border-color:#1976d2}.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}}