:root{--primary: #FF6B35;--success: #4CAF50;--error: #F44336;--bg: #FFF9F0;--card-bg: #FFFFFF;--text: #333333;--radius: 16px;font-size:18px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);min-height:100vh}#root{min-height:100vh}button{min-height:56px;min-width:56px;font-size:1.1rem;border-radius:var(--radius);cursor:pointer;font-family:inherit}.page{max-width:480px;margin:0 auto;padding:16px;min-height:100vh}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.back-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:8px;min-height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}@media (hover: hover) and (pointer: fine){.back-btn:hover{background:#00000014}}.progress-bar-wrap{background:#e0e0e0;border-radius:99px;height:12px;overflow:hidden;margin-bottom:16px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#ff9a00);border-radius:99px;transition:width .3s}.card{background:var(--card-bg);border-radius:var(--radius);padding:24px;box-shadow:0 2px 12px #00000014}.emoji-big{font-size:5rem;line-height:1;text-align:center;display:block;margin:8px 0}.word-en{font-size:2rem;font-weight:800;text-align:center;color:var(--text)}.word-vi{font-size:1.3rem;text-align:center;color:#666;margin-top:4px}.word-example{font-size:1rem;text-align:center;color:#888;margin-top:12px;font-style:italic}.feedback-correct{background:#4caf5026;border:3px solid var(--success)}.feedback-wrong{background:#f4433626;border:3px solid var(--error)}.choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.choice-btn{background:var(--card-bg);border:3px solid #e0e0e0;border-radius:var(--radius);padding:16px 12px;font-size:1rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-family:inherit}@media (hover: hover) and (pointer: fine){.choice-btn:hover:not(:disabled){border-color:var(--primary);background:#ff6b350d}}.choice-btn--correct{border-color:var(--success)!important;background:#4caf501f!important}.choice-btn--wrong{border-color:var(--error)!important;background:#f443361f!important}.choice-btn:disabled{cursor:not-allowed}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#fef9c3,#ffedd5,#e0f2fe);box-sizing:border-box}.login-card{width:100%;max-width:440px;background:#fff;border-radius:28px;box-shadow:0 12px 36px #00000014,0 4px 12px #0000000a;padding:28px 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.login-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.login-logo-emoji{font-size:56px;line-height:1;display:inline-block;animation:bounce 2s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-title{font-size:24px;font-weight:800;color:#1e293b;margin:0;line-height:1.3}.login-step2-title{font-size:22px;font-weight:800;color:#1e293b;margin:4px 0 0;line-height:1.3}.login-subtitle{font-size:16px;color:#64748b;margin:0;line-height:1.4}.login-back-btn{align-self:flex-start;background:none;border:none;color:#64748b;font-size:15px;font-weight:600;padding:8px 12px;margin-left:-8px;cursor:pointer;border-radius:12px;min-height:44px;display:inline-flex;align-items:center}@media (hover: hover) and (pointer: fine){.login-back-btn:hover{background:#f1f5f9;color:#0f172a}}.local-mode-notice{background:#f0fdf4;border:1.5px solid #86efac;color:#166534;font-size:14px;padding:10px 14px;border-radius:14px;line-height:1.4}.login-error-banner{background:#fef2f2;border:1.5px solid #fca5a5;color:#991b1b;font-size:14px;padding:10px 14px;border-radius:14px;line-height:1.4}.login-buttons-stack{display:flex;flex-direction:column;gap:14px;margin-top:8px}.login-btn{width:100%;min-height:56px;padding:14px 20px;font-size:19px;font-weight:700;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important}.login-btn--guest{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 6px 16px #10b98159}.login-btn--google{background:#fff;color:#1f2937;border:2px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}@media (hover: hover) and (pointer: fine){.login-btn--google:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}}.login-btn--facebook{background:#1877f2;color:#fff;box-shadow:0 6px 16px #1877f24d}.login-btn--submit{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 6px 18px #f9731659}.login-parent-help{text-align:center;font-size:15px;color:#94a3b8;margin:4px 0 0;font-weight:500}.username-field-group{display:flex;flex-direction:column;gap:10px}.username-label{font-size:17px;font-weight:700;color:#334155}.username-input-row{display:flex;gap:8px}.username-input{flex:1;min-width:0;min-height:52px;padding:10px 16px;font-size:19px;font-weight:700;border-radius:16px;border:2px solid #cbd5e1;outline:none;color:#0f172a;box-sizing:border-box;transition:border-color .15s ease}.username-input:focus{border-color:#3b82f6}.suggest-btn{min-height:52px;padding:0 16px;font-size:16px;font-weight:700;background:#e0e7ff;color:#4338ca;border:none;border-radius:16px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;transition:background .15s ease}@media (hover: hover) and (pointer: fine){.suggest-btn:hover:not(:disabled){background:#c7d2fe}}.username-checking{font-size:14px;color:#64748b;font-style:italic}.username-feedback{font-size:15px;font-weight:600;padding:8px 12px;border-radius:12px;line-height:1.4}.username-feedback--ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.username-feedback--err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.login-step2-actions{margin-top:8px}.username-hint{font-size:14px;color:#64748b;margin:0;line-height:1.4;text-align:center}.saved-accounts{background:#f0fdf4;border:1.5px solid #86efac;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px}.saved-accounts-title{margin:0;color:#166534;font-size:14px;font-weight:700;line-height:1.4;text-align:center}.saved-accounts-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.saved-account-row{display:flex;align-items:stretch;gap:6px}.saved-account-btn{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #bbf7d0;border-radius:14px;padding:10px 12px;text-align:left;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.saved-account-btn--first{border-color:#22c55e;box-shadow:0 3px 10px #22c55e2e}.saved-account-btn:active:not(:disabled){transform:scale(.98)}.saved-account-btn:disabled{opacity:.6}.saved-account-avatar{font-size:28px;line-height:1;flex:none}.saved-account-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.saved-account-name{font-size:18px;font-weight:800;color:#14532d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-account-meta{font-size:12px;color:#4b5563;line-height:1.35}.saved-account-go{flex:none;font-size:14px;font-weight:800;color:#15803d}.saved-account-remove{flex:0 0 34px;width:34px;min-width:0;padding:0;border:1.5px solid #e5e7eb;background:#fff;border-radius:12px;color:#9ca3af;font-size:14px;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.saved-account-confirm{background:#fff7ed;border:1.5px solid #fdba74;border-radius:14px;padding:10px 12px;color:#9a3412;font-size:14px;line-height:1.4}.saved-account-confirm p{margin:0 0 8px}.saved-account-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.saved-account-keep,.saved-account-delete{border-radius:12px;padding:8px 14px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;border:1.5px solid #d1d5db;background:#fff;color:#374151}.saved-account-delete{background:#dc2626;border-color:#dc2626;color:#fff}.today-card{background:var(--card-bg);border-radius:var(--radius);padding:14px 16px 16px;box-shadow:0 2px 12px #00000014;border:2px solid #ffe0cf}.today-title{font-weight:800;font-size:1.05rem;color:var(--text);line-height:1.3}.today-bar{background:#eee;border-radius:99px;height:14px;margin:10px 0 6px;overflow:hidden}.today-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#ffb703,var(--success));transition:width .3s}.today-stats{font-size:.85rem;color:#777;margin-bottom:8px}.today-btn{width:100%;margin-top:8px;background:linear-gradient(135deg,var(--primary),#ff9a00);color:#fff;border:none;border-radius:var(--radius);padding:14px;font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 4px #c9501e;min-height:52px;font-family:inherit}.today-btn:active{transform:scale(.97)}.home-page{max-width:480px;margin:0 auto;padding:16px 16px 80px;min-height:100vh}.home-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 8px;margin-bottom:20px}.home-title{display:flex;align-items:center;gap:10px}.home-emoji{font-size:2.4rem}h1{font-size:1.7rem;font-weight:900;margin:0;color:var(--primary);line-height:1.1}.header-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sound-toggle-btn{background:#fff;border:2px solid #ddd;border-radius:50%;width:44px;height:44px;min-height:44px;font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000000f;transition:transform .1s,border-color .15s}.sound-toggle-btn:active{transform:scale(.92)}.star-badge{background:#fffde7;border:2px solid #fbc02d;border-radius:20px;padding:6px 12px;font-size:.95rem;font-weight:800;color:#f57f17;white-space:nowrap}.streak-badge{background:#fff3e0;border:2px solid #ff9800;border-radius:20px;padding:6px 12px;font-size:.95rem;font-weight:700;color:#e65100;white-space:nowrap}.topic-card{position:relative}.topic-badge-icon{position:absolute;top:4px;right:4px;font-size:1.1rem}.home-top-bar{display:flex;justify-content:flex-end;margin-bottom:8px}.user-chip-btn{background:#fff;border:2px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:700;color:#1e293b;cursor:pointer;box-shadow:0 2px 4px #0000000d;display:inline-flex;align-items:center;gap:6px;min-height:42px;transition:background-color .15s}@media (hover: hover) and (pointer: fine){.user-chip-btn:hover{background:#f8fafc}}.user-chip-btn:active{transform:scale(.96)}.home-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.battle-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-btn{width:100%;background:linear-gradient(135deg,var(--primary),#ff9a00);color:#fff;border:none;border-radius:var(--radius);padding:16px;font-size:1.15rem;font-weight:800;cursor:pointer;box-shadow:0 4px #c9501e;transition:transform .1s;font-family:inherit;display:flex;align-items:center;justify-content:center;min-height:52px;box-sizing:border-box}.review-btn:active{transform:scale(.97)}.battle-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;border:none;border-radius:var(--radius);padding:14px 10px;font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:0 4px #6a1b9a;transition:transform .1s;font-family:inherit;display:flex;align-items:center;justify-content:center;min-height:52px;box-sizing:border-box;text-align:center}.battle-btn:active{transform:scale(.97)}.battle-online-btn{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:var(--radius);padding:14px 10px;font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:0 4px #075985;transition:transform .1s;font-family:inherit;display:flex;align-items:center;justify-content:center;min-height:52px;box-sizing:border-box;text-align:center}.battle-online-btn:active{transform:scale(.97)}.topics-title{font-size:1.2rem;font-weight:800;margin:0 0 12px;color:#555}.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}@media (max-width: 360px){.topics-grid{grid-template-columns:repeat(2,1fr)}}.topic-card{background:var(--card-bg);border:2px solid #f0e6dc;border-radius:var(--radius);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .12s,box-shadow .12s;font-family:inherit;min-height:80px}@media (hover: hover) and (pointer: fine){.topic-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #ff6b3533;border-color:var(--primary)}}.topic-card:active{transform:scale(.96)}.topic-emoji{font-size:2rem}.topic-name{font-size:.75rem;font-weight:700;text-align:center;color:var(--text);line-height:1.2}.home-footer{text-align:center;padding:16px 0}.parent-link{background:none;border:1px solid #ccc;border-radius:20px;padding:8px 20px;font-size:.9rem;color:#888;cursor:pointer;min-height:44px;font-family:inherit;transition:color .15s,border-color .15s}@media (hover: hover) and (pointer: fine){.parent-link:hover{color:var(--primary);border-color:var(--primary)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-box{background:#fff;border-radius:20px;padding:32px 24px;width:100%;max-width:340px;text-align:center}.modal-box h3{margin:0 0 16px;font-size:1.3rem;color:var(--text)}.pin-question{font-size:2rem;font-weight:800;color:var(--primary);margin:16px 0}.pin-input{width:100%;font-size:1.5rem;padding:12px;border:2px solid #e0e0e0;border-radius:12px;text-align:center;outline:none;font-family:inherit;margin-bottom:8px}.pin-input:focus{border-color:var(--primary)}.pin-error{color:var(--error);font-size:.95rem;margin:4px 0 8px}.modal-actions{display:flex;gap:12px;margin-top:16px}.modal-cancel{flex:1;background:#f5f5f5;border:none;border-radius:12px;padding:14px;font-size:1rem;cursor:pointer;font-family:inherit;font-weight:600}.modal-ok{flex:1;background:var(--success);color:#fff;border:none;border-radius:12px;padding:14px;font-size:1rem;cursor:pointer;font-family:inherit;font-weight:700}.user-modal-box{max-width:380px;display:flex;flex-direction:column;align-items:center}.user-modal-avatar{font-size:48px;line-height:1;margin-bottom:8px}.user-modal-name{font-size:1.4rem;font-weight:800;margin:0;color:#0f172a;word-break:break-all}.user-modal-provider{font-size:.95rem;color:#64748b;margin:4px 0 16px}.modal-actions-column{width:100%;display:flex;flex-direction:column;gap:10px}.user-modal-logout-btn{width:100%;min-height:48px;background:#fee2e2;color:#b91c1c;border:1.5px solid #fca5a5;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;padding:12px;transition:background-color .15s}.user-modal-logout-btn:active{transform:scale(.98)}.modal-cancel-btn{width:100%;min-height:48px;background:#f1f5f9;color:#475569;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;padding:12px}.user-modal-confirm{width:100%;display:flex;flex-direction:column;gap:12px}.logout-warning{background:#fff7ed;border:1.5px solid #fdba74;color:#c2410c;font-size:.95rem;line-height:1.4;padding:12px;border-radius:12px;margin:0;text-align:left}.logout-notice{font-size:1rem;color:#334155;margin:0;line-height:1.4}.modal-danger{flex:1;background:#dc2626;color:#fff;border:none;border-radius:12px;padding:14px;font-size:1rem;cursor:pointer;font-family:inherit;font-weight:700}.path-home-btn{width:100%;background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius);padding:12px;font-size:1.05rem;font-weight:800;cursor:pointer;min-height:48px;font-family:inherit;box-shadow:0 3px #ffd0bb}.path-home-btn:active{transform:scale(.97)}.topic-header-info{display:flex;align-items:center;gap:12px}.topic-header-emoji{font-size:2.5rem}.topic-header-name{margin:0;font-size:1.4rem;font-weight:800;color:var(--text)}.topic-header-sub{margin:2px 0 0;font-size:.9rem;color:#888}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.game-card{background:var(--card-bg);border:none;border-radius:20px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 12px #00000014;font-family:inherit;text-align:center;min-height:140px;justify-content:center}@media (hover: hover) and (pointer: fine){.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000024}}.game-card:active{transform:scale(.96)}.game-icon{font-size:2.4rem}.game-name{font-size:1rem;font-weight:800;color:var(--text)}.game-desc{font-size:.8rem;color:#888}.game-card--flashcard{border-top:4px solid #FF6B35}.game-card--quiz{border-top:4px solid #2196F3}.game-card--match{border-top:4px solid #4CAF50}.game-card--spell{border-top:4px solid #9C27B0}.word-pic--img{display:inline-block;width:1.25em;height:1.25em;object-fit:contain;border-radius:16%;vertical-align:middle;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.flashcard-topic{font-weight:700;font-size:1rem;flex:1}.flashcard-count{font-size:.95rem;color:#888;font-weight:600}.flashcard-container{background:var(--card-bg);border-radius:24px;padding:32px 24px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #0000001a;transition:box-shadow .2s,border-color .2s;border:3px solid transparent;margin-bottom:20px;-webkit-user-select:none;user-select:none}.flashcard-front,.flashcard-back{display:flex;flex-direction:column;align-items:center;width:100%}.flashcard-hint{color:#aaa;font-size:.9rem;margin-top:16px}.flashcard-actions{display:flex;gap:16px}.answer-btn{flex:1;min-height:64px;border:none;border-radius:var(--radius);font-size:1.3rem;font-weight:800;cursor:pointer;transition:transform .1s;font-family:inherit}.answer-btn:active{transform:scale(.95)}.answer-btn--wrong{background:#ffebee;color:var(--error);border:3px solid var(--error)}.answer-btn--correct{background:#e8f5e9;color:var(--success);border:3px solid var(--success)}.flashcard-tap-hint{display:flex;justify-content:center;margin-top:8px}.speak-btn{background:none;border:2px solid #e0e0e0;border-radius:20px;padding:10px 20px;font-size:1rem;color:#666;cursor:pointer;min-height:44px;font-family:inherit;transition:border-color .15s,color .15s}@media (hover: hover) and (pointer: fine){.speak-btn:hover{border-color:var(--primary);color:var(--primary)}}.star-bar{display:flex;gap:4px;justify-content:center}.star-bar--sm .star{font-size:1.2rem}.star-bar--md .star{font-size:1.8rem}.star-bar--lg .star{font-size:2.8rem}.star--empty{opacity:.3}.big-button{min-height:56px;min-width:56px;padding:12px 24px;font-size:1.1rem;font-weight:700;border-radius:var(--radius);border:none;cursor:pointer;transition:transform .1s,box-shadow .1s;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;letter-spacing:.02em}.big-button:active:not(:disabled){transform:scale(.96)}.big-button:disabled{opacity:.5;cursor:not-allowed}.big-button--full{width:100%}.big-button--primary{background:var(--primary);color:#fff;box-shadow:0 4px #c9501e}@media (hover: hover) and (pointer: fine){.big-button--primary:hover:not(:disabled){background:#e85c29}}.big-button--success{background:var(--success);color:#fff;box-shadow:0 4px #388e3c}@media (hover: hover) and (pointer: fine){.big-button--success:hover:not(:disabled){background:#43a047}}.big-button--danger{background:var(--error);color:#fff;box-shadow:0 4px #c62828}@media (hover: hover) and (pointer: fine){.big-button--danger:hover:not(:disabled){background:#e53935}}.big-button--secondary{background:#e0e0e0;color:#333;box-shadow:0 4px #9e9e9e}@media (hover: hover) and (pointer: fine){.big-button--secondary:hover:not(:disabled){background:#bdbdbd}}.big-button--ghost{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}@media (hover: hover) and (pointer: fine){.big-button--ghost:hover:not(:disabled){background:#ff6b3514}}.result-page{display:flex;flex-direction:column;align-items:center;padding-top:48px;gap:16px}.result-stars{margin-bottom:8px}.result-message{font-size:1.8rem;font-weight:900;color:var(--primary);text-align:center;margin:0}.result-score{font-size:2rem;font-weight:800;color:#ff9800;text-align:center}.result-wrong{width:100%;background:var(--card-bg);border-radius:var(--radius);padding:16px;box-shadow:0 2px 12px #00000014}.result-wrong-title{font-size:1rem;font-weight:700;color:#666;margin:0 0 12px}.wrong-list{display:flex;flex-direction:column;gap:8px}.wrong-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f0}.wrong-item:last-child{border-bottom:none}.wrong-emoji{font-size:1.8rem}.wrong-en{font-weight:700;font-size:1rem;display:block}.wrong-vi{font-size:.9rem;color:#888;display:block}.result-actions{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:8px}.wrong-emoji .word-pic--img{width:2.4rem;height:2.4rem}.parent-stats,.parent-voice,.parent-account,.parent-settings,.parent-importer,.parent-leitner,.parent-danger{background:var(--card-bg);border-radius:var(--radius);padding:16px;margin-bottom:16px;box-shadow:0 2px 12px #0000000f}.parent-notice-banner{background:#f0fdf4;border:1.5px solid #86efac;color:#166534;font-size:.95rem;padding:12px 16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600}.notice-close-btn{background:none;border:none;color:#166534;font-size:1.1rem;cursor:pointer;padding:4px 8px}.voice-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.voice-label{font-size:.95rem;font-weight:700;color:#334155}.voice-select{width:100%;min-height:48px;padding:10px 14px;font-size:.95rem;font-weight:600;border-radius:12px;border:1.5px solid #cbd5e1;background:#fff;color:#0f172a;outline:none;box-sizing:border-box}.voice-speed-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.voice-speed-btn{min-height:44px;background:#f1f5f9;border:2px solid transparent;color:#334155;font-size:.9rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .15s}.voice-speed-btn--active{background:#e0f2fe;border-color:#0284c7;color:#0369a1}.voice-test-row{margin-top:10px;margin-bottom:10px}.voice-test-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;background:#f0fdf4;border:1.5px solid #86efac;color:#166534;font-size:1rem;font-weight:700;border-radius:14px;cursor:pointer;transition:background .15s}@media (hover: hover) and (pointer: fine){.voice-test-btn:hover{background:#dcfce7}}.voice-test-btn:active{transform:scale(.97)}.voice-note{font-size:.85rem;color:#64748b;line-height:1.4;margin:6px 0 0}.account-info-text{font-size:.95rem;color:#334155;margin:0 0 12px;line-height:1.4}.safety-notice{font-size:.85rem;background:#e8f5e9;border-left:4px solid #4caf50;padding:8px 12px;border-radius:6px;margin-top:8px;color:#2e7d32;line-height:1.4}.importer-desc{font-size:.9rem;color:#666;line-height:1.4;margin-bottom:14px}.importer-actions{display:flex;margin-bottom:12px}.file-upload-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;background:#fff3e0;border:2px dashed #ff9800;border-radius:12px;color:#e65100;font-weight:800;font-size:1.05rem;cursor:pointer;transition:background .15s,transform .1s}@media (hover: hover) and (pointer: fine){.file-upload-btn:hover{background:#ffe0b2}}.file-upload-btn:active{transform:scale(.98)}.import-success-msg{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7;border-radius:8px;padding:10px 14px;font-weight:700;font-size:.95rem;margin-top:10px}.import-error-box{background:#ffebee;color:#c62828;border:1px solid #ffcdd2;border-radius:8px;padding:12px 16px;margin-top:10px}.import-error-box h4{margin:0 0 8px;font-size:.95rem}.import-error-box ul{margin:0;padding-left:20px;font-size:.85rem}.custom-words-summary{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;border-radius:8px;padding:10px 14px;margin-top:12px;font-size:.9rem}.clear-custom-btn{background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 12px;color:#d32f2f;font-weight:700;cursor:pointer}@media (hover: hover) and (pointer: fine){.clear-custom-btn:hover{background:#ffebee}}.section-title{font-size:1rem;font-weight:800;color:#555;margin:0 0 12px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{background:#f9f9f9;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:1.8rem;font-weight:900;color:var(--primary);line-height:1}.stat-label{font-size:.78rem;color:#888;text-align:center}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.setting-row:last-child{border-bottom:none}.setting-name{font-weight:700;font-size:1rem;margin:0 0 2px}.setting-desc{font-size:.82rem;color:#aaa;margin:0}.toggle-btn{border:none;border-radius:20px;padding:10px 18px;font-size:.9rem;font-weight:800;cursor:pointer;font-family:inherit;min-height:44px;transition:background .15s}.toggle-on{background:var(--success);color:#fff}.toggle-off{background:#e0e0e0;color:#666}.setting-row--danger .setting-name{color:var(--error)}.reset-btn{background:#fff3f3;border:2px solid var(--error);color:var(--error);border-radius:12px;padding:10px 16px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;min-height:44px;transition:background .15s}@media (hover: hover) and (pointer: fine){.reset-btn:hover{background:#ffebee}}.leitner-chart{display:flex;gap:12px;align-items:flex-end;justify-content:center;height:100px;margin-bottom:8px}.leitner-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.leitner-bar-label{font-size:.85rem;font-weight:700;color:#555}.leitner-bar{width:100%;border-radius:6px 6px 0 0;min-height:4px;transition:height .3s}.leitner-bar-box{font-size:.7rem;color:#aaa;text-align:center}.leitner-note{font-size:.8rem;color:#aaa;text-align:center;margin:0}.battle-local-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;width:100%;max-width:520px;margin:0 auto;overflow:hidden;-webkit-user-select:none;user-select:none;background:#f0f4f8}.player-pane{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 14px;position:relative;background:#fff}.player-pane-top{transform:rotate(180deg);background:#fbfbfd;border-bottom:2px solid #ddd}.player-pane-bottom{border-top:2px solid #ddd}.player-pane-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.player-pane-header{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:1.1rem}.player-pane-name{color:#333}.player-pane-score{color:#ff9800;font-size:1.2rem}.battle-prompt-box{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px}.prompt-emoji{font-size:2.2rem}.prompt-vi{font-size:1rem;color:#666;font-weight:600}.prompt-word-en{font-size:1.5rem;font-weight:900;color:var(--primary, #ff5722)}.prompt-speaker-btn{background:#e3f2fd;border:2px solid #2196f3;color:#1976d2;font-weight:800;border-radius:10px;padding:8px 14px;font-size:1rem;cursor:pointer;min-height:44px}.prompt-mini-speak{background:none;border:none;font-size:1.4rem;cursor:pointer}.split-choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.split-choice-btn{min-height:56px;padding:8px;font-size:1.1rem;font-weight:800;border:2px solid #ddd;border-radius:12px;background:#fff;color:#222;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #e0e0e0;transition:transform .08s,background-color .15s}.split-choice-btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.split-choice-btn:disabled{opacity:.6;cursor:not-allowed}.split-choice--correct{background:#c8e6c9!important;border-color:#4caf50!important;color:#2e7d32!important}.split-choice--wrong{background:#ffcdd2!important;border-color:#f44336!important;color:#c62828!important}.choice-emoji-only{font-size:1.8rem}.lockout-banner{background:#ffebee;color:#c62828;border:2px solid #ef5350;border-radius:8px;text-align:center;font-weight:800;font-size:.95rem;padding:4px;animation:pulse .8s infinite alternate}.battle-divider-bar{background:#37474f;color:#fff;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:relative;z-index:10}.split-exit-btn{background:transparent;border:none;color:#fff;font-size:1.3rem;font-weight:900;cursor:pointer;width:36px;height:36px}.split-timer-wrap{display:flex;align-items:center;gap:12px}.split-timer-digit{font-size:1.1rem;font-weight:900;color:#ffd54f}.split-timer-digit.urgent{color:#ff5252;animation:blink .5s infinite}.split-round-label{font-size:.85rem;color:#cfd8dc;font-weight:700}.split-status-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff9800;color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:800;white-space:nowrap;box-shadow:0 2px 8px #0000004d}@keyframes pulse{0%{opacity:.7}to{opacity:1}}@keyframes blink{50%{opacity:.3}}.online-status-page{display:flex;align-items:center;justify-content:center;min-height:80vh}.status-box{text-align:center;padding:32px 24px;max-width:420px;width:100%}.radar-spinner{font-size:4rem;animation:pulse 1.2s infinite ease-in-out;margin-bottom:12px}.waiting-countdown{font-size:1.1rem;color:#ff9800;margin:12px 0}.safety-badge{font-size:.85rem;background:#e8f5e9;color:#2e7d32;border-radius:20px;padding:6px 14px;display:inline-block;margin-bottom:20px}.online-action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.online-bot-btn{background:#ff5722;color:#fff;border:none;border-radius:12px;padding:14px;font-size:1.1rem;font-weight:800;cursor:pointer;min-height:56px}.online-retry-btn{background:#2196f3;color:#fff;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:800;cursor:pointer;min-height:56px}.online-exit-btn,.online-cancel-btn{background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:12px;padding:12px;font-size:.95rem;font-weight:700;cursor:pointer;min-height:48px}@keyframes pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.7}}.battle-mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.mode-tab-btn{flex:1 1 150px;min-height:56px;border:2px solid #ddd;background:#fff;border-radius:var(--radius);font-size:.95rem;font-weight:800;cursor:pointer;padding:10px 8px;font-family:inherit;transition:all .15s;white-space:normal}.mode-tab-btn.active{border-color:#9c27b0;background:#f3e5f5;color:#7b1fa2}.level-up-banner{background:#fff8e1;border:2px solid #ffb300;border-radius:var(--radius);padding:12px 14px;margin-bottom:12px}.level-up-banner p{margin:0 0 8px;font-size:.95rem;font-weight:700;color:#f57f17}.level-up-actions{display:flex;gap:8px}.level-up-btn{background:#ffb300;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:800;cursor:pointer;min-height:44px}.level-up-dismiss{background:transparent;color:#888;border:1px solid #ccc;border-radius:8px;padding:8px 12px;cursor:pointer;min-height:44px}.mode-desc{font-size:.95rem;color:#666;background:#f5f5f5;padding:12px;border-radius:8px;line-height:1.4;margin:8px 0}.tie-note{font-weight:800;color:#ff5722;font-size:1.1rem;margin:0}.speak-btn-large{background:#e3f2fd;border:2px solid #2196f3;color:#1976d2;font-size:1.1rem;font-weight:800;border-radius:12px;padding:14px 24px;cursor:pointer;min-height:56px;margin:8px auto;display:inline-block}.battle-setup{display:flex;flex-direction:column;gap:12px;padding-top:8px}.setup-label{font-weight:700;font-size:1rem;color:#555}.setup-select{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:var(--radius);font-size:1rem;font-family:inherit;background:var(--card-bg);cursor:pointer;outline:none}.setup-select:focus{border-color:var(--primary)}.difficulty-btns{display:flex;gap:10px}.diff-btn{flex:1;border:2px solid #e0e0e0;background:var(--card-bg);border-radius:var(--radius);padding:12px 8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit;min-height:56px}.diff-btn.selected{border-color:var(--primary);background:#ff6b351a;color:var(--primary)}.start-battle-btn{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;border:none;border-radius:var(--radius);padding:20px;font-size:1.3rem;font-weight:900;cursor:pointer;margin-top:8px;font-family:inherit;box-shadow:0 4px #4a148c;transition:transform .1s}.start-battle-btn:active{transform:scale(.97)}.battle-scorebar{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.battle-player-score,.battle-bot-score{display:flex;align-items:center;gap:6px;font-size:1rem}.battle-pts{font-size:1.3rem;font-weight:900;color:var(--primary)}.battle-timer-center{text-align:center}.battle-timer{font-size:2rem;font-weight:900;color:var(--text);line-height:1;transition:color .3s}.battle-timer--urgent{color:var(--error);animation:pulse .5s infinite alternate}.battle-qnum{font-size:.8rem;color:#aaa}.battle-done{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding-top:48px}.battle-result-emoji{font-size:5rem}.battle-result-title{font-size:2rem;font-weight:900;color:var(--primary);margin:0}.battle-scoreboard{width:100%;background:var(--card-bg);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px #00000014}.score-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.1rem;font-weight:700}.score-row--player{background:#ff6b350f}.score-pts{font-size:1.5rem;font-weight:900;color:var(--primary)}.battle-stars{font-size:2.5rem;letter-spacing:4px}.battle-done-actions{display:flex;gap:12px;width:100%}.battle-retry,.battle-home{flex:1;border:none;border-radius:var(--radius);padding:16px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit}.battle-retry{background:var(--primary);color:#fff}.battle-home{background:#f5f5f5;color:#333}.quiz-topic{font-weight:700;font-size:.95rem;flex:1}.quiz-score{font-size:1rem;font-weight:700;color:#ff9800}.quiz-timer-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quiz-qnum{font-size:.95rem;color:#888;font-weight:600}.quiz-timer{font-size:1.1rem;font-weight:800;color:#4caf50;transition:color .3s}.quiz-question{text-align:center;margin-bottom:16px;padding:20px}.quiz-label{font-size:.95rem;color:#888;margin:0 0 12px}.quiz-emoji-display{font-size:5rem;line-height:1;margin-bottom:8px}.quiz-letter{font-size:4rem;font-weight:900;color:var(--primary);margin-bottom:8px;line-height:1}.match-topic{font-weight:700;font-size:.95rem;flex:1}.match-score{font-weight:700;color:#ff9800}.match-hint{text-align:center;color:#888;font-size:.95rem;margin:0 0 16px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.match-col{display:flex;flex-direction:column;gap:10px}.match-card{border-radius:14px;border:3px solid #e0e0e0;background:var(--card-bg);min-height:64px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit;display:flex;align-items:center;justify-content:center;padding:8px}.match-card--emoji{font-size:2rem}.match-card.selected{border-color:var(--primary);background:#ff6b3514;transform:scale(1.04)}.match-card.matched{border-color:var(--success);background:#4caf501f;opacity:.6;cursor:not-allowed}.match-card.wrong-flash{border-color:var(--error);background:#f443361f;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.match-card--emoji .word-pic--img{width:60px;height:60px}.match-card--sentence{min-height:88px;font-size:1rem;line-height:1.25;text-align:center;overflow-wrap:anywhere}.match-card--pic{min-height:88px}.match-card--pic .word-pic--img{width:68px;height:68px}.sentence-scene{display:block;max-width:100%;max-height:72px;object-fit:contain;border-radius:8px;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.spell-topic{font-weight:700;font-size:.95rem;flex:1}.spell-score{font-weight:700;color:#ff9800}.spell-card{text-align:center;margin-bottom:16px}.spell-hint{font-size:1.1rem;color:#666;margin:8px 0}.spell-slots{display:flex;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.spell-slot{width:48px;height:56px;border:3px solid #e0e0e0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:900;background:var(--card-bg);transition:border-color .15s,background .15s}.spell-slot.filled{border-color:var(--primary)}.spell-slot.slot-correct{border-color:var(--success);background:#4caf501f}.spell-slot.slot-wrong{border-color:var(--error);background:#f443361f;animation:shake .3s}.spell-tiles{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px}.spell-tile{width:52px;height:52px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:1.4rem;font-weight:900;cursor:pointer;transition:transform .1s,opacity .15s;font-family:inherit;box-shadow:0 3px #c9501e}@media (hover: hover) and (pointer: fine){.spell-tile:hover:not(:disabled){transform:translateY(-2px)}}.spell-tile:active:not(:disabled){transform:scale(.92)}.spell-tile.used{opacity:.2;cursor:not-allowed;transform:none;box-shadow:none}.spell-actions{display:flex;gap:12px;justify-content:center}.spell-hint-btn{background:#e8f5e9;border:2px solid #4CAF50;border-radius:12px;padding:12px 18px;font-size:1rem;font-weight:700;color:#2e7d32;cursor:pointer;min-height:56px;font-family:inherit;transition:background .15s,transform .1s}@media (hover: hover) and (pointer: fine){.spell-hint-btn:hover{background:#c8e6c9;transform:translateY(-1px)}}.spell-hint-btn:active{transform:scale(.96)}.spell-backspace{background:#fff3e0;border:2px solid #FF9800;border-radius:12px;padding:12px 20px;font-size:1rem;font-weight:700;cursor:pointer;min-height:56px;font-family:inherit;transition:background .15s}@media (hover: hover) and (pointer: fine){.spell-backspace:hover:not(:disabled){background:#ffe0b2}}.spell-backspace:disabled{opacity:.4;cursor:not-allowed}.spell-skip{background:none;border:2px solid #bbb;border-radius:12px;padding:12px 18px;font-size:.95rem;font-weight:700;color:#666;cursor:pointer;min-height:56px;font-family:inherit;transition:border-color .15s,color .15s}@media (hover: hover) and (pointer: fine){.spell-skip:hover{border-color:var(--primary);color:var(--primary)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.review-title{font-weight:800;flex:1}.review-score{font-weight:700;color:#ff9800}.review-meta{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.95rem;color:#888;font-weight:600}.review-empty{display:flex;flex-direction:column}.review-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;gap:12px;padding-top:60px}.review-empty-content h2{font-size:1.3rem;color:var(--text);margin:0}.review-empty-content p{color:#888;margin:0}.home-btn{background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:16px 32px;font-size:1.1rem;font-weight:700;cursor:pointer;font-family:inherit;margin-top:12px}.quiz-timer--urgent{color:var(--error);animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.path-page{max-width:480px;margin:0 auto;padding:16px 16px 64px}.path-header h1{font-size:1.6rem;margin:4px 0;color:var(--primary)}.path-back{background:none;border:none;color:var(--primary);font-weight:700;font-size:1rem;padding:4px 0;min-height:44px;cursor:pointer;font-family:inherit}.path-sub{margin:0 0 14px;color:#666;font-size:.95rem}.path-list{list-style:none;margin:22px 0 8px;padding:0}.path-item{display:flex;flex-direction:column;align-items:center;margin-bottom:26px;position:relative}.path-item:not(:last-child):after{content:"• • •";position:absolute;left:50%;bottom:-22px;transform:translate(-50%);color:#d0c4b8;letter-spacing:6px;font-size:.7rem}.path-node-btn{position:relative;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.path-ring{--ring: var(--primary);display:block;width:92px;height:92px;border-radius:50%;padding:7px;background:conic-gradient(var(--ring) calc(var(--p, 0) * 1%),#e4ddd5 0);box-shadow:0 5px #0000001f}.path-node{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#fff;font-size:2.3rem}.path-item--done .path-ring,.path-item--crowned .path-ring{--ring: var(--success)}.path-item--crowned .path-ring{--ring: #f5b700}.path-item--locked .path-ring{background:#d9d4cd}.path-item--locked .path-node{background:#efebe6;filter:grayscale(1)}.path-crown{position:absolute;top:-14px;right:-6px;font-size:1.6rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.path-node-label{margin-top:10px;text-align:center;display:flex;flex-direction:column;gap:2px;font-size:.9rem;color:#666}.path-node-label b{color:var(--text);font-size:1rem}.path-detail{width:100%;margin-top:12px;background:var(--card-bg);border-radius:var(--radius);padding:14px 14px 16px;box-shadow:0 2px 12px #00000014}.path-detail--locked{background:#f4f1ec}.path-detail-blurb{margin:0 0 10px;color:#555;font-size:.95rem}.path-lock-note{margin:0 0 10px;font-weight:700;color:#8a6d3b}.path-topic-names{display:flex;flex-wrap:wrap;gap:6px}.path-topic-tag{background:#fff;border-radius:99px;padding:4px 10px;font-size:.85rem}.path-meter-row{display:flex;justify-content:space-between;font-size:.95rem}.path-meter-row--small{font-size:.82rem;color:#777;margin-top:4px}.path-bar{background:#eee;border-radius:99px;height:12px;overflow:hidden;margin-top:4px}.path-bar-fill{height:100%;border-radius:99px}.path-bar-fill--known{background:linear-gradient(90deg,#ffb703,var(--success))}.path-next-note{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:#fff4d6;font-size:.88rem;font-weight:600}.path-next-note--ok{background:#e4f6e5}.path-topic{margin-top:14px;padding-top:10px;border-top:1px dashed #e5ddd2}.path-topic-head{display:flex;align-items:center;gap:8px}.path-topic-name{flex:1;font-weight:800}.path-topic-count{font-size:.85rem;color:#777}.path-topic-go{background:var(--primary);color:#fff;border:none;border-radius:99px;padding:6px 14px;min-height:36px;font-weight:800;font-family:inherit;cursor:pointer}.path-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.path-chip{border-radius:99px;padding:3px 9px;font-size:.8rem;font-weight:700;border:2px solid transparent}.path-chip--new{background:#f1efec;color:#8a8580}.path-chip--learning{background:#fff1c2;color:#8a6400}.path-chip--known{background:#d9f2db;color:#1f6b25}.path-chip--mastered{background:#ffe08a;color:#6b4b00;border-color:#f5b700}.path-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:12px;font-size:.78rem;color:#666}.path-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.path-dot--new{background:#cfcac4}.path-dot--learning{background:#ffcf33}.path-dot--known{background:#5dbb63}.path-dot--mastered{background:#f5b700;box-shadow:0 0 0 2px #fff0b3}.path-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.path-btn{width:100%;background:linear-gradient(135deg,var(--primary),#ff9a00);color:#fff;border:none;border-radius:var(--radius);padding:12px;font-size:1rem;font-weight:800;min-height:48px;cursor:pointer;box-shadow:0 4px #c9501e;font-family:inherit}.path-btn--challenge{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 4px #6a1b9a}.path-btn:active{transform:scale(.97)}.path-check-note{margin:0;font-size:.82rem;color:#666;text-align:center}.path-days,.path-exam{margin-top:28px}.path-days h2,.path-exam h2{font-size:1.2rem;margin:0 0 10px}.path-day-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.path-day{display:flex;gap:10px;align-items:center;background:var(--card-bg);border-radius:12px;padding:8px 12px;box-shadow:0 1px 6px #0000000f}.path-day--today{border:2px solid var(--primary)}.path-day-name{display:flex;flex-direction:column;min-width:56px;font-size:.82rem;color:#777}.path-day-name b{color:var(--text);font-size:.95rem}.path-day-main{flex:1;min-width:0}.path-day-bar{background:#eee;border-radius:99px;height:8px;overflow:hidden}.path-day-bar-fill{height:100%;background:var(--primary);border-radius:99px}.path-day-text{margin-top:4px;font-size:.82rem;color:#555}.path-days-total{margin:10px 0 0;font-size:.82rem;color:#888}.path-exam p{margin:0 0 10px;color:#555}.exam-page{max-width:560px;margin:0 auto;padding:16px 16px 48px}.exam-header{margin-bottom:12px}.exam-header h1{font-size:1.6rem;margin:8px 0 4px}.exam-sub{margin:0;color:#6b6b6b;font-size:1rem}.exam-back{background:none;border:none;color:var(--primary);font-weight:600;padding:4px 0;min-height:44px}.exam-dang{background:var(--card-bg);border-radius:var(--radius);padding:14px;margin-bottom:14px;box-shadow:0 2px 6px #0000000d}.exam-dang h2{font-size:1.05rem;margin:0 0 10px}.exam-bai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.exam-bai-btn{background:#fff4ec;color:var(--text);border:2px solid #ffd8c2;font-weight:600;min-height:48px}.exam-bai-btn:active{transform:scale(.97)}.exam-instructions{background:#fff;border-left:4px solid var(--primary);padding:10px 12px;border-radius:8px;margin:8px 0 12px;font-size:1rem}.exam-instructions-row{display:flex;align-items:flex-start;gap:8px;margin:8px 0 12px}.exam-instructions-row .exam-instructions{flex:1;min-width:0;margin:0}.exam-speak{flex:0 0 auto;min-width:44px;min-height:44px;margin-left:6px;border-radius:999px;border:2px solid #ffd8c2;background:#fff4ec;font-size:1.2rem;padding:0;cursor:pointer}.exam-speak:active{transform:scale(.94)}.exam-image{display:block;width:100%;height:auto;border-radius:var(--radius);background:#fff;margin-bottom:12px}.exam-slots{list-style:none;padding:0;margin:0}.exam-slot{background:var(--card-bg);border-radius:12px;padding:12px;margin-bottom:10px;border:2px solid transparent}.exam-slot--correct{border-color:var(--success)}.exam-slot--wrong{border-color:var(--error)}.exam-prompt{font-size:1.05rem;line-height:1.4;margin-bottom:8px}.exam-num,.exam-word-label{font-weight:700;color:var(--primary)}.exam-choices{display:grid;gap:6px}.exam-choice{text-align:left;background:#f7f7f7;color:var(--text);border:2px solid #e4e4e4;font-size:1rem;min-height:48px;padding:8px 12px}.exam-choice.is-picked{background:#ffe7d9;border-color:var(--primary)}.exam-choice.is-correct{background:#e6f6e7;border-color:var(--success)}.exam-choice.is-wrong{background:#fde7e5;border-color:var(--error)}.exam-select,.exam-input{width:100%;min-height:48px;font-size:1.05rem;padding:8px 12px;border:2px solid #e4e4e4;border-radius:12px;font-family:inherit;background:#fff;color:var(--text)}.exam-input:focus,.exam-select:focus{outline:none;border-color:var(--primary)}.exam-feedback{margin-top:8px;font-size:.98rem}.exam-ok{color:var(--success);font-weight:700}.exam-bad{color:var(--error);font-weight:600}.exam-muted{color:#7a7a7a;font-size:.95rem}.exam-submit{display:block;width:100%;margin-top:14px;background:var(--primary);color:#fff;border:none;font-size:1.15rem;font-weight:700;min-height:56px}.exam-submit--ghost{background:#fff;color:var(--primary);border:2px solid var(--primary)}.exam-result{background:var(--card-bg);border-radius:var(--radius);padding:16px;margin-top:14px;text-align:center}.exam-score{font-size:1.6rem;font-weight:800;margin:0 0 6px;color:var(--primary)}.exam-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.exam-result-actions .exam-submit{margin-top:0}.exam-overview{background:var(--card-bg);border-radius:var(--radius);padding:14px;margin-bottom:14px;box-shadow:0 2px 6px #0000000d;border:2px solid #ffe0cf}.exam-overview-line{font-size:1.05rem}.exam-overview-bar{background:#eee;border-radius:99px;height:12px;overflow:hidden;margin:8px 0 6px}.exam-overview-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#ffb703,var(--success))}.exam-overview-sub{font-size:.88rem;color:#666;margin-top:4px}.exam-continue{font-size:1rem;line-height:1.3;padding:10px 12px}.exam-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:.8rem;color:#777}.exam-dang-count{float:right;font-size:.85rem;font-weight:600;color:#777}.exam-bai-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.exam-bai-btn--done{background:#e4f6e5;border-color:#9ad69e}.exam-bai-btn--doing{background:#fff3c4;border-color:#f2c94c}.exam-bai-score{font-size:.75rem;font-weight:700;color:#555}.exam-progress{margin-top:6px;font-size:.9rem;color:#555;font-weight:600}.exam-resume{background:#fff3c4;border-radius:10px;padding:8px 12px;margin:8px 0;font-weight:600;font-size:.95rem}.exam-slot--answered{border-left:5px solid #9ad69e}.exam-link{background:none;border:none;color:var(--primary);font-weight:700;margin-top:8px;min-height:44px;font-family:inherit;font-size:.95rem;cursor:pointer}