.exchange-activity{font-size:.95rem;line-height:1.65}.exchange-meta{display:flex;justify-content:space-between;gap:12px;font-size:.72rem;font-weight:700;color:var(--accent-deep,var(--accent-strong,#226147))}.exchange-heading{font:500 1.6rem/1.3 var(--serif,var(--font-display));margin:16px 0}.exchange-heading:focus{outline:none}.exchange-heading:focus-visible{outline:2px solid var(--accent)}.exchange-scene{margin-bottom:18px}.exchange-speaker{display:block;font-size:.72rem;font-weight:700;margin-bottom:8px}.exchange-bubble{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff);margin:12px 22px 12px 0}.exchange-you{margin:12px 0 12px 22px;background:var(--accent-soft,#e5eadf);border-radius:16px 16px 4px 16px}.exchange-them{border-radius:16px 16px 16px 4px}.exchange-bubble .phrase-list{margin:0}.exchange-bubble .phrase,.exchange-bubble .phrase-line{background:transparent;margin:0}.exchange-options{display:grid;gap:10px}.exchange-options button{padding:12px;min-height:48px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;font-family:var(--serif,var(--font-ko));cursor:pointer}.exchange-options button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.exchange-hint{padding:12px 0;margin:8px 0}.exchange-hint summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0}.exchange-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:20px}.exchange-note,.exchange-feedback,#exchangeFeedback{font-size:.85rem;line-height:1.7;color:#505750}#exchangeNext{background:var(--accent-deep,var(--accent-strong,#226147));color:#fff;transition:none}@media(max-width:380px){.exchange-bubble{margin-right:8px;padding:12px}.exchange-you{margin-left:8px;margin-right:0}}.exchange-bubble .phrase-en,.exchange-bubble .phrase-reading,.exchange-bubble .en{color:#4b554e}