.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2f7);padding-bottom:2rem}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A{background:linear-gradient(180deg,#090d16,#0f172a)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_container__i1xHy{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_page-main__m_jMn{padding:1rem 0 2rem}.Hsk30HoiThoaiPractice_bc-nav__yYFuX{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 0 10px;color:#64748b;font-size:.92rem}.Hsk30HoiThoaiPractice_bc-cur__7GaFI,.Hsk30HoiThoaiPractice_bc-link__ey3Z_{display:inline-flex;align-items:center;gap:6px}.Hsk30HoiThoaiPractice_bc-link__ey3Z_{color:#64748b;text-decoration:none;font-weight:500;transition:color .15s ease}.Hsk30HoiThoaiPractice_bc-link__ey3Z_:hover{color:#ef4444}.Hsk30HoiThoaiPractice_bc-sep__BVmLE{color:#94a3b8;font-size:12px}.Hsk30HoiThoaiPractice_bc-cur__7GaFI{color:#0f172a;font-weight:700}.dark .Hsk30HoiThoaiPractice_bc-cur__7GaFI{color:#f1f5f9}.Hsk30HoiThoaiPractice_speechling-player__hFGck{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px rgba(15,23,42,.03);margin-bottom:6px;width:100%;box-sizing:border-box}.dark .Hsk30HoiThoaiPractice_speechling-player__hFGck{background:#1e293b;border-color:#334155;box-shadow:0 4px 12px rgba(0,0,0,.3)}.Hsk30HoiThoaiPractice_player-controls__gaWBD{display:flex;align-items:center;gap:10px;flex-shrink:0}.Hsk30HoiThoaiPractice_speechling-play-btn__tU6sc{width:44px;height:44px;border-radius:50%;border:2px solid #55b974;background:#fff;color:#55b974;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:all .2s ease;flex-shrink:0}.dark .Hsk30HoiThoaiPractice_speechling-play-btn__tU6sc{background:#1e293b;border-color:#34d399;color:#34d399}.Hsk30HoiThoaiPractice_speechling-play-btn__tU6sc:hover{background:#f0fdf4;transform:scale(1.05)}.dark .Hsk30HoiThoaiPractice_speechling-play-btn__tU6sc:hover{background:rgba(52,211,153,.15)}.Hsk30HoiThoaiPractice_speechling-play-btn__tU6sc.Hsk30HoiThoaiPractice_playing__sqc0D{background:#55b974;color:#fff}.dark .Hsk30HoiThoaiPractice_speechling-play-btn__tU6sc.Hsk30HoiThoaiPractice_playing__sqc0D{background:#34d399;color:#0f172a}.Hsk30HoiThoaiPractice_speechling-speed-toggle__u0Iie{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;border:1.5px solid #cbd5e1;background:#fff;color:#64748b;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0}.dark .Hsk30HoiThoaiPractice_speechling-speed-toggle__u0Iie{background:#1e293b;border-color:#475569;color:#94a3b8}.Hsk30HoiThoaiPractice_speechling-speed-toggle__u0Iie:hover{border-color:#94a3b8;color:#475569}.dark .Hsk30HoiThoaiPractice_speechling-speed-toggle__u0Iie:hover{border-color:#64748b;color:#f8fafc}.Hsk30HoiThoaiPractice_speechling-speed-toggle__u0Iie.Hsk30HoiThoaiPractice_active__47lnQ{background:#e2f3e8;border-color:#55b974;color:#1e8a44}.dark .Hsk30HoiThoaiPractice_speechling-speed-toggle__u0Iie.Hsk30HoiThoaiPractice_active__47lnQ{background:rgba(52,211,153,.2);border-color:#34d399;color:#34d399}.Hsk30HoiThoaiPractice_player-waveform-container__yK052{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.Hsk30HoiThoaiPractice_player-waveform__BLIXx{width:100%;height:48px;cursor:pointer;background:transparent}.Hsk30HoiThoaiPractice_player-time-info__ITkD3{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:#94a3b8;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";margin-top:-2px;padding-left:2px;height:16px;min-height:16px;line-height:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Hsk30HoiThoaiPractice_player-time-info__ITkD3 span{display:inline-block;font-variant-numeric:tabular-nums}.dark .Hsk30HoiThoaiPractice_player-time-info__ITkD3{color:#64748b}.Hsk30HoiThoaiPractice_dp-info-card__Pv9vt{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 16px rgba(15,23,42,.04);flex-wrap:wrap}.dark .Hsk30HoiThoaiPractice_dp-info-card__Pv9vt{background:#0f172a;border-color:rgba(51,65,85,.6);box-shadow:0 4px 16px rgba(0,0,0,.35)}.Hsk30HoiThoaiPractice_dp-info-left__r7sI2{display:flex;align-items:center;gap:12px}.Hsk30HoiThoaiPractice_dp-info-icon__5ZqeL{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.Hsk30HoiThoaiPractice_dp-info-title__w0pKR{font-size:1rem;font-weight:800;color:#0f172a;margin-bottom:2px}.dark .Hsk30HoiThoaiPractice_dp-info-title__w0pKR{color:#f8fafc}.Hsk30HoiThoaiPractice_dp-info-sub__OIJUX{font-size:.82rem;color:#64748b;font-weight:500}.dark .Hsk30HoiThoaiPractice_dp-info-sub__OIJUX{color:#94a3b8}.Hsk30HoiThoaiPractice_dp-modes__NeVzS{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.Hsk30HoiThoaiPractice_dp-mode__KVhHB{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;font-size:.84rem;font-weight:700;color:#64748b;background:#f8fafc;border:1.5px solid #e2e8f0;cursor:pointer;transition:all .15s ease;font-family:inherit}.dark .Hsk30HoiThoaiPractice_dp-mode__KVhHB{background:#1e293b;border-color:#334155;color:#94a3b8}.Hsk30HoiThoaiPractice_dp-mode__KVhHB:hover{border-color:#3b82f6;color:#2563eb}.dark .Hsk30HoiThoaiPractice_dp-mode__KVhHB:hover{border-color:#60a5fa;color:#93c5fd}.Hsk30HoiThoaiPractice_dp-mode--on__hS3an{background:#eff6ff!important;color:#2563eb!important;border-color:#93c5fd!important}.dark .Hsk30HoiThoaiPractice_dp-mode--on__hS3an{background:rgba(59,130,246,.2)!important;color:#60a5fa!important;border-color:#3b82f6!important}.Hsk30HoiThoaiPractice_dp-prog-wrap__zlvFa{min-width:140px;display:flex;flex-direction:column;gap:5px}.Hsk30HoiThoaiPractice_dp-prog-nums__5dI8N{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:700;color:#475569}.dark .Hsk30HoiThoaiPractice_dp-prog-nums__5dI8N{color:#cbd5e1}.Hsk30HoiThoaiPractice_dp-prog-bar__hY8Hs{width:100%;height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden}.dark .Hsk30HoiThoaiPractice_dp-prog-bar__hY8Hs{background:#334155}.Hsk30HoiThoaiPractice_dp-prog-fill__8rZam{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;transition:width .3s ease}.Hsk30HoiThoaiPractice_translate-prompt-card__GLetD{padding:1.25rem 1.4rem;background:linear-gradient(135deg,rgba(59,130,246,.05),#fff);border:1.5px solid #e2e8f0;border-radius:18px;display:flex;flex-direction:column;gap:.6rem}.dark .Hsk30HoiThoaiPractice_translate-prompt-card__GLetD{background:linear-gradient(135deg,rgba(59,130,246,.1),#1e293b);border-color:#334155}.Hsk30HoiThoaiPractice_translate-prompt-header__yx_N_{display:flex;align-items:center;justify-content:space-between;gap:8px}.Hsk30HoiThoaiPractice_translate-prompt-text__EZr1n{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1.5;margin:0}.dark .Hsk30HoiThoaiPractice_translate-prompt-text__EZr1n{color:#f8fafc}.Hsk30HoiThoaiPractice_speaking-sentence-card__kMbmr{padding:1.25rem 1.4rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;display:flex;flex-direction:column;gap:.75rem}.dark .Hsk30HoiThoaiPractice_speaking-sentence-card__kMbmr{background:#1e293b;border-color:#334155}.Hsk30HoiThoaiPractice_speaking-sentence-head___dvm6{display:flex;align-items:center;justify-content:space-between}.Hsk30HoiThoaiPractice_speaking-sentence-body__smJqT{padding:.35rem 0}.Hsk30HoiThoaiPractice_container__i1xHy,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_container__i1xHy{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_layout__X379Q,.Hsk30HoiThoaiPractice_layout__X379Q{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.25rem;align-items:start}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_main-col__HQHFU,.Hsk30HoiThoaiPractice_main-col__HQHFU{display:flex;flex-direction:column;gap:1rem;min-width:0}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sidebar__UQH60,.Hsk30HoiThoaiPractice_sidebar__UQH60{width:280px;max-width:100%;position:sticky;top:92px}.Hsk30HoiThoaiPractice_conversation-grid__E5Dt6,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_conversation-grid__E5Dt6{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}.Hsk30HoiThoaiPractice_conversation-item__xcPgO,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_conversation-item__xcPgO{border:1px solid #dce5f0;background:hsla(0,0%,100%,.92);border-radius:16px;padding:12px 14px;text-align:left;cursor:pointer;transition:all .2s ease}.dark .Hsk30HoiThoaiPractice_conversation-item__xcPgO,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_conversation-item__xcPgO{background:rgba(30,41,59,.9);border-color:hsla(0,0%,100%,.08)}.Hsk30HoiThoaiPractice_conversation-item__xcPgO.Hsk30HoiThoaiPractice_active__47lnQ,.Hsk30HoiThoaiPractice_conversation-item__xcPgO:hover,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_conversation-item__xcPgO.Hsk30HoiThoaiPractice_active__47lnQ,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_conversation-item__xcPgO:hover{border-color:#fca5a5;background:#fff5f5;transform:translateY(-1px)}.dark .Hsk30HoiThoaiPractice_conversation-item__xcPgO.Hsk30HoiThoaiPractice_active__47lnQ,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_conversation-item__xcPgO.Hsk30HoiThoaiPractice_active__47lnQ{border-color:#ef4444;background:rgba(239,68,68,.15)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_lesson-content__AOPc4 h3,.Hsk30HoiThoaiPractice_lesson-content__AOPc4 h3{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_lesson-content__AOPc4 h3,.dark .Hsk30HoiThoaiPractice_lesson-content__AOPc4 h3{color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_lesson-content__AOPc4 p,.Hsk30HoiThoaiPractice_lesson-content__AOPc4 p{margin:4px 0 0;color:#64748b;font-size:.82rem;font-weight:500}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_exercise-card__GtVKw,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hero-card__8sEp5,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-card__2LZXF,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_progress-card__VnBU7,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_section-card__KYkcL,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_state-card__oFeHk,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_summary-card__lxtJk,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_top-bar__UDlh6{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:24px;box-shadow:0 18px 40px rgba(15,23,42,.05);padding:1.1rem 1.2rem}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_exercise-card__GtVKw,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hero-card__8sEp5,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-card__2LZXF,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_progress-card__VnBU7,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_section-card__KYkcL,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_state-card__oFeHk,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_summary-card__lxtJk,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_top-bar__UDlh6{background:#0f172a;border-color:rgba(51,65,85,.6);box-shadow:0 18px 40px rgba(0,0,0,.35)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hero-card__8sEp5{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_eyebrow__Drcwh{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#fee2e2;color:#991b1b;font-weight:800;font-size:.82rem}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_eyebrow__Drcwh{background:rgba(239,68,68,.18);color:#fca5a5}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hero-card__8sEp5 h1{margin:.5rem 0 .35rem;color:#0f172a;font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.4;font-weight:700}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hero-card__8sEp5 h1{color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hero-card__8sEp5 p{margin:0;color:#475569;line-height:1.7;max-width:720px;font-size:.92rem}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hero-card__8sEp5 p{color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_top-bar__UDlh6{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-tabs__4zGcJ{display:flex;gap:.5rem;padding:4px;background:#f1f5f9;border-radius:14px;flex-wrap:wrap}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-tabs__4zGcJ{background:#1e293b}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-tab__QtOLD{border:none;background:transparent;color:#64748b;padding:.72rem 1rem;border-radius:12px;font-weight:700;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s ease}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-tab__QtOLD{color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-tab__QtOLD.Hsk30HoiThoaiPractice_active__47lnQ,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-tab__QtOLD.active{background:#fff;color:#b91c1c;box-shadow:0 8px 18px rgba(15,23,42,.08)}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-tab__QtOLD.Hsk30HoiThoaiPractice_active__47lnQ,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-tab__QtOLD.active{background:#334155;color:#f87171}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:12px;font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#475569;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 3px rgba(0,0,0,.05)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz:hover{background:#f8fafc;border-color:#cbd5e1}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz.Hsk30HoiThoaiPractice_sound-on__YuC2C{background:#f0fdf4;border-color:#86efac;color:#166534}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz.Hsk30HoiThoaiPractice_sound-on__YuC2C:hover{background:#dcfce7;border-color:#4ade80}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz.Hsk30HoiThoaiPractice_sound-off__0xNp8{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz.Hsk30HoiThoaiPractice_sound-off__0xNp8:hover{background:#f1f5f9;color:#64748b}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz{background:#1e293b;border-color:#334155;color:#94a3b8;box-shadow:0 1px 3px rgba(0,0,0,.2)}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz:hover{background:#283548;border-color:#475569}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz.Hsk30HoiThoaiPractice_sound-on__YuC2C{background:rgba(22,101,52,.25);border-color:#166534;color:#86efac}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz.Hsk30HoiThoaiPractice_sound-on__YuC2C:hover{background:rgba(22,101,52,.35);border-color:#22c55e}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sound-toggle-btn__4G_fz.Hsk30HoiThoaiPractice_sound-off__0xNp8{background:#1e293b;border-color:#334155;color:#64748b}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-card__2LZXF{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-title__wgQbk{color:#0f172a;font-weight:800;font-size:1.05rem}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-title__wgQbk{color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-subtitle__7qlDD{color:#64748b;font-size:.85rem;margin-top:2px}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-subtitle__7qlDD{color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-progress__ZQiTR{display:flex;gap:1rem;color:#475569;font-size:.9rem}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-progress__ZQiTR{color:#cbd5e1}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-progress__ZQiTR strong{color:#0f172a}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-progress__ZQiTR strong{color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_exercise-card__GtVKw{display:flex;flex-direction:column;gap:1rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_question-card__JWXoN{border-radius:20px;background:linear-gradient(135deg,rgba(59,130,246,.06),#f8fafc);padding:1.2rem}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_question-card__JWXoN{background:linear-gradient(135deg,rgba(59,130,246,.1),#1e293b)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_question-head__sgadu,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_question-meta__G_ui_{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.9rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-pill__GkwZv,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speaker-pill__TLTkL{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;font-weight:700;font-size:.8rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speaker-pill__TLTkL{background:#fff;color:#334155;box-shadow:0 1px 3px rgba(0,0,0,.05)}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speaker-pill__TLTkL{background:#334155;color:#f1f5f9}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-pill__GkwZv,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speaker-pill__TLTkL.Hsk30HoiThoaiPractice_alt__lnWmy{background:#fee2e2;color:#991b1b}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mode-pill__GkwZv,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speaker-pill__TLTkL.Hsk30HoiThoaiPractice_alt__lnWmy{background:rgba(239,68,68,.2);color:#fca5a5}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_answer-input__D_esP,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_typed-input__TA1CD{width:100%;min-height:120px;resize:vertical;padding:1rem;border:1px solid #cbd5e1;border-radius:18px;background:#fff;color:#0f172a;outline:none;font-family:inherit;font-size:1.05rem;line-height:1.6}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_answer-input__D_esP,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_typed-input__TA1CD{background:#1e293b;border-color:#475569;color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_answer-input__D_esP:focus,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_typed-input__TA1CD:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-sentence-card__UPCcx{border-radius:20px;background:#fff;padding:1.4rem;border:1px solid #e2e8f0}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-sentence-card__UPCcx{background:#1e293b;border-color:#334155}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-sentence-label__3kQ_C{font-size:.84rem;font-weight:800;color:#475569;text-transform:uppercase;margin-bottom:.8rem}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-sentence-label__3kQ_C{color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-sentence-display__4z0Uq{font-size:1.35rem;line-height:2.2;color:#0f172a;font-family:var(--chinese-font,"LXGW WenKai","Noto Sans SC",sans-serif)}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-sentence-display__4z0Uq{color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-blank-input__dslHX{display:inline-block;width:4.5em;min-width:3em;padding:4px 8px;margin:0 4px;border:2px dashed #cbd5e1;border-radius:10px;background:#f8fafc;text-align:center;font-size:1.15rem;font-family:inherit;outline:none;color:#0f172a;transition:all .2s}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-blank-input__dslHX{background:#0f172a;border-color:#64748b;color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-blank-input__dslHX:focus{border-color:#3b82f6;border-style:solid;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-blank-input__dslHX.Hsk30HoiThoaiPractice_correct__veZdq{border-color:#16a34a;border-style:solid;background:#f0fdf4;color:#166534}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fw-blank-input__dslHX.Hsk30HoiThoaiPractice_wrong__f6Mfs{border-color:#ef4444;border-style:solid;background:#fff1f2;color:#b91c1c}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-row__wDoNC,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_input-actions__0THY3{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-btn__YFCJf{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:none;border-radius:14px;padding:.78rem 1.25rem;font-weight:700;font-size:.88rem;cursor:pointer;text-decoration:none;transition:all .18s ease}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-btn__YFCJf:disabled{opacity:.45;cursor:not-allowed}.Hsk30HoiThoaiPractice_action-btn-primary__T_wEt,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-btn-primary__T_wEt{background:#b91c1c;color:#fff;box-shadow:0 4px 14px rgba(185,28,28,.25)}.Hsk30HoiThoaiPractice_action-btn-primary__T_wEt:hover:not(:disabled),.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-btn-primary__T_wEt:hover:not(:disabled){background:#991b1b;transform:translateY(-1px)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-btn-secondary__88m_T{background:#e2e8f0;color:#0f172a}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-btn-secondary__88m_T{background:#334155;color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-btn-secondary__88m_T:hover:not(:disabled){background:#cbd5e1}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-btn-secondary__88m_T:hover:not(:disabled){background:#475569}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-btn-warning__77isV{background:#f59e0b;color:#fff}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_action-btn-warning__77isV:hover:not(:disabled){background:#d97706}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-box__Ho4iP{margin-top:1rem;padding:1.1rem;border-radius:20px}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-box__Ho4iP.Hsk30HoiThoaiPractice_ok__t2h9z{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-box__Ho4iP.Hsk30HoiThoaiPractice_ok__t2h9z{background:rgba(22,101,52,.2);color:#4ade80;border-color:rgba(74,222,128,.3)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-box__Ho4iP.Hsk30HoiThoaiPractice_wrong__f6Mfs{background:#fff1f2;color:#b91c1c;border:1px solid #fecdd3}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-box__Ho4iP.Hsk30HoiThoaiPractice_wrong__f6Mfs{background:rgba(185,28,28,.2);color:#f87171;border-color:hsla(0,91%,71%,.3)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-title__1_MLM{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.1rem;margin-bottom:.85rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-grid__3w_Wq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-col__bFyi2{padding:.9rem 1rem;border-radius:16px;background:hsla(0,0%,100%,.8)}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-col__bFyi2{background:rgba(15,23,42,.6)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-label__mHuPf{margin-bottom:.35rem;font-size:.8rem;font-weight:800;text-transform:uppercase;color:#64748b}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-label__mHuPf{color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-value__tIoeN{color:#0f172a;line-height:1.6;font-size:1.05rem;word-break:break-word;font-family:var(--chinese-font,"LXGW WenKai","Noto Sans SC",sans-serif)}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-value__tIoeN{color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-value-row__Nf8gX{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-audio-btn__od8O4{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:#e0f2fe;color:#0284c7;cursor:pointer;transition:all .2s ease;flex-shrink:0}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-audio-btn__od8O4:hover{background:#bae6fd;color:#0369a1;transform:scale(1.08)}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-audio-btn__od8O4{background:rgba(14,165,233,.2);color:#38bdf8}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-audio-btn__od8O4:hover{background:rgba(14,165,233,.35);color:#7dd3fc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hint-box__y0did,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hint-row__Y53pv,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_translation-box__jiIlV{display:inline-flex;gap:.5rem;align-items:flex-start;margin-top:.75rem;padding:.75rem 1rem;border-radius:14px;background:#eff6ff;color:#1d4ed8;line-height:1.5;font-size:.92rem;width:100%}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hint-box__y0did,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hint-row__Y53pv,.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_translation-box__jiIlV{background:rgba(59,130,246,.15);color:#93c5fd}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hint-row__Y53pv.Hsk30HoiThoaiPractice_alt__lnWmy{background:#ecfeff;color:#0e7490}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hint-row__Y53pv.Hsk30HoiThoaiPractice_alt__lnWmy{background:rgba(14,116,144,.18);color:#67e8f9}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_question-box__wbvRF{display:flex;gap:1rem;align-items:flex-start}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_avatar___A7ps{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#f87171,#991b1b);color:#fff;font-size:1.35rem;font-weight:800;flex-shrink:0}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_question-copy__BcaGC{flex:1;min-width:0}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speaker-row__1kQIR{margin-bottom:.6rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_question-copy__BcaGC h2{margin:0;color:#0f172a;line-height:1.5;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:800}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_question-copy__BcaGC h2{color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_answer-panel__bnUUR{border-radius:20px;background:linear-gradient(135deg,rgba(239,68,68,.05),#f8fafc);padding:1.1rem;border:1.5px dashed #cbd5e1;min-height:80px}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_answer-panel__bnUUR{background:linear-gradient(135deg,rgba(239,68,68,.1),#1e293b);border-color:#475569}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_typed-wrap__1GIJj{display:flex;flex-direction:column;gap:.75rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_typed-hint__EbERr{color:#64748b;display:inline-flex;align-items:center;gap:6px;font-size:.85rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-pinyin__pWCU_{color:#64748b;font-size:.95rem;margin-top:4px}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_panel-label__y3NBp{margin-bottom:.65rem;color:#475569;font-size:.8rem;font-weight:800;text-transform:uppercase}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_panel-label__y3NBp{color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_answer-area__r_Mo0,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_word-grid__jtmcm{display:flex;flex-wrap:wrap;gap:.65rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_answer-placeholder__8BrYO{margin:0;color:#94a3b8;font-style:italic;font-size:.95rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_word-chip__DJWZo{border:none;border-radius:14px;background:#fff;color:#0f172a;padding:.65rem 1rem;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px rgba(15,23,42,.06);cursor:pointer;transition:all .18s ease;font-family:var(--chinese-font,"LXGW WenKai","Noto Sans SC",sans-serif)}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_word-chip__DJWZo{background:#1e293b;color:#f8fafc;box-shadow:0 4px 12px rgba(0,0,0,.3)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_word-chip__DJWZo:hover:not(.Hsk30HoiThoaiPractice_used__Rayrh){transform:translateY(-2px);box-shadow:0 6px 18px rgba(37,99,235,.18)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_word-chip-selected__0wHxv{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_word-chip-selected__0wHxv{background:rgba(239,68,68,.25);color:#fca5a5;border-color:hsla(0,91%,71%,.4)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_word-chip__DJWZo.Hsk30HoiThoaiPractice_used__Rayrh{background:#e2e8f0;color:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.6}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_word-chip__DJWZo.Hsk30HoiThoaiPractice_used__Rayrh{background:#334155;color:#64748b}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_progress-head__n3nnY{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;color:#475569;font-size:.9rem}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_progress-head__n3nnY{color:#cbd5e1}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_progress-track__FM_iF{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_progress-track__FM_iF{background:#334155}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_progress-fill__qldTD{height:100%;background:linear-gradient(90deg,#b91c1c,#f97316);border-radius:999px;transition:width .3s ease}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_progress-percent__dby2K{font-weight:800;color:#b91c1c}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_progress-percent__dby2K{color:#f87171}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sentence-panel__HJ42i{display:flex;flex-direction:column;gap:.75rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sentence-fallback__D6yD_{padding:1rem 0}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fallback-hanzi___TtO2{font-size:1.7rem;font-weight:800;color:#0f172a;line-height:1.5;font-family:var(--chinese-font,"LXGW WenKai","Noto Sans SC",sans-serif)}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fallback-hanzi___TtO2{color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fallback-pinyin__PX7aU{font-size:1.1rem;color:#b91c1c;margin-top:4px}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fallback-vi__KCBav{font-size:.95rem;color:#64748b;margin-top:4px}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_fallback-vi__KCBav{color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_audio-row__2a8YB{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.9rem;margin-top:1rem;border-radius:20px;background:#f8fafc}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_audio-row__2a8YB{background:rgba(15,23,42,.6)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_round-play-btn__mx2Wj{width:58px;height:58px;border-radius:999px;border:none;background:linear-gradient(135deg,#7f1d1d,#b91c1c);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 26px rgba(185,28,28,.22);transition:all .2s;flex-shrink:0}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_round-play-btn__mx2Wj{background:linear-gradient(135deg,#991b1b,#ef4444)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_round-play-btn__mx2Wj.Hsk30HoiThoaiPractice_active__47lnQ{background:linear-gradient(135deg,#ef4444,#dc2626)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speed-group__c9DNr{display:flex;align-items:center;gap:.55rem;margin-left:auto;font-size:.85rem;font-weight:800;color:#475569}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speed-group__c9DNr{color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speed-btn__jlBZC{border:none;padding:.55rem .75rem;border-radius:12px;background:#fff;color:#475569;font-weight:800;font-size:.8rem;cursor:pointer}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speed-btn__jlBZC{background:#1e293b;color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speed-btn__jlBZC.Hsk30HoiThoaiPractice_active__47lnQ{background:#fee2e2;color:#0f172a}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_speed-btn__jlBZC.Hsk30HoiThoaiPractice_active__47lnQ{background:rgba(239,68,68,.25);color:#fca5a5}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_record-panel__kiRr4{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:22px;background:#0f172a;color:#fff;margin-top:1rem}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_record-panel__kiRr4{background:#020617;border:1px solid #1e293b}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_record-copy__sPCS2 strong{display:block;font-size:1rem;color:#fff}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_record-copy__sPCS2 span{font-size:.85rem;color:#cbd5e1}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mic-btn__LkxBv{width:62px;height:62px;border-radius:999px;border:none;background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 28px rgba(185,28,28,.28);transition:all .2s ease;flex-shrink:0}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_mic-btn__LkxBv.Hsk30HoiThoaiPractice_recording__2AJR3{background:#dc2626;animation:Hsk30HoiThoaiPractice_micPulse__DMTsY 1.2s infinite}@keyframes Hsk30HoiThoaiPractice_micPulse__DMTsY{0%,to{box-shadow:0 0 0 8px rgba(239,68,68,.2)}50%{box-shadow:0 0 0 16px rgba(239,68,68,.05)}}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_char-compare__Uj5U_{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_compare-tip__kYkKO{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#64748b;margin-bottom:.5rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_cmp-column__jZ0FL{display:flex;flex-direction:column;align-items:center;padding:6px 8px;border-radius:12px;background:#fff;border:1.5px solid #fecdd3;min-width:44px}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_cmp-column__jZ0FL.Hsk30HoiThoaiPractice_clickable__x7l6I{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_cmp-column__jZ0FL.Hsk30HoiThoaiPractice_clickable__x7l6I:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.2)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_cmp-column__jZ0FL.Hsk30HoiThoaiPractice_clickable__x7l6I.Hsk30HoiThoaiPractice_ok__t2h9z:hover{box-shadow:0 4px 12px rgba(34,197,94,.2)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_cmp-column__jZ0FL.Hsk30HoiThoaiPractice_ok__t2h9z{border-color:#bbf7d0;background:#f0fdf4}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_cmp-pinyin__AxqO_{font-size:.72rem;color:#64748b}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_cmp-target-char__1zHR5{font-size:1.25rem;font-weight:800;color:#0f172a;font-family:var(--chinese-font,"LXGW WenKai","Noto Sans SC",sans-serif)}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_cmp-spoken-char__ljQqE{font-size:.8rem;font-weight:700;color:#dc2626}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_cmp-column__jZ0FL.Hsk30HoiThoaiPractice_ok__t2h9z .Hsk30HoiThoaiPractice_cmp-spoken-char__ljQqE{color:#16a34a}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_role-open-btn__XBls_{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.1rem;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none;font-weight:700;font-size:.88rem;cursor:pointer;box-shadow:0 4px 14px rgba(109,40,217,.3);transition:all .2s ease;white-space:nowrap}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_role-open-btn__XBls_:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(109,40,217,.4)}.Hsk30HoiThoaiPractice_role-modal-overlay__PHUmx{position:fixed;inset:0;z-index:10050;background:rgba(15,23,42,.62);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.Hsk30HoiThoaiPractice_role-modal__N6x7T{width:min(920px,96vw);max-height:min(860px,92vh);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px rgba(15,23,42,.28);display:flex;flex-direction:column}.dark .Hsk30HoiThoaiPractice_role-modal__N6x7T{background:#0f172a;border:1px solid rgba(51,65,85,.6);box-shadow:0 24px 80px rgba(0,0,0,.5)}.Hsk30HoiThoaiPractice_role-modal-head__OC7ZO{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.35rem;border-bottom:1px solid #e2e8f0;background:radial-gradient(circle at top left,rgba(139,92,246,.12),transparent 34%),linear-gradient(135deg,#f8fafc,#f5f3ff)}.dark .Hsk30HoiThoaiPractice_role-modal-head__OC7ZO{background:radial-gradient(circle at top left,rgba(139,92,246,.2),transparent 34%),linear-gradient(135deg,#1e293b,#0f172a);border-bottom-color:#334155}.Hsk30HoiThoaiPractice_role-modal-title-wrap__Mz7fO{display:flex;align-items:center;gap:.9rem}.Hsk30HoiThoaiPractice_role-modal-icon__NAADO{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;box-shadow:0 8px 20px rgba(109,40,217,.25);flex-shrink:0}.Hsk30HoiThoaiPractice_role-modal__N6x7T h2{margin:0;font-size:1.25rem;font-weight:800;color:#0f172a}.dark .Hsk30HoiThoaiPractice_role-modal__N6x7T h2{color:#f8fafc}.Hsk30HoiThoaiPractice_role-modal__N6x7T p{margin:.2rem 0 0;color:#64748b;font-size:.86rem}.dark .Hsk30HoiThoaiPractice_role-modal__N6x7T p{color:#94a3b8}.Hsk30HoiThoaiPractice_role-close-btn__gk5zi{width:36px;height:36px;border:none;border-radius:12px;background:#f1f5f9;color:#475569;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.dark .Hsk30HoiThoaiPractice_role-close-btn__gk5zi{background:#1e293b;color:#cbd5e1}.Hsk30HoiThoaiPractice_role-close-btn__gk5zi:hover{background:#e2e8f0;color:#0f172a}.dark .Hsk30HoiThoaiPractice_role-close-btn__gk5zi:hover{background:#334155;color:#fff}.Hsk30HoiThoaiPractice_role-play-panel__llh_f,.Hsk30HoiThoaiPractice_role-select-panel__an_xy{padding:1.25rem 1.35rem;overflow-y:auto}.Hsk30HoiThoaiPractice_role-select-title__RSZhx{font-weight:800;color:#0f172a;margin-bottom:.9rem;font-size:.95rem}.dark .Hsk30HoiThoaiPractice_role-select-title__RSZhx{color:#f8fafc}.Hsk30HoiThoaiPractice_role-character-grid__zl0hz{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.Hsk30HoiThoaiPractice_role-character-btn__dY0op{border:1.5px solid #e2e8f0;border-radius:16px;background:#f8fafc;padding:.85rem;display:flex;align-items:center;justify-content:center;gap:.65rem;cursor:pointer;font-weight:800;color:#334155;transition:all .15s ease}.dark .Hsk30HoiThoaiPractice_role-character-btn__dY0op{background:#1e293b;border-color:#334155;color:#e2e8f0}.Hsk30HoiThoaiPractice_role-character-btn__dY0op:hover{border-color:#8b5cf6;background:#f5f3ff}.dark .Hsk30HoiThoaiPractice_role-character-btn__dY0op:hover{border-color:#8b5cf6;background:rgba(139,92,246,.15)}.Hsk30HoiThoaiPractice_role-character-btn__dY0op.Hsk30HoiThoaiPractice_active__47lnQ{border-color:#8b5cf6;background:#f5f3ff;color:#6d28d9}.dark .Hsk30HoiThoaiPractice_role-character-btn__dY0op.Hsk30HoiThoaiPractice_active__47lnQ{background:rgba(139,92,246,.25);border-color:#a78bfa;color:#ddd6fe}.Hsk30HoiThoaiPractice_role-avatar__iO_Wv{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e2e8f0;color:#0f172a;font-weight:900;flex-shrink:0}.dark .Hsk30HoiThoaiPractice_role-avatar__iO_Wv{background:#334155;color:#f8fafc}.Hsk30HoiThoaiPractice_role-character-btn__dY0op.Hsk30HoiThoaiPractice_active__47lnQ .Hsk30HoiThoaiPractice_role-avatar__iO_Wv{background:#8b5cf6;color:#fff}.Hsk30HoiThoaiPractice_role-empty__tkm68{padding:1rem;border-radius:14px;background:#fff7ed;color:#c2410c;margin-bottom:1rem}.dark .Hsk30HoiThoaiPractice_role-empty__tkm68{background:rgba(194,65,12,.2);color:#fdba74}.Hsk30HoiThoaiPractice_role-selected-note__ZidGg{margin:.15rem 0 1rem;padding:.75rem .95rem;border-radius:14px;background:#f5f3ff;border:1px solid #ddd6fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:.9rem}.dark .Hsk30HoiThoaiPractice_role-selected-note__ZidGg{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.3);color:#c4b5fd}.Hsk30HoiThoaiPractice_role-selected-note__ZidGg.Hsk30HoiThoaiPractice_muted__prGyg{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.dark .Hsk30HoiThoaiPractice_role-selected-note__ZidGg.Hsk30HoiThoaiPractice_muted__prGyg{background:#1e293b;border-color:#334155;color:#94a3b8}.Hsk30HoiThoaiPractice_role-confirm-btn__RSLEB{width:100%}.Hsk30HoiThoaiPractice_role-top__FynjD{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.Hsk30HoiThoaiPractice_role-top__FynjD>div{border:1px solid #e2e8f0;border-radius:14px;padding:.75rem;background:#f8fafc}.dark .Hsk30HoiThoaiPractice_role-top__FynjD>div{background:#1e293b;border-color:#334155}.Hsk30HoiThoaiPractice_role-small-label__MVU5z{display:block;font-size:.72rem;color:#94a3b8;font-weight:700;margin-bottom:.15rem;text-transform:uppercase}.Hsk30HoiThoaiPractice_role-top__FynjD strong{color:#0f172a;font-size:1rem}.dark .Hsk30HoiThoaiPractice_role-top__FynjD strong{color:#f8fafc}.Hsk30HoiThoaiPractice_role-line-list__X_iSM{display:flex;flex-direction:column;gap:.65rem;max-height:42vh;overflow-y:auto;padding-right:.25rem}.Hsk30HoiThoaiPractice_role-line__8b180{display:grid;grid-template-columns:78px minmax(0,1fr);gap:.75rem;border:1px solid #e2e8f0;border-radius:16px;padding:.85rem;background:#fff;transition:all .2s ease}.dark .Hsk30HoiThoaiPractice_role-line__8b180{background:#1e293b;border-color:#334155}.Hsk30HoiThoaiPractice_role-line__8b180.Hsk30HoiThoaiPractice_active__47lnQ{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.15);background:#faf5ff}.dark .Hsk30HoiThoaiPractice_role-line__8b180.Hsk30HoiThoaiPractice_active__47lnQ{background:rgba(139,92,246,.15);border-color:#a78bfa}.Hsk30HoiThoaiPractice_role-line__8b180.Hsk30HoiThoaiPractice_mine__DMvnt{background:#f0fdf4}.dark .Hsk30HoiThoaiPractice_role-line__8b180.Hsk30HoiThoaiPractice_mine__DMvnt{background:rgba(16,185,129,.1)}.Hsk30HoiThoaiPractice_role-line__8b180.Hsk30HoiThoaiPractice_done__5SyWl{border-color:#86efac}.dark .Hsk30HoiThoaiPractice_role-line__8b180.Hsk30HoiThoaiPractice_done__5SyWl{border-color:rgba(16,185,129,.4)}.Hsk30HoiThoaiPractice_role-line-speaker__klvQF{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.Hsk30HoiThoaiPractice_role-line-speaker__klvQF span{width:40px;height:40px;border-radius:999px;background:#e0f2fe;color:#0369a1;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:.95rem}.dark .Hsk30HoiThoaiPractice_role-line-speaker__klvQF span{background:#0c4a6e;color:#bae6fd}.Hsk30HoiThoaiPractice_role-line__8b180.Hsk30HoiThoaiPractice_mine__DMvnt .Hsk30HoiThoaiPractice_role-line-speaker__klvQF span{background:#dcfce7;color:#047857}.dark .Hsk30HoiThoaiPractice_role-line__8b180.Hsk30HoiThoaiPractice_mine__DMvnt .Hsk30HoiThoaiPractice_role-line-speaker__klvQF span{background:#064e3b;color:#a7f3d0}.Hsk30HoiThoaiPractice_role-line-speaker__klvQF small{font-size:.68rem;color:#64748b;font-weight:700}.dark .Hsk30HoiThoaiPractice_role-line-speaker__klvQF small{color:#94a3b8}.Hsk30HoiThoaiPractice_role-line-body__ZSkWA{min-width:0}.Hsk30HoiThoaiPractice_role-sentence-wrap__GMEwW{margin-bottom:.35rem}.Hsk30HoiThoaiPractice_role-line-result__7q1fP{display:grid;gap:.45rem;margin-top:.45rem;font-size:.82rem}.Hsk30HoiThoaiPractice_role-line-result__7q1fP span.Hsk30HoiThoaiPractice_ok__t2h9z{border-radius:999px;padding:.2rem .55rem;font-weight:900;background:#dcfce7;color:#047857;width:-moz-max-content;width:max-content}.dark .Hsk30HoiThoaiPractice_role-line-result__7q1fP span.Hsk30HoiThoaiPractice_ok__t2h9z{background:#064e3b;color:#a7f3d0}.Hsk30HoiThoaiPractice_role-line-result__7q1fP span.Hsk30HoiThoaiPractice_fail__dEj1R{border-radius:999px;padding:.2rem .55rem;font-weight:900;background:#fee2e2;color:#dc2626;width:-moz-max-content;width:max-content}.dark .Hsk30HoiThoaiPractice_role-line-result__7q1fP span.Hsk30HoiThoaiPractice_fail__dEj1R{background:#7f1d1d;color:#fecaca}.Hsk30HoiThoaiPractice_role-line-result__7q1fP em{color:#64748b;font-style:normal}.dark .Hsk30HoiThoaiPractice_role-line-result__7q1fP em{color:#94a3b8}.Hsk30HoiThoaiPractice_role-error__7Zx0M{margin-top:.9rem;display:flex;gap:.45rem;align-items:center;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:.65rem .8rem;font-size:.86rem}.dark .Hsk30HoiThoaiPractice_role-error__7Zx0M{background:rgba(185,28,28,.2);border-color:rgba(239,68,68,.3);color:#fca5a5}.Hsk30HoiThoaiPractice_role-done-card__nI9kV{margin-top:1rem;border-radius:16px;padding:.9rem 1.1rem;display:flex;align-items:center;gap:.85rem;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.dark .Hsk30HoiThoaiPractice_role-done-card__nI9kV{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.3);color:#6ee7b7}.Hsk30HoiThoaiPractice_role-done-card__nI9kV strong{display:block;font-size:1rem}.Hsk30HoiThoaiPractice_role-done-card__nI9kV p{margin:.15rem 0 0;font-size:.84rem}.Hsk30HoiThoaiPractice_role-live-card__cm8cj{margin-top:1rem;border-radius:16px;padding:.9rem 1.1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#f5f3ff;border:1px solid #ddd6fe}.dark .Hsk30HoiThoaiPractice_role-live-card__cm8cj{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.3)}.Hsk30HoiThoaiPractice_role-live-card__cm8cj.Hsk30HoiThoaiPractice_recording__2AJR3{background:#fff1f2;border-color:#fecdd3;color:#be123c}.dark .Hsk30HoiThoaiPractice_role-live-card__cm8cj.Hsk30HoiThoaiPractice_recording__2AJR3{background:rgba(225,29,72,.15);border-color:rgba(244,63,94,.3);color:#fda4af}.Hsk30HoiThoaiPractice_role-live-info__HojS9{display:flex;align-items:center;gap:.75rem}.Hsk30HoiThoaiPractice_role-live-info__HojS9 strong{display:block;color:#0f172a}.dark .Hsk30HoiThoaiPractice_role-live-info__HojS9 strong{color:#f8fafc}.Hsk30HoiThoaiPractice_role-live-info__HojS9 p{margin:.15rem 0 0;font-size:.82rem;color:#64748b}.dark .Hsk30HoiThoaiPractice_role-live-info__HojS9 p{color:#94a3b8}.Hsk30HoiThoaiPractice_role-secondary-btn__JZhUb,.Hsk30HoiThoaiPractice_role-start-btn__kKt1H,.Hsk30HoiThoaiPractice_role-stop-record-btn__CeixK{border:none;border-radius:12px;padding:.75rem 1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;font-weight:800;font-size:.88rem;transition:all .15s ease}.Hsk30HoiThoaiPractice_role-start-btn__kKt1H{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.Hsk30HoiThoaiPractice_role-start-btn__kKt1H:disabled{opacity:.45;cursor:not-allowed}.Hsk30HoiThoaiPractice_role-start-btn__kKt1H.Hsk30HoiThoaiPractice_compact__ULdM7{padding-inline:1.3rem}.Hsk30HoiThoaiPractice_role-secondary-btn__JZhUb{background:#f1f5f9;color:#334155}.dark .Hsk30HoiThoaiPractice_role-secondary-btn__JZhUb{background:#334155;color:#f8fafc}.Hsk30HoiThoaiPractice_role-stop-record-btn__CeixK{background:#ef4444;color:#fff}.Hsk30HoiThoaiPractice_role-playback-box__Xw7Zd{margin-top:1rem;text-align:center}.Hsk30HoiThoaiPractice_role-playback-all-btn__jhksF{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 4px 15px rgba(16,185,129,.3);transition:all .2s ease}.Hsk30HoiThoaiPractice_role-playback-all-btn__jhksF:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.Hsk30HoiThoaiPractice_role-modal-actions__ABUOl{margin-top:1rem;display:flex;justify-content:flex-end;gap:.75rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_summary-card__lxtJk{text-align:center}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_summary-trophy__4M_iY{width:72px;height:72px;margin:0 auto 1rem;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:2rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_summary-card__lxtJk h2{margin:0;color:#0f172a;font-size:1.5rem;font-weight:800}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_summary-card__lxtJk h2{color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_summary-card__lxtJk p{margin:.6rem auto 1.2rem;max-width:620px;color:#475569;line-height:1.7}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_summary-card__lxtJk p{color:#94a3b8}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_summary-stats__8hfT2{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_stat-box__fLlxw{min-width:140px;border-radius:18px;background:#f8fafc;padding:1rem;border:1px solid #e2e8f0}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_stat-box__fLlxw{background:#1e293b;border-color:#334155}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_stat-box__fLlxw strong{display:block;font-size:1.6rem;font-weight:800;color:#0f172a}.dark .Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_stat-box__fLlxw strong{color:#f8fafc}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_stat-box__fLlxw span{color:#64748b;font-weight:600;font-size:.85rem}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_summary-actions__wEWSJ{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}@media (max-width:1024px){.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_layout__X379Q{grid-template-columns:1fr}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_sidebar__UQH60{position:static;width:100%}}@media (max-width:768px){.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_hero-card__8sEp5,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_info-card__2LZXF,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_question-box__wbvRF,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_question-meta__G_ui_,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_record-panel__kiRr4,.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_top-bar__UDlh6{flex-direction:column;align-items:stretch}.Hsk30HoiThoaiPractice_hsk30-practice-page__eVv1A .Hsk30HoiThoaiPractice_result-grid__3w_Wq{grid-template-columns:1fr}}.Hsk30HoiThoaiPractice_playback-wrapper__JKRsl{margin-top:.85rem;margin-bottom:.5rem;display:flex;justify-content:flex-start}.Hsk30HoiThoaiPractice_playback-btn__Y747Q{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;border-radius:12px;padding:.5rem 1rem;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}.dark .Hsk30HoiThoaiPractice_playback-btn__Y747Q{background:#1e293b;border-color:#334155;color:#cbd5e1}.Hsk30HoiThoaiPractice_playback-btn__Y747Q:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.dark .Hsk30HoiThoaiPractice_playback-btn__Y747Q:hover{background:#334155;border-color:#475569;color:#f8fafc}.Hsk30HoiThoaiPractice_playback-btn__Y747Q.Hsk30HoiThoaiPractice_playing__sqc0D{background:#eff6ff;border-color:#93c5fd;color:#2563eb;animation:Hsk30HoiThoaiPractice_pulse-playback__kipFv 1.5s infinite}.dark .Hsk30HoiThoaiPractice_playback-btn__Y747Q.Hsk30HoiThoaiPractice_playing__sqc0D{background:#1e3a8a;border-color:#3b82f6;color:#93c5fd}@keyframes Hsk30HoiThoaiPractice_pulse-playback__kipFv{0%{opacity:1}50%{opacity:.75}to{opacity:1}}