@layer components{._0SirMa_stack{gap:16px;display:grid}._0SirMa_stackTight{gap:12px;display:grid}._0SirMa_prompt{font-size:var(--fs-jp-md);color:var(--ink);line-height:2.2}._0SirMa_promptCloze{font-size:var(--fs-jp-md);color:var(--ink);line-height:2.5}._0SirMa_promptInline{font-size:var(--fs-jp-md);color:var(--ink);line-height:2.6}@media (min-width:1024px){._0SirMa_prompt,._0SirMa_promptCloze,._0SirMa_promptInline{font-size:var(--fs-jp-lg)}}._0SirMa_blank,._0SirMa_slot{font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line-strong);min-height:var(--tap-min);border-radius:0;padding:4px 8px;font-size:1.0625rem}._0SirMa_blank{text-align:center;vertical-align:baseline;outline:none;max-width:100%;margin:0 4px;font-weight:600;display:inline-block}._0SirMa_blank[data-block]{text-align:left;width:100%;margin:0;display:block}._0SirMa_blank:focus-visible{border-color:var(--accent);outline:3px solid var(--focus);outline-offset:2px}._0SirMa_slot{vertical-align:baseline;cursor:pointer;justify-content:center;align-items:center;min-width:2.6em;margin:0 4px;padding:2px 8px;font-weight:700;display:inline-flex}._0SirMa_slot:focus-visible{outline:3px solid var(--focus);outline-offset:2px}._0SirMa_slot[data-active]{border-color:var(--accent);background:var(--surface-3);box-shadow:0 0 0 2px var(--accent)}._0SirMa_blank[data-tone=correct],._0SirMa_slot[data-tone=correct]{border-color:var(--ok);background:var(--ok-bg);color:var(--ink)}._0SirMa_blank[data-tone=wrong],._0SirMa_slot[data-tone=wrong]{border-color:var(--bad);background:var(--bad-bg);color:var(--ink)}._0SirMa_blank:disabled{cursor:default}._0SirMa_chips{flex-wrap:wrap;gap:8px;display:flex}._0SirMa_chip{min-width:var(--tap-min);min-height:var(--tap-min);font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line-strong);cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:4px 16px;font-size:1.125rem;font-weight:700;display:inline-flex}._0SirMa_chip:hover:not(:disabled){background:var(--surface-3)}._0SirMa_chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}._0SirMa_chip:disabled{cursor:default}._0SirMa_chip[data-state=chosen]{border-color:var(--accent);background:var(--surface-3)}._0SirMa_chip[data-state=correct]{border-color:var(--ok);background:var(--ok-bg)}._0SirMa_chip[data-state=wrong]{border-color:var(--bad);background:var(--bad-bg)}._0SirMa_chip[data-state=other]{border-color:var(--line);background:var(--surface-2)}._0SirMa_choiceGroup{vertical-align:middle;background:var(--surface-2);border:2px solid var(--line);border-radius:0;flex-wrap:wrap;align-items:center;gap:4px;margin:0 4px;padding:4px;display:inline-flex}._0SirMa_choice{min-width:var(--tap-min);min-height:var(--tap-min);font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:0;padding:2px 8px;font-size:1.0625rem;font-weight:600;line-height:1.5}._0SirMa_choice:hover:not(:disabled){background:var(--surface)}._0SirMa_choice:focus-visible{outline:3px solid var(--focus);outline-offset:2px}._0SirMa_choice:disabled{cursor:default}._0SirMa_choice[data-state=chosen]{border-color:var(--accent);background:var(--surface)}._0SirMa_choice[data-state=correct]{border-color:var(--ok);background:var(--ok-bg)}._0SirMa_choice[data-state=wrong]{border-color:var(--bad);background:var(--bad-bg)}._0SirMa_choice[data-state=other]{color:var(--ink-2);border-color:#0000}._0SirMa_wordbox{background:var(--surface-2);border:2px dashed var(--line-strong);flex-wrap:wrap;gap:6px;padding:10px;display:flex}._0SirMa_word{background:var(--surface);border:2px solid var(--line);padding:2px 8px;font-size:.9375rem}._0SirMa_hint{font-size:var(--fs-small);color:var(--ink-3)}._0SirMa_arrowRow{align-items:center;gap:8px;display:flex}._0SirMa_arrow{color:var(--ink-3);flex-shrink:0;font-size:1.125rem}._0SirMa_given{background:var(--surface-2);border:2px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 16px;display:flex}._0SirMa_givenLabel{font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ink-3);font-weight:700}._0SirMa_givenText{color:var(--ink);font-size:1.5rem;font-weight:700}._0SirMa_givenGroup{font-size:var(--fs-small);color:var(--ink-3);margin-left:auto}._0SirMa_targets{gap:8px;display:grid}._0SirMa_target{grid-template-columns:minmax(7rem,1fr) 2fr;align-items:center;gap:12px;display:grid}._0SirMa_targetLabel{font-size:var(--fs-small);color:var(--ink-2)}._0SirMa_intro{gap:4px;display:grid}._0SirMa_introTitle{font-size:var(--fs-h3);line-height:var(--lh-h3);color:var(--ink);font-weight:700}._0SirMa_introText,._0SirMa_introExample{font-size:var(--fs-small);color:var(--ink-2)}._0SirMa_exampleMark{margin-right:4px;font-weight:700}._0SirMa_exampleArrow{margin:0 4px}._0SirMa_vocab{font-size:var(--fs-small);background:var(--surface-2);border:2px solid var(--line);flex-wrap:wrap;gap:4px 16px;margin:0;padding:8px 12px;display:flex}._0SirMa_vocabRow{align-items:baseline;gap:6px;display:flex}._0SirMa_vocabJa{color:var(--ink);margin:0;font-weight:600}._0SirMa_vocabVi{color:var(--ink-2);margin:0}._0SirMa_figure{background:var(--surface);border:2px solid var(--line-strong);margin:0;overflow:hidden}._0SirMa_figure img{width:100%;display:block}}
@layer components{.ONPiya_view{gap:16px;display:grid}.ONPiya_view>*,.ONPiya_view :is(.ONPiya_starStack,.ONPiya_passageStack,.grid,.flex)>*{min-width:0}.ONPiya_progressRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.ONPiya_noteList{gap:6px;margin:0;padding-left:1.25rem;list-style:outside;display:grid}.ONPiya_starStack,.ONPiya_passageStack{gap:16px;display:grid}.ONPiya_passage{color:var(--ink);margin:0;font-size:1.125rem;line-height:2.6}.ONPiya_given{color:var(--ink-2);margin:0 2px 0 6px;font-size:.875rem}.ONPiya_slotSelect{font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line-strong);min-height:var(--tap-min);vertical-align:baseline;border-radius:0;max-width:100%;margin:0 4px;padding:2px 8px;font-size:1.0625rem;font-weight:600}.ONPiya_slotSelect:focus-visible{border-color:var(--accent);outline:3px solid var(--focus);outline-offset:2px}.ONPiya_slotSelect:disabled{opacity:1}.ONPiya_slotSelect[data-tone=correct]{border-color:var(--ok);background:var(--ok-bg)}.ONPiya_slotSelect[data-tone=wrong]{border-color:var(--bad);background:var(--bad-bg)}.ONPiya_slotNotes{border:2px solid var(--line);background:var(--surface-2);gap:6px;margin:0;padding:12px 16px;font-size:.875rem;line-height:1.6;list-style:none;display:grid}.ONPiya_slotNotes li[data-tone=correct]{color:var(--ok)}.ONPiya_slotNotes li[data-tone=wrong]{color:var(--ink)}.ONPiya_feedback{gap:6px;padding:16px;font-size:.875rem;line-height:1.6;display:grid}}