.item-gap{display:inline-block;min-width:4.5em;padding:0 4px;vertical-align:baseline;border-bottom:2px solid var(--border-strong);line-height:1.2;text-align:center;color:var(--primary-ink)}.item-gap[data-filled=true]{min-width:0;border-bottom-color:var(--primary);font-weight:var(--fw-semi)}.item-focus{color:inherit}.item-text{margin-top:var(--sp-5)}.item-text__row{display:flex;gap:var(--sp-3);align-items:stretch;flex-wrap:wrap}.item-text__box{position:relative;flex:1 1 240px;min-width:0}.item-text__input{font-size:var(--fs-body)}.item-text[data-state] .item-text__input{padding-right:132px}.item-text[data-state=correct] .item-text__input{border-color:var(--success);background:color-mix(in srgb,var(--success) var(--mix-option),var(--option-tint-base))}.item-text[data-state=wrong] .item-text__input{border-color:var(--error);background:color-mix(in srgb,var(--error) var(--mix-option),var(--option-tint-base))}.item-text__input:read-only{cursor:default}.item-text__status{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--fs-mono-sm);pointer-events:none}.item-text__status .icon{--icon-size: 16px}.item-text[data-state=correct] .item-text__status{color:var(--success-ink)}.item-text[data-state=wrong] .item-text__status{color:var(--error-ink)}.item-text .field__meta>span:first-child{min-width:0}.item-text__count{flex:none;white-space:nowrap}.item-text__count[data-near=true]{color:var(--warning-ink)}.item-clue{margin-top:var(--sp-3);font-size:var(--fs-sm);line-height:1.55;color:var(--text-muted)}.item-clue b{color:var(--text);font-weight:var(--fw-semi)}.syllables{margin-top:var(--sp-5);display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--sp-2)}.syllables__cell{display:flex;align-items:center;gap:var(--sp-2)}.syllables__sep{font-family:var(--font-mono);font-size:var(--fs-h4);color:var(--text-faint)}.syllable{min-width:88px;min-height:88px;padding:10px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:var(--r-md);border:1px solid var(--border-mid);background:var(--control-bg);color:var(--text);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}button.syllable:not(:disabled):hover{border-color:var(--border-hover)}button.syllable:disabled{cursor:default}.syllable__key{width:24px;height:24px;border-radius:var(--r-sm);border:1px solid var(--border-key);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.syllable__key .icon{--icon-size: 16px}.syllable__text{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-semi);line-height:1.1}.syllable__status{min-height:14px;font-family:var(--font-mono);font-size:var(--fs-mono-xs);letter-spacing:.04em;color:var(--text-disabled)}.syllables--exam .syllable{min-width:96px}.syllable[data-state=selected]{background:color-mix(in srgb,var(--primary) var(--mix-option),var(--option-tint-base));border-color:var(--primary)}.syllable[data-state=selected] .syllable__key{background:var(--primary);border-color:var(--primary);color:var(--on-accent)}.syllable[data-state=selected] .syllable__status{color:var(--primary-ink)}.syllable[data-state=correct]{background:color-mix(in srgb,var(--success) var(--mix-option),var(--option-tint-base));border-color:var(--success)}.syllable[data-state=correct] .syllable__key{background:var(--success);border-color:var(--success);color:var(--on-bright)}.syllable[data-state=correct] .syllable__status{color:var(--success-ink)}.syllable[data-state=wrong]{background:color-mix(in srgb,var(--error) var(--mix-option),var(--option-tint-base));border-color:var(--error)}.syllable[data-state=wrong] .syllable__key{background:var(--error);border-color:var(--error);color:var(--on-bright)}.syllable[data-state=wrong] .syllable__status{color:var(--error-ink)}.syllable[data-state=was-correct]{border-style:dashed;border-color:var(--success)}.syllable[data-state=was-correct] .syllable__key{border-style:dashed;border-color:var(--success);color:var(--success-ink)}.syllable[data-state=was-correct] .syllable__status{color:var(--success-ink)}.syllable[data-state=muted]{border-color:var(--border-subtle);color:var(--text-locked)}.syllables[aria-busy=true] .syllable{cursor:progress}.item-audio{margin-top:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:var(--bg-elev-2);border:1px solid var(--border)}.item-audio__note{margin-top:var(--sp-3);align-items:flex-start}.item-audio__note b{font-weight:var(--fw-semi)}.item-answer-line{margin-top:var(--sp-3);font-size:15px;line-height:1.6;color:var(--text-muted)}.item-answer-line b{color:var(--text);font-weight:var(--fw-semi)}.item-ipa{font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--text)}@media(max-width:760px){.syllable{min-width:72px;min-height:var(--hit-min);padding:8px 10px}.syllables--exam .syllable{min-width:72px}.syllable__text{font-size:var(--fs-h4)}.item-text[data-state] .item-text__input{padding-right:14px}.item-text__status{position:static;transform:none;margin-top:var(--sp-2)}.item-text__row>.btn{flex:1 1 100%}}