.sp-surface,.sp-hero-audio,.sp-hero-list{--sp-white:#fff;--sp-ink:#111;--sp-muted:#5a5a66;--sp-soft:#f5f5f7;--sp-purple:var(--color-lang-purple);--sp-correct:#0f7b3a;--sp-incorrect:#b42318;box-sizing:border-box;color:var(--sp-ink)}.sp-surface *,.sp-surface :before,.sp-surface :after,.sp-hero-audio *,.sp-hero-list *,.sp-hero-list :before,.sp-hero-list :after{box-sizing:border-box}.sp-surface p{margin:0}.sp-surface button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.sp-surface{background:var(--sp-white);flex-direction:column;gap:20px;width:100%;height:100%;display:flex}.sp-options{flex-direction:column;flex:auto;gap:16px;min-height:0;display:flex}.sp-option{border:2px solid var(--sp-ink);border-radius:calc(var(--r-card) / var(--game-scale,.432));min-width:0;min-height:104px;color:var(--sp-ink);background:var(--sp-white);text-align:left;flex:1 1 0;align-items:center;gap:24px;padding:0 24px;display:flex;position:relative;overflow:hidden}.sp-option[data-state=selected],.sp-option[data-state=correct],.sp-option[data-state=incorrect]{border-width:4px;padding:0 22px}.sp-option[data-state=selected],.sp-option[data-state=correct]{border-color:var(--sp-purple)}.sp-option[data-state=incorrect]{border-color:var(--sp-incorrect)}.sp-option[aria-disabled=true]{cursor:default}.sp-option[data-state=idle]:hover{background:var(--sp-soft)}.sp-option[aria-disabled=false]:active{border-color:var(--sp-purple);background:var(--sp-soft)}.sp-option-marker{border:2px solid var(--sp-ink);border-radius:calc(var(--r-chip) / var(--game-scale,.432));background:var(--sp-white);width:48px;height:48px;color:var(--sp-ink);flex:0 0 48px;place-items:center;font-size:30px;font-weight:600;line-height:1;display:grid}.sp-option-word{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:40px;font-weight:700;line-height:1.2;overflow:hidden}.sp-selection-dot{border:13px solid var(--sp-purple);background:var(--sp-white);border-radius:50%;flex:0 0 48px;width:48px;height:48px}.sp-option-badge{background:var(--sp-white);width:48px;height:48px;color:var(--sp-correct);border-radius:50%;flex:0 0 48px;display:block;position:relative}.sp-option-badge svg{width:48px;height:48px;fill:var(--sp-correct);stroke:var(--sp-white)}.sp-option[data-state=incorrect] .sp-option-badge svg{fill:var(--sp-incorrect)}.sp-reveal{border-radius:calc(var(--r-card) / var(--game-scale,.432));background:var(--sp-soft);flex:none;padding:18px 24px}.sp-reveal-label{color:var(--sp-muted);text-transform:uppercase;letter-spacing:.04em;font-size:22px;font-weight:700;line-height:1.3}.sp-sentence{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:8px;font-size:30px;line-height:1.3;display:-webkit-box;overflow:hidden}.sp-answer{border-radius:calc(var(--r-chip) / var(--game-scale,.432));color:var(--sp-purple);background:var(--color-lang-purple-tint,#efe9f8);padding:0 4px;font-weight:700}.sp-definition{color:var(--sp-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:26px;line-height:1.3;overflow:hidden}.sp-sr-only{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.sp-hero-audio{border-radius:var(--r-btn);width:100px;height:40px;color:var(--sp-white);background:var(--sp-purple);justify-content:center;align-items:center;gap:10px;display:flex}.sp-hero-audio>svg{stroke-width:1.8px;width:29px;height:29px}.sp-hero-wave{align-items:center;gap:4px;height:32px;display:flex}.sp-hero-wave i{background:currentColor;width:2px;display:block}.sp-hero-list{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.sp-hero-pill{border:1px solid var(--sp-ink);border-radius:var(--r-card);background:var(--sp-white);align-items:center;gap:10px;min-height:36px;padding:0 11px;font-size:14px;font-weight:600;line-height:1.2;display:flex;position:relative}.sp-hero-letter{border:1px solid var(--sp-ink);border-radius:var(--r-chip);flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:600;display:grid}.sp-hero-word{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sp-hero-selected{border:2px solid var(--sp-purple);padding:0 10px}.sp-hero-dot{border:4px solid var(--sp-purple);background:var(--sp-white);border-radius:50%;flex:0 0 15px;width:15px;height:15px}.sp-hero-dot svg{display:none}@media (width>=1024px){.sp-surface{gap:var(--space-5,20px);height:auto}.sp-options{gap:var(--space-3,12px)}.sp-option{gap:var(--space-3,12px);min-height:var(--touch,44px);padding:var(--space-2,8px) var(--space-4,16px);border:var(--border-hairline,1px solid #e5e8ee);border-radius:var(--r-card,8px);flex:none}.sp-option[data-state=selected],.sp-option[data-state=correct],.sp-option[data-state=incorrect]{padding:calc(var(--space-2,8px) - 1px) calc(var(--space-4,16px) - 1px);border-width:2px}.sp-option[data-state=selected],.sp-option[data-state=correct]{border-color:var(--sp-purple)}.sp-option[data-state=incorrect]{border-color:var(--sp-incorrect)}.sp-option-marker{flex-basis:var(--space-7,32px);width:var(--space-7,32px);height:var(--space-7,32px);border:var(--border-hairline,1px solid #e5e8ee);border-radius:var(--r-chip,4px);font-size:var(--fs-body,16px)}.sp-option-word{font-size:var(--fs-h2,18px)}.sp-selection-dot,.sp-option-badge{flex-basis:var(--space-6,24px);width:var(--space-6,24px);height:var(--space-6,24px)}.sp-selection-dot{border-radius:var(--r-chip,4px);background:var(--sp-purple);border:0;place-items:center;display:grid}.sp-selection-dot:after{content:"";width:var(--space-3,12px);height:var(--space-2,8px);margin-top:calc(-1 * var(--space-1,4px) / 2);border-left:2px solid var(--sp-white);border-bottom:2px solid var(--sp-white);transform:rotate(-45deg)}.sp-option-badge svg{width:100%;height:100%}.sp-reveal{padding:var(--space-3,12px) var(--space-4,16px);border-radius:var(--r-card,8px)}.sp-reveal-label{font-size:var(--fs-small,14px)}.sp-sentence{margin-top:var(--space-1,4px);font-size:var(--fs-body,16px);line-height:1.5;display:block}.sp-answer{border-radius:var(--r-chip,4px)}.sp-definition{margin-top:var(--space-1,4px);font-size:var(--fs-small,14px);white-space:normal;line-height:1.5}.sp-hero-audio{gap:var(--space-4,16px);width:120px;height:var(--space-9,48px)}.sp-hero-audio>svg{width:var(--space-6,24px);height:var(--space-6,24px);stroke-width:1.6px}.sp-hero-list{gap:var(--space-2,8px);width:80%}.sp-hero-pill{min-height:var(--space-8,40px);border-color:var(--color-border-subtle,#e5e8ee);font-size:var(--fs-body,16px)}.sp-hero-selected{border-color:var(--sp-purple)}.sp-hero-dot{flex-basis:var(--space-6,24px);width:var(--space-6,24px);height:var(--space-6,24px);border-radius:var(--r-chip,4px);color:var(--sp-white);background:var(--sp-purple);border:0;place-items:center;display:grid}.sp-hero-dot svg{width:var(--space-4,16px);height:var(--space-4,16px);stroke-width:1.6px;display:block}}