.feelings-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.feelings-nav button{padding:12px 8px;background:#fff8f4;border:1px solid #d9adb6;border-radius:16px;color:#793f50;font:800 16px var(--font)}.feelings-nav button[aria-pressed=true]{background:#87465b;color:white}.feelings-skill-trail{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}.feelings-skill-trail button{width:44px;border:1px solid #d9adb6;border-radius:15px;background:#fff5f6;color:#793f50;font:800 17px var(--font)}.feelings-skill-trail button[aria-pressed=true]{background:#87465b;color:white}.feelings-skill-stage{width:100%;max-width:640px}.feelings-practice-note{font-size:14px;line-height:1.6;max-width:600px;margin:14px 0 20px}.feelings-story{background:#fffaf3;border:2px solid #dfc4c8;border-radius:22px;padding:20px;margin:10px 0 20px}.feelings-scene{font-size:48px}.feelings-story h3{font:800 21px var(--font);margin:12px 0}.feelings-story p{font-size:21px;line-height:1.65;margin:12px 0 0}.feelings-pair{display:grid;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);gap:8px;align-items:center;margin:20px auto;max-width:480px;font:800 21px var(--font)}.feelings-pair [data-feeling-slot]{padding:16px 8px;border:2px dashed #c78c9d;border-radius:18px;background:#fff5f7;overflow-wrap:anywhere}.feelings-word-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.feelings-word-cards button{min-width:0;padding:14px 8px;background:#fffaf3;border:2px solid #d9adb6;border-bottom-width:5px;border-radius:18px;color:#793f50;font:800 21px var(--font)}.feelings-word-cards button>span{display:block;font-size:38px;margin-bottom:6px}.feelings-word-cards button[aria-pressed=true]{background:#ffe3ed;border-color:#9a516b}.feelings-skill-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0}.feelings-skill-actions .primary-button{width:auto;min-width:145px}.feelings-skills-content .feedback{min-height:52px;line-height:1.6}.conversation-choices{display:grid;gap:12px;margin:18px 0}.conversation-choice{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:8px;align-items:stretch}.conversation-choice [data-reply]{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;padding:16px;background:#fffaf3;border:2px solid #d9adb6;border-bottom-width:4px;border-radius:18px;font:800 20px/1.5 var(--font);color:#793f50}.conversation-choice [data-reply]>span{font-size:30px;flex-shrink:0}.conversation-choice [data-reply].accepted{background:#e7f1d6;border-color:#6c9251}.conversation-choice [data-reply-hear]{width:100%;margin:0;font-size:15px;border-radius:16px}.conversation-reply{font-weight:800;line-height:1.6;margin:18px 0;min-height:24px}.conversation-history{text-align:left;background:#fffaf3;border:1px solid #dfc4c8;border-radius:16px;padding:14px;margin:0 0 16px}.conversation-history summary{font-weight:800;cursor:pointer}.conversation-history p{font-size:16px;line-height:1.6;margin:12px 0}.feelings-skills-content button:focus-visible,.feelings-nav button:focus-visible{outline:3px solid #396c91;outline-offset:4px}@media(max-width:650px){.feelings-nav{grid-template-columns:1fr;gap:8px}.feelings-nav button{font-size:16px}.feelings-skill-trail{gap:6px}.feelings-skill-trail button{width:40px}.feelings-story{padding:16px}.feelings-story p{font-size:19px}.feelings-word-cards{gap:8px}.feelings-word-cards button{font-size:17px;overflow-wrap:anywhere}.feelings-pair{font-size:17px}.conversation-choice{grid-template-columns:1fr}.conversation-choice [data-reply]{font-size:18px}.conversation-choice [data-reply-hear]{justify-self:end;width:auto;min-height:44px;padding:8px 16px}.feelings-skill-actions{gap:8px}}
@media(max-width:400px){.feelings-pair{grid-template-columns:1fr;gap:4px;max-width:230px}.feelings-pair [data-feeling-slot]{padding:10px;overflow-wrap:normal}.feelings-word-cards{grid-template-columns:1fr}.feelings-word-cards button{display:flex;align-items:center;gap:14px;text-align:left;font-size:19px;padding:12px 16px;overflow-wrap:normal;min-height:74px}.feelings-word-cards button>span{font-size:32px;margin:0}}