:root{--ym-text-strong:#122b46;--ym-text-body:#425a73;--ym-text-muted:#5d7289;--ym-border-soft:#d7e1ee}html body.ym-studio,html body.ym-premium-speaking,html body.ym-premium-flashcards,html body.ym-speaking-bank,html body.ym-speaking-hub,html body.ym-speaking-library,html body.ym-flashcards-hub,html body.ym-flashcards-set{color:var(--ym-text-strong)!important}html body :is(h1,h2,h3,h4,h5,h6,b,strong){-webkit-text-fill-color:currentColor}html body.ym-studio :is(.hero>div>p,.section-head p,.set-card p,.metric span,.search-wrap,.search-wrap input,.empty,.reader-title small,.reader-item small,.flashcard-category-tab span,.site-nav a,.nav-submenu a span,.nav-submenu a b,.site-footer span,.topic-card p,.question-subtitle,.question-hint,.helper-text,.field-help,.admin-empty,.stat-subtitle,.table-note,.activity-note,.draft-meta,.auth-help-row,.auth-status,.source-card p,.source-copy p,.source-list li,.example,.translation,.meaning),html body.ym-premium-speaking :is(p,li,small,label,.vi,.en,.ipa,.source-copy,.source-vocab td,.source-vocab th,.source-card p,.source-list li),html body.ym-premium-flashcards :is(.hero>div>p,.section-head p,.set-card p,.metric span,.search-wrap,.search-wrap input,.empty,.reader-title small,.reader-item small,.flashcard-category-tab span),html body.ym-speaking-bank :is(.topic-card p,.question-subtitle,.question-hint,.source-card p,.source-list li),html body.ym-flashcards-hub :is(.hero>div>p,.section-head p,.set-card p,.metric span,.search-wrap,.search-wrap input,.empty,.reader-title small,.reader-item small,.flashcard-category-tab span){color:var(--ym-text-body)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;text-shadow:none!important}html body.ym-studio :is(.eyebrow,.section-head .eyebrow,.badge,.metric b,.book-number,.topic-card h3,.set-card h3,.reader-title b,.hero-card h2,.section-head h2),html body.ym-premium-speaking :is(.eyebrow,.source-kicker,.source-step,.source-card h3,.source-block h3),html body.ym-speaking-bank :is(.topic-card h3,.question-card .question-title,.question-card summary span:last-child){color:var(--ym-text-strong)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important;text-shadow:none!important}html body.ym-studio .hero>div>p,html body.ym-premium-flashcards .hero>div>p,html body.ym-flashcards-hub .hero>div>p{color:var(--ym-text-body)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;opacity:1!important}html body.ym-studio .metric,html body.ym-studio .set-card,html body.ym-studio .hero-card,html body.ym-studio .search-wrap,html body.ym-studio .flashcard-category-tab,html body.ym-studio .topic-card,html body.ym-studio .question-card,html body.ym-studio .ym-sf-section,html body.ym-studio .ym-sf-practice,html body.ym-studio .tools,html body.ym-studio .admin-panel,html body.ym-studio .stat-card,html body.ym-studio .data-table-wrap,html body.ym-studio .ss-panel,html body.ym-premium-speaking :is(.source-card,.source-vocab,.source-block,details,.memory,.hero,.script),html body.ym-flashcards-hub :is(.metric,.set-card,.hero-card,.search-wrap,.flashcard-category-tab){border-color:var(--ym-border-soft)!important}html body.ym-studio input::placeholder,html body.ym-studio textarea::placeholder,html body.ym-premium-speaking input::placeholder,html body.ym-premium-speaking textarea::placeholder,html body.ym-premium-flashcards input::placeholder{color:#8091a3!important;opacity:1!important}html body.ym-studio :is(table td,table th,.source-vocab td,.source-vocab th,.data-table td,.data-table th){color:var(--ym-text-strong)!important;-webkit-text-fill-color:currentColor!important}html body.ym-studio :is(.btn,.btn.primary,.btn.secondary,.open-topic,.tool-btn,.mobile-topic-toggle,.ss-primary,.auth-login-btn,.auth-secondary-login,.mode-btn.active,.nav-btn,.mobile-toggle,.reader-item.active,.precision-part-tabs a[aria-current=page],.topic-button.active,.topic-all-link.active,.fc-section-link.active span,[data-sf-practice]),html body.ym-premium-speaking :is(button.primary,a.primary,.nav-btn,[data-sf-practice]),html body.ym-premium-flashcards :is(.btn,.nav-btn,.mobile-toggle,.reader-item.active){color:#fff!important;-webkit-text-fill-color:currentColor!important}html body.ym-studio .site-footer strong,html body.ym-studio .site-footer span{color:#fff!important;-webkit-text-fill-color:currentColor!important}

@layer ym-content-layout{html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp{--sf-ink:#232b50 !important;--sf-muted:#5d6480 !important;--sf-accent:#6550b5 !important;--sf-accent-soft:#f1eef8 !important;--sf-line:#dce4f0 !important;--sf-surface:#fff !important;--sf-bg:#f6f8fc !important;--sf-good:#1f7a3a !important;--sf-good-soft:#e8f6ec !important;--sf-bad:#b3261e !important;--sf-bad-soft:#fdecea !important;--sf-gold:#b99b60 !important;--sf-radius:18px !important;display:block!important;max-width:1200px!important;margin:0 auto!important;padding:24px clamp(16px,3vw,32px) 64px!important;color:var(--sf-ink)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp *,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp *::before,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp *::after{box-sizing:border-box!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp [hidden][hidden]{display:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp :is(h1,h2,h3,p,strong,li,span,em){color:inherit!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp h1,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp h2{color:var(--sf-ink)!important;font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.01em!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp p{margin:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;gap:24px!important;align-items:stretch!important;margin-bottom:28px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero-copy{padding:28px!important;border:1px solid var(--sf-line)!important;border-radius:24px!important;background:var(--sf-surface)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-kicker{margin:0 0 10px!important;color:var(--sf-accent)!important;font:800 12px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero h1{margin:0 0 12px!important;font-size:clamp(30px,4.2vw,48px)!important;line-height:1.08!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lead{color:var(--sf-muted)!important;font-size:17px!important;line-height:1.6!important;max-width:62ch!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-stats{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:20px 0 0!important;padding:0!important;list-style:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-stats li{padding:10px 14px!important;border-radius:14px!important;background:var(--sf-accent-soft)!important;font-size:14px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-stats b{display:block!important;color:var(--sf-ink)!important;font-size:22px!important;line-height:1.2!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:20px!important;align-items:center!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-summary{margin-top:14px!important;color:var(--sf-muted)!important;font-size:14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how{padding:24px!important;border-radius:24px!important;background:var(--sf-ink)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how h2{margin:0 0 14px!important;color:#fff!important;font-size:24px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how ol{margin:0!important;padding:0!important;list-style:none!important;counter-reset:sfhow!important;display:grid!important;gap:10px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how li{position:relative!important;padding:0 0 0 38px!important;counter-increment:sfhow!important;color:#e6e9f5!important;font-size:15px!important;line-height:1.5!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how li::before{content:counter(sfhow)!important;position:absolute!important;left:0!important;top:0!important;width:26px!important;height:26px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--sf-gold)!important;color:#232b50!important;font-weight:800!important;font-size:13px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how li b{color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:10px 18px!important;border-radius:999px!important;border:1px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;font:700 15px/1.25 Inter,Arial,sans-serif!important;text-decoration:none!important;cursor:pointer!important;text-align:center!important;box-shadow:none!important;transition:background-color .15s ease,border-color .15s ease!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn:hover{border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn-main{background:var(--sf-accent)!important;border-color:var(--sf-accent)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn-main:hover{background:#53409c!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn-soft{background:var(--sf-accent-soft)!important;border-color:transparent!important;color:var(--sf-accent)!important;min-height:40px!important;font-size:14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn[aria-disabled=true]{opacity:.45!important;pointer-events:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn:disabled{opacity:.45!important;cursor:default!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--sf-accent)!important;outline-offset:2px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-say{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:6px 12px!important;border-radius:999px!important;border:1px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-accent)!important;font:700 13px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-section-head{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:end!important;gap:12px 24px!important;margin:0 0 16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-section-head h2{margin:0!important;font-size:clamp(24px,3vw,32px)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab{display:grid!important;gap:2px!important;min-height:64px!important;padding:12px 16px!important;border-radius:16px!important;border:2px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab b{font:800 17px/1.2 Inter,Arial,sans-serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab span{font-size:13px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab[aria-selected=true]{border-color:var(--sf-accent)!important;background:var(--sf-accent-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-search{display:flex!important;gap:8px!important;align-items:center!important;margin:0 0 18px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-search input{flex:1 1 auto!important;min-width:0!important;min-height:48px!important;padding:10px 16px!important;border:1px solid var(--sf-line)!important;border-radius:14px!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;font:500 16px/1.3 Inter,Arial,sans-serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))!important;gap:14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card{display:flex!important;flex-direction:column!important;gap:8px!important;padding:18px!important;border:1px solid var(--sf-line)!important;border-radius:var(--sf-radius)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;text-decoration:none!important;transition:border-color .15s ease!important;min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card:hover{border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card[data-state=done]{border-color:#a8d5b3!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-top{display:flex!important;justify-content:space-between!important;gap:8px!important;font-size:12px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-no{font-weight:800!important;color:var(--sf-accent)!important;letter-spacing:.06em!important;text-transform:uppercase!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-code{color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-title{font:800 17px/1.35 Inter,Arial,sans-serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-idea{color:var(--sf-muted)!important;font-size:14px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-meta{font-size:13px!important;color:var(--sf-muted)!important;margin-top:auto!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-bar,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-clock-bar{display:block!important;height:6px!important;border-radius:6px!important;background:#edf0f7!important;overflow:hidden!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-bar i,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-clock-bar i{display:block!important;height:100%!important;background:var(--sf-accent)!important;border-radius:6px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card[data-state=done] .sf-card-bar i{background:var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-state{font-size:13px!important;font-weight:700!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card[data-state=done] .sf-card-state{color:var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-results-head{margin:0 0 10px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result-list{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result{display:grid!important;gap:4px!important;padding:12px 16px!important;border:1px solid var(--sf-line)!important;border-radius:14px!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;text-decoration:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result:hover{border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result-where{font-size:12px!important;color:var(--sf-accent)!important;font-weight:700!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result-label{font-size:12px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-result-text{font-size:15px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-note{color:var(--sf-muted)!important;font-size:14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-top{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-back{color:var(--sf-accent)!important;font-weight:800!important;text-decoration:none!important;padding:8px 0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-back::before{content:"← "!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-where{color:var(--sf-muted)!important;font-size:14px!important;font-weight:700!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-nav{display:flex!important;gap:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-head{padding:24px!important;border:1px solid var(--sf-line)!important;border-radius:24px!important;background:var(--sf-surface)!important;margin-bottom:16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-title{margin:0 0 14px!important;font-size:clamp(24px,3.4vw,36px)!important;line-height:1.15!important;outline:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-idea{padding:14px 16px!important;border-radius:14px!important;background:#fbf7ee!important;border-left:4px solid var(--sf-gold)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-idea strong{display:block!important;margin-bottom:4px!important;font-size:13px!important;color:#7a6331!important;text-transform:uppercase!important;letter-spacing:.06em!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-idea p{font-size:16px!important;line-height:1.6!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-progress-text{margin-top:12px!important;color:var(--sf-muted)!important;font-size:14px!important;font-weight:600!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-steps{position:sticky!important;top:8px!important;z-index:3!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;margin:0 0 16px!important;border:1px solid var(--sf-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 18px -12px rgba(35,43,80,.35)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step{display:flex!important;align-items:center!important;gap:8px!important;min-height:48px!important;padding:8px 10px!important;border-radius:12px!important;border:0!important;background:transparent!important;color:var(--sf-ink)!important;font:700 14px/1.2 Inter,Arial,sans-serif!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-no{flex:none!important;width:26px!important;height:26px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:2px solid var(--sf-line)!important;font-size:13px!important;font-weight:800!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-label{min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-short{display:none!important;min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step[aria-selected=true]{background:var(--sf-accent-soft)!important;color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step[aria-selected=true] .sf-step-no{border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step[data-done=true] .sf-step-no{background:var(--sf-good)!important;border-color:var(--sf-good)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-panel{padding:24px!important;border:1px solid var(--sf-line)!important;border-radius:24px!important;background:var(--sf-surface)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-intro{margin:0 0 16px!important;padding:12px 16px!important;border-radius:14px!important;background:var(--sf-bg)!important;color:var(--sf-ink)!important;font-size:15px!important;line-height:1.6!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-tools{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;margin:0 0 16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-next{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-end!important;align-items:center!important;margin-top:20px!important;padding-top:16px!important;border-top:1px solid var(--sf-line)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-done-note{flex:1 1 100%!important;font-weight:800!important;color:var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-questions{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:12px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-q{display:grid!important;gap:10px!important;justify-items:start!important;padding:16px!important;border:1px solid var(--sf-line)!important;border-radius:16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-q.sf-flash{border-color:var(--sf-accent)!important;background:var(--sf-accent-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-q-top{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-code{display:inline-block!important;padding:3px 10px!important;border-radius:999px!important;background:var(--sf-ink)!important;color:#fff!important;font:700 12px/1.4 Inter,Arial,sans-serif!important;letter-spacing:.04em!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-q-text{font:600 18px/1.5 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-cue{justify-self:stretch!important;padding:10px 14px!important;border-radius:12px!important;background:var(--sf-bg)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-cue-lead{font-size:14px!important;font-style:italic!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-cue ul,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp ul.sf-cue{margin:6px 0 0!important;padding-left:20px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-cue li{font-size:15px!important;line-height:1.55!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-guide{justify-self:stretch!important;padding:12px 14px!important;border-radius:12px!important;background:var(--sf-good-soft)!important;border-left:4px solid var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-guide strong{display:block!important;margin-bottom:4px!important;color:var(--sf-good)!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.06em!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-guide p{font-size:16px!important;line-height:1.6!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-switch{display:inline-flex!important;flex-wrap:wrap!important;gap:4px!important;padding:4px!important;border-radius:999px!important;background:var(--sf-bg)!important;border:1px solid var(--sf-line)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-switch-btn{min-height:38px!important;padding:6px 14px!important;border-radius:999px!important;border:0!important;background:transparent!important;color:var(--sf-ink)!important;font:700 14px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-switch-btn[aria-checked=true]{background:var(--sf-accent)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:10px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-item{display:grid!important;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;align-items:start!important;padding:14px!important;border:1px solid var(--sf-line)!important;border-radius:16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-no{width:32px!important;height:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--sf-accent)!important;color:#fff!important;font-weight:800!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-vi{font-size:16px!important;line-height:1.55!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-en{display:grid!important;gap:8px!important;justify-items:start!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-text{font-size:16px!important;line-height:1.55!important;color:#2b3f8f!important;font-weight:600!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-reveal{display:none!important;min-height:40px!important;padding:8px 14px!important;border-radius:12px!important;border:1px dashed var(--sf-accent)!important;background:var(--sf-accent-soft)!important;color:var(--sf-accent)!important;font:700 14px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-en[data-shown=false] .sf-reveal{display:inline-flex!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-en[data-shown=false] :is(.sf-flow-text,.sf-say){display:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow[data-mode=en] .sf-flow-item{grid-template-columns:36px minmax(0,1fr)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow[data-mode=en] .sf-flow-vi{display:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrases{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))!important;gap:10px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase{display:grid!important;gap:6px!important;align-content:start!important;padding:14px!important;border:1px solid var(--sf-line)!important;border-radius:16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase[data-known=true]{border-color:#a8d5b3!important;background:#f7fcf8!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase-head{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase-no{min-width:26px!important;height:26px!important;padding:0 6px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:var(--sf-bg)!important;color:var(--sf-muted)!important;font-size:12px!important;font-weight:800!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase-en{flex:1 1 140px!important;font:800 17px/1.35 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase-vi{font-size:15px!important;color:var(--sf-good)!important;font-weight:600!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-phrase-ex{font-size:14px!important;line-height:1.55!important;color:var(--sf-muted)!important;font-style:italic!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-known{justify-self:start!important;min-height:36px!important;padding:6px 14px!important;border-radius:999px!important;border:1px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;font:700 13px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-known[aria-pressed=true]{background:var(--sf-good)!important;border-color:var(--sf-good)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:10px!important;margin-bottom:16px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile{display:grid!important;gap:6px!important;align-content:start!important;padding:16px!important;border-radius:16px!important;border:2px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;min-height:120px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile:hover{border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile strong{font:800 16px/1.3 Inter,Arial,sans-serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile span{font:500 14px/1.45 Inter,Arial,sans-serif!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile em{font:700 13px/1.3 Inter,Arial,sans-serif!important;font-style:normal!important;color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile[data-done=true]{border-color:#a8d5b3!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-tile[data-done=true] em{color:var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex{display:grid!important;gap:12px!important;padding:18px!important;border-radius:18px!important;background:var(--sf-bg)!important;border:1px solid var(--sf-line)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-head{display:flex!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;font-size:14px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-head strong{color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-ask{font-size:14px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-prompt{font:700 20px/1.45 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-options.sf-ex-long{grid-template-columns:1fr!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-option{min-height:52px!important;padding:12px 16px!important;border-radius:14px!important;border:2px solid var(--sf-line)!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;font:600 15px/1.45 Inter,Arial,sans-serif!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;transition:border-color .15s ease,background-color .15s ease!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-option:hover:not(:disabled){border-color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-option:disabled{cursor:default!important;opacity:1!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-option[data-state=right]{border-color:var(--sf-good)!important;background:var(--sf-good-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-option[data-state=wrong]{border-color:var(--sf-bad)!important;background:var(--sf-bad-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-feedback{min-height:1.5em!important;font-weight:700!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-after{display:block!important;margin-top:6px!important;font-weight:500!important;font-style:italic!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-end{justify-items:start!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-score{font:800 24px/1.2 Inter,Arial,sans-serif!important;color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-order-done{margin:0!important;padding-left:24px!important;display:grid!important;gap:6px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-order-done li{padding:8px 12px!important;border-radius:10px!important;background:var(--sf-good-soft)!important;color:var(--sf-ink)!important;font-size:15px!important;line-height:1.45!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-select{display:grid!important;gap:4px!important;flex:1 1 320px!important;min-width:0!important;font-size:13px!important;font-weight:700!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-select select{width:100%!important;min-height:46px!important;padding:8px 12px!important;border:1px solid var(--sf-line)!important;border-radius:12px!important;background:var(--sf-surface)!important;color:var(--sf-ink)!important;font:500 15px/1.3 Inter,Arial,sans-serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;gap:16px!important;align-items:start!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-main,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-side{display:grid!important;gap:12px!important;min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-card{display:grid!important;gap:10px!important;justify-items:start!important;padding:18px!important;border-radius:18px!important;background:var(--sf-accent-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-clock{display:grid!important;gap:6px!important;padding:16px!important;border-radius:18px!important;border:1px solid var(--sf-line)!important;text-align:center!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-clock-phase{font-weight:800!important;color:var(--sf-accent)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-clock-time{font:800 44px/1 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important;font-variant-numeric:tabular-nums!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-notes{width:100%!important;padding:12px!important;border:1px solid var(--sf-line)!important;border-radius:12px!important;font:500 15px/1.5 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important;background:var(--sf-surface)!important;resize:vertical!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-check{display:flex!important;align-items:flex-start!important;gap:10px!important;font-size:15px!important;line-height:1.4!important;cursor:pointer!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-check input{width:20px!important;height:20px!important;margin:1px 0 0!important;accent-color:var(--sf-accent)!important;flex:0 0 auto!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hints,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-checklist{display:grid!important;gap:10px!important;padding:16px!important;border:1px solid var(--sf-line)!important;border-radius:18px!important;margin:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-checklist legend{padding:0 6px!important;font-weight:800!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hint-head{font-weight:800!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-chip{padding:6px 12px!important;border-radius:999px!important;background:var(--sf-good-soft)!important;color:var(--sf-good)!important;font-weight:700!important;font-size:14px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-more summary{cursor:pointer!important;font-weight:700!important;color:var(--sf-accent)!important;padding:4px 0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-more p,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-more ol{margin:6px 0 0!important;font-size:15px!important;line-height:1.55!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-more ol{padding-left:20px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-playback audio{width:100%!important;margin-top:6px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card{display:grid!important;grid-template-columns:minmax(0,1.5fr) auto!important;gap:16px 24px!important;align-items:center!important;margin:0 0 28px!important;padding:24px 28px!important;border-radius:24px!important;background:#232b50!important;color:#fff!important;text-decoration:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card :is(p,h2,span,b){color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card .sp-forecast-kicker{margin:0 0 6px!important;color:#e7d6ae!important;font:800 12px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card h2{margin:0 0 6px!important;font-size:clamp(22px,3vw,30px)!important;font-family:Georgia,"Times New Roman",serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card .sp-forecast-text{margin:0!important;color:#dfe3f2!important;font-size:15px!important;line-height:1.55!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card .sp-forecast-go{display:inline-flex!important;align-items:center!important;min-height:46px!important;padding:10px 20px!important;border-radius:999px!important;background:#fff!important;color:#232b50!important;font-weight:800!important;white-space:nowrap!important}@media(max-width:900px){html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero{grid-template-columns:1fr!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak{grid-template-columns:1fr!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-label{font-size:12px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step{flex-direction:column!important;justify-content:center!important;gap:4px!important;text-align:center!important;padding:6px 4px!important}}@media(max-width:640px){html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp{padding:16px 16px 48px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero-copy,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-panel,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-head{padding:18px!important;border-radius:18px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tabs{grid-template-columns:1fr!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab{min-height:52px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-item{grid-template-columns:32px minmax(0,1fr)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-flow-en{grid-column:2!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-ex-options{grid-template-columns:1fr!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-label{display:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step-short{display:block!important;font-size:11px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-steps{gap:2px!important;padding:4px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-nav{width:100%!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-nav .sf-btn{flex:1 1 0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-next .sf-btn{width:100%!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card{grid-template-columns:1fr!important;padding:20px!important}}@media(prefers-reduced-motion:reduce){html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp *{transition:none!important}}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-games{margin:0 0 32px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;gap:14px!important;align-items:start!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-card{display:grid!important;gap:10px!important;padding:20px!important;border:1px solid var(--sf-line)!important;border-radius:var(--sf-radius)!important;background:var(--sf-surface)!important;min-width:0!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-card h3{margin:0!important;font:800 18px/1.35 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-card .sf-btn{justify-self:start!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-games-box{display:grid!important;gap:10px!important;margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--sf-line)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-games-title{margin:0!important;font:800 20px/1.3 Inter,Arial,sans-serif!important;color:var(--sf-ink)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-games{display:grid!important;gap:10px!important;margin-top:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-games-head{font-weight:700!important;font-size:14px!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))!important;gap:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game{min-height:46px!important;padding:8px 12px!important;border-radius:12px!important;border:1px solid var(--sf-line)!important;background:var(--sf-bg)!important;color:var(--sf-ink)!important;font:700 14px/1.3 Inter,Arial,sans-serif!important;text-align:center!important;cursor:pointer!important;box-shadow:none!important;transition:border-color .15s ease,background-color .15s ease!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game:hover{border-color:var(--sf-accent)!important;background:var(--sf-accent-soft)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game[data-game=quizduel]{background:var(--sf-accent)!important;border-color:var(--sf-accent)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-games{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:8px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-game{display:grid!important;gap:4px!important;padding:12px 14px!important;border-radius:14px!important;border:1px solid var(--sf-line)!important;background:var(--sf-good-soft)!important;color:var(--sf-ink)!important;text-decoration:none!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-game strong{font:800 15px/1.3 Inter,Arial,sans-serif!important;color:var(--sf-good)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-game span{font-size:13px!important;line-height:1.45!important;color:var(--sf-muted)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-speak-game:hover{border-color:var(--sf-good)!important}@media(max-width:640px){html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game{font-size:13px!important;padding:8px!important}}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp{--sf-navy:#1c2347 !important;--sf-champagne:#c8a96a !important;--sf-ivory:#fbf8f1 !important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero-copy{background:linear-gradient(180deg,var(--sf-ivory),#fff 55%)!important;border-color:#e6dcc4!important;border-top:3px solid var(--sf-champagne)!important;box-shadow:0 18px 40px -28px rgba(28,35,71,.45)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-hero h1{color:var(--sf-navy)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-kicker{color:#9a7b3f!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-stats li{background:#fff!important;border:1px solid #e6dcc4!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-stats b{color:var(--sf-navy)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:26px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how{background:linear-gradient(160deg,#232b50,#1c2347)!important;border:1px solid #39426f!important;box-shadow:0 18px 40px -26px rgba(28,35,71,.7)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-how h2{color:#f3e6c6!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn-main{background:var(--sf-navy)!important;border-color:var(--sf-navy)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(200,169,106,.55)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-btn-main:hover{background:#2a3466!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-card,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-panel,html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-head{box-shadow:0 14px 34px -30px rgba(28,35,71,.55)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card{border-top:3px solid transparent!important;transition:border-color .15s ease,box-shadow .15s ease!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card:hover{border-color:#e6dcc4!important;border-top-color:var(--sf-champagne)!important;box-shadow:0 18px 38px -26px rgba(28,35,71,.55)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-card-no{color:#9a7b3f!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab[aria-selected=true]{border-color:var(--sf-navy)!important;background:var(--sf-navy)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-tab[aria-selected=true] span{color:#e9dcbb!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-head{border-top:3px solid var(--sf-champagne)!important;background:linear-gradient(180deg,var(--sf-ivory),#fff 60%)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-lesson-title{color:var(--sf-navy)!important;font-family:Georgia,"Times New Roman",serif!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step[aria-selected=true]{background:var(--sf-navy)!important;color:#fff!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-step[aria-selected=true] .sf-step-no{border-color:var(--sf-champagne)!important;color:#f3e6c6!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-code{background:var(--sf-navy)!important;box-shadow:inset 0 0 0 1px rgba(200,169,106,.6)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-part-game-card{border-top:3px solid var(--sf-champagne)!important;background:linear-gradient(180deg,var(--sf-ivory),#fff 70%)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-game[data-game=quizduel]{background:var(--sf-navy)!important;border-color:var(--sf-navy)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card{background:linear-gradient(135deg,#232b50,#1c2347)!important;border:1px solid #c8a96a!important;box-shadow:0 20px 44px -30px rgba(28,35,71,.8)!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) .sp-forecast-card .sp-forecast-go{background:#c8a96a!important;color:#1c2347!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-bank-link{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#2b3470!important;font-weight:700!important;font-size:14px!important;text-decoration:none!important;border-bottom:1px solid #c8a96a!important;padding-bottom:1px!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-bank-link::after{content:"→"!important;color:#9a7b3f!important}html:is(#sfx,*) body:is(#sfx,*):is(#sfx,*) #sfApp .sf-bank-link:hover{color:#6550b5!important}}

html:is(#spt,*) body:is(#spt,*):is(#spt,*) .sp-tests-card{background:linear-gradient(135deg,#1c2b4a,#2c4270)!important;border:1px solid #d9c08a!important;margin-bottom:14px!important}html:is(#spt,*) body:is(#spt,*) .sp-tests-main{max-width:1180px;margin:0 auto;padding:24px 16px 64px}html:is(#spt,*) body:is(#spt,*) .sp-tests-hero{background:linear-gradient(135deg,#1c2b4a,#2c4270);color:#fff;border:1px solid #d9c08a;border-radius:22px;padding:28px clamp(18px,4vw,40px);box-shadow:0 18px 40px rgba(20,32,60,.22)}html:is(#spt,*) body:is(#spt,*) .sp-tests-hero :is(h1,p,li,span,strong){color:#fff}html:is(#spt,*) body:is(#spt,*) .sp-tests-hero .sp-kicker{color:#e7d6ae;letter-spacing:.08em;font-weight:800;font-size:12px;margin:0 0 8px}html:is(#spt,*) body:is(#spt,*) .sp-tests-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,4.4vw,44px);line-height:1.15;margin:0 0 10px;overflow-wrap:anywhere}html:is(#spt,*) body:is(#spt,*) .sp-tests-reward{font-size:clamp(17px,2.4vw,21px);margin:0 0 10px}html:is(#spt,*) body:is(#spt,*) .sp-tests-reward strong{color:#f3d58f}html:is(#spt,*) body:is(#spt,*) .sp-tests-steps{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:16px 0 0}html:is(#spt,*) body:is(#spt,*) .sp-tests-steps li{background:rgba(255,255,255,.1);border:1px solid rgba(231,214,174,.5);border-radius:999px;padding:8px 14px;font-weight:700}html:is(#spt,*) body:is(#spt,*) .sp-tests-steps span{color:#f3d58f;margin-right:6px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-hero :is(h1,p,li,span,strong,b){color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-hero .sp-kicker{color:#e7d6ae!important;-webkit-text-fill-color:#e7d6ae!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-hero :is(.sp-tests-reward strong,li b,li>span:first-child){color:#f3d58f!important;-webkit-text-fill-color:#f3d58f!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-main{max-width:1120px;display:grid;gap:22px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-main>[hidden],html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) [data-test-view][hidden],html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) [data-st-bar][hidden]{display:none!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-hero{padding:clamp(20px,3.4vw,34px) clamp(18px,4vw,40px)!important;border-radius:22px!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-steps li{padding:9px 16px!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-library{padding:clamp(18px,3vw,28px)!important;border:1px solid #e3d3ab!important;border-radius:22px!important;background:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-library h2{margin:0 0 16px!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,3vw,28px)!important;color:#1c2b4a!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-grid{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-grid>li{margin:0!important;padding:0!important;list-style:none!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-grid>li::before,html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-tests-grid>li::marker{content:none!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;height:100%;box-sizing:border-box;padding:18px!important;border:1px solid #e3d3ab;border-left:5px solid #c9a45c;border-radius:18px;background:#fff;color:#1c2b4a!important;text-decoration:none!important;box-shadow:0 10px 24px -18px rgba(28,43,74,.5);transition:transform .15s ease,box-shadow .15s ease}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-card:hover{transform:translateY(-2px);box-shadow:0 16px 28px -16px rgba(28,43,74,.55)}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-card:focus-visible{outline:3px solid #f3d58f;outline-offset:3px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-card.is-approved{border-left-color:#047857}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-num{grid-row:span 2;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#1c2b4a;color:#f3d58f!important;-webkit-text-fill-color:#f3d58f!important;font:800 20px/1 Georgia,serif}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-card-text{display:grid;gap:5px;min-width:0}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-card-text small{font-size:11px;font-weight:800;letter-spacing:.12em;color:#a87b1f}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-card-text strong{font-family:Georgia,serif;font-size:22px;color:#1c2b4a}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-line{font-size:13.5px;line-height:1.45;color:#4b5565;overflow-wrap:anywhere}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-line b{display:inline-block;min-width:48px;color:#1c2b4a}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-status{grid-column:1 / -1;justify-self:start;padding:5px 12px;border-radius:999px;background:#eef1f7;color:#3d4a63!important;font-size:12.5px;font-weight:800}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-status.is-pending{background:#b45309!important;color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-status.is-approved{background:#047857!important;color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-status.is-redo{background:#b91c1c!important;color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-open{grid-column:1 / -1;justify-self:stretch;text-align:center;padding:11px 16px;border-radius:999px;background:#1c2b4a;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:800}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:10px 14px 10px 18px;border:1px solid #e3d3ab;border-radius:16px;background:#fff;box-shadow:0 8px 22px -16px rgba(28,43,74,.45);scroll-margin-top:110px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-back{font-weight:800;color:#1c2b4a!important;text-decoration:none!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-where{margin-right:auto;font-size:14px;font-weight:800;color:#8a6d2b}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-nav{display:flex;gap:8px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-nav a{padding:8px 14px;border:1px solid #d6c79f;border-radius:999px;color:#1c2b4a!important;text-decoration:none!important;font-weight:700;font-size:14px;background:#fffdf6}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-views,html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-view{display:grid;gap:18px;min-width:0}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-head{padding:clamp(20px,3.4vw,34px)!important;border:1px solid #d9c08a;border-radius:22px;background:linear-gradient(135deg,#1c2b4a,#2c4270)}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-head *{color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-kicker{margin:0 0 8px!important;font-size:12px;font-weight:800;letter-spacing:.12em;color:#f3d58f!important;-webkit-text-fill-color:#f3d58f!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-head h2{margin:0!important;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,4.4vw,40px)!important;line-height:1.15}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-sum{margin:10px 0 0!important;max-width:70ch;font-size:16px;line-height:1.6}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-sum b{color:#f3d58f!important;-webkit-text-fill-color:#f3d58f!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-chips span{padding:5px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.12);font-size:13px;font-weight:700}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-record{padding:clamp(18px,3vw,28px)!important;border:2px solid #d9c08a!important;border-radius:22px!important;background:linear-gradient(180deg,#fffaf0,#fff)!important;scroll-margin-top:110px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-head{display:grid;gap:6px;margin-bottom:16px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-badge{justify-self:start;padding:4px 12px;border-radius:999px;background:#b91c1c;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:11.5px;font-weight:800;letter-spacing:.1em}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-head h3{margin:0!important;font-family:Georgia,serif;font-size:clamp(21px,2.8vw,26px)!important;color:#1c2b4a!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-head p{margin:0!important;max-width:72ch;color:#4b5565;line-height:1.6}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-option{display:grid;gap:8px;align-content:start;padding:16px 18px;border:1px solid #ead9b0;border-radius:16px;background:#fff}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-option b{color:#1c2b4a}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-option span{color:#5b6475;font-size:14px;line-height:1.5}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;border:1px solid #d6c79f;border-radius:999px;background:#fff;color:#1c2b4a!important;font:800 15.5px/1.2 Arial,sans-serif;cursor:pointer;text-decoration:none!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-btn:disabled{opacity:.6;cursor:default}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-btn:focus-visible{outline:3px solid #f3d58f;outline-offset:2px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-btn-main{border-color:#1c2b4a;background:#1c2b4a!important;color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-btn-record,html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-btn-stop{border-color:#b91c1c;background:#dc2626!important;color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-btn-file{position:relative;border-color:#1d4ed8;background:#2563eb!important;color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-btn-soft{background:#fffdf6}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-btn-send{min-width:min(100%,260px);font-size:16.5px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-live{display:flex;align-items:center;gap:12px;font-size:18px;color:#1c2b4a}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-dot{width:14px;height:14px;border-radius:50%;background:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.2)}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-dot.is-paused{background:#9ca3af;box-shadow:none}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-time{font:800 26px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-note,html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-info{margin:10px 0 0!important;color:#5b6475;font-size:14px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-text{display:block;width:100%;box-sizing:border-box;margin-top:12px;padding:12px 14px;border:1px solid #d6c79f;border-radius:12px;font:400 15px/1.5 Arial,sans-serif}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-audio{display:block;width:100%;max-width:560px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-progress{height:10px;margin-top:12px;border-radius:999px;background:#eee3c8;overflow:hidden}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-progress-bar{display:block;width:0;height:100%;background:linear-gradient(90deg,#c9a45c,#f3d58f);transition:width .3s ease}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-msg{margin:12px 0 0!important;font-weight:700;color:#1c2b4a}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-msg:empty{display:none}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-msg.is-ok{color:#047857}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-msg.is-warn{color:#b91c1c}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-done,html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-wait{margin:0 0 14px!important;padding:12px 16px;border-radius:12px;font-weight:700}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-done{background:#047857;color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-wait{background:#fff3db;color:#7a4b00!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-sticky{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:9000;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:10px 14px;border-radius:999px;background:#1c2b4a;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.3);border:1px solid #d9c08a}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-sticky[hidden]{display:none!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-sticky .sp-rec-time{font-size:20px;color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-sticky-text{color:#e7d6ae!important;-webkit-text-fill-color:#e7d6ae!important;font-weight:700}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-sticky .sp-btn{min-height:38px;padding:7px 14px;font-size:14px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-part{padding:clamp(18px,3vw,28px)!important;border:1px solid #e5dcc6!important;border-radius:20px!important;background:#fff!important;scroll-margin-top:110px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-part-head{display:grid;gap:6px;margin-bottom:14px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-part-badge{justify-self:start;padding:5px 12px;border-radius:10px;background:#1d4ed8;color:#fff!important;-webkit-text-fill-color:#fff!important;font:800 12.5px/1 Arial,sans-serif;letter-spacing:.1em}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-part-2 .sp-part-badge{background:#7c3aed}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-part-3 .sp-part-badge{background:#0f766e}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-part-head h3{margin:0!important;font-family:Georgia,serif;font-size:clamp(20px,2.6vw,24px)!important;color:#1c2b4a!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-part-head p{margin:0!important;color:#5b6475;font-size:14.5px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-q-topic{display:grid;gap:10px;margin-top:14px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-q-topic h4{margin:0!important;font-size:16.5px!important;color:#1c2b4a!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-q-list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:8px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-q-list>li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin:0!important;padding:12px 16px!important;border-radius:12px;background:#f6f8fc;list-style:none!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-q-list>li::before,html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-q-list>li::marker{content:none!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-q-no{display:grid;place-items:center;min-width:28px;height:28px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:#1c2b4a;color:#fff!important;-webkit-text-fill-color:#fff!important;font:800 13px/1 Arial,sans-serif}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-q-text{font-size:16.5px;line-height:1.6;color:#1f2a44}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-q-practice{justify-self:start;font-size:14px;font-weight:700;color:#2f5fd0!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-cue{padding:18px 22px;border:2px solid #c4b5fd;border-radius:16px;background:#f5f3ff}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-cue p{margin:0 0 8px!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-cue-title{font-size:18px;font-weight:800;line-height:1.5;color:#2e1065}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-cue-say{font-weight:700;color:#4c1d95}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-cue ul{margin:0 0 10px!important;padding-left:22px!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-cue li{font-size:16px;line-height:1.6;color:#1f2a44}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-cue-explain{font-weight:700;color:#2e1065;margin-bottom:0!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-mine{padding:clamp(18px,3vw,28px)!important;border:1px solid #e3d3ab!important;border-radius:20px!important;background:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-mine h3{margin:0 0 12px!important;font-family:Georgia,serif;font-size:clamp(20px,2.6vw,24px)!important;color:#1c2b4a!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-mine-list{display:grid;gap:12px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-empty{margin:0!important;color:#5b6475}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub{display:grid;gap:10px;padding:16px;border:1px solid #e5dcc6;border-left:5px solid #b45309;border-radius:14px;background:#fffdf8}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub.is-approved{border-left-color:#047857}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub.is-redo{border-left-color:#b91c1c}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub-status{padding:5px 12px;border-radius:999px;background:#b45309;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:12.5px;font-weight:800}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub-status.is-approved{background:#047857}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub-status.is-redo{background:#b91c1c}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub-meta{color:#5b6475;font-size:13.5px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub-reward{margin:0!important;font-weight:800;color:#047857}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub-note{margin:0!important;color:#374151}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub-feedback{padding:12px 14px;border-left:4px solid #d9c08a;border-radius:10px;background:#fffaf0}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-sub-by{margin-bottom:4px;font-size:12.5px;font-weight:800;color:#8a6d2b}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rich{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere;color:#1f2a44}@media(max-width:560px){html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-nav{width:100%}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-test-nav a{flex:1;text-align:center}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-q-list>li{padding:11px 12px!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-sticky{flex-wrap:nowrap;gap:8px;bottom:10px;padding:8px 10px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-sticky-text{display:none}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .sp-rec-sticky .sp-btn{padding:6px 12px;font-size:13.5px}}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .st-admin-card{display:grid;gap:10px;padding:16px 18px!important;border-left:5px solid #b45309!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .st-admin-card.is-approved{border-left-color:#047857!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .st-admin-card.is-redo{border-left-color:#b91c1c!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .st-admin-card .sp-player{display:flex;flex-wrap:wrap;gap:10px;align-items:center}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .st-admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .st-admin-actions .st-approve{background:#047857!important;border-color:#047857!important;color:#fff!important;-webkit-text-fill-color:#fff!important}html:is(#spt,*) body:is(#spt,*):is(#spt,*):is(#spt,*) .st-admin-actions .st-redo{background:#b91c1c!important;border-color:#b91c1c!important;color:#fff!important;-webkit-text-fill-color:#fff!important}