.family-channels{gap:18px;padding-bottom:28px;display:grid}.family-channels__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.family-channels__header h1,.family-channels__header h2{margin:0}.family-channels__description{color:var(--ink-soft);margin:8px 0 0;line-height:1.55}.family-channels__badge{border:1px solid var(--line);min-height:24px;color:var(--ink-soft);background:var(--bg-soft);border-radius:100px;align-items:center;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.family-channels__list,.family-channels__form,.family-channels__audience,.family-channels__recovery{gap:12px;display:grid}.family-channels__row{border:1px solid var(--line);color:var(--ink);border-radius:16px;gap:6px;padding:16px;text-decoration:none;display:grid}.family-channels__row:focus-visible,.family-channel__message:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.family-channels__row-head,.family-channels__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.family-channels__row p{overflow-wrap:anywhere;margin:0}.family-channels__form,.family-channels__audience,.family-channels__recovery{border:1px solid var(--line);background:var(--bg-soft);border-radius:16px;padding:16px}.family-channels__audience ul{gap:8px;margin:0;padding-left:20px;display:grid}.family-channels__audience small{color:var(--ink-soft);display:block}.family-channel__messages{gap:12px;min-width:0;display:grid}.family-channel__message{border:1px solid var(--line);background:var(--bg-soft);overflow-wrap:anywhere;border-radius:16px;padding:14px}.family-channel__message header{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;display:flex}.family-channel__message p{white-space:pre-wrap;line-height:1.55}.family-channel__message blockquote{border-left:3px solid var(--line);color:var(--ink-soft);white-space:pre-wrap;margin:10px 0;padding:8px 12px}.family-channel__message .text-button{min-height:40px}.family-channel__composer{gap:12px;display:grid}.family-channel__composer textarea{resize:vertical;min-height:96px}.family-channel__interval{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.family-channel__notice{background:var(--bg-soft);color:var(--ink-soft);border-radius:12px;padding:12px 16px;line-height:1.55}.family-channel-inbox{gap:12px;margin-bottom:20px;display:grid}.family-channel-inbox h2{margin:0;font-size:18px}@media (width<=480px){.family-channels__header{flex-wrap:wrap}.family-channels__form,.family-channels__audience{padding:12px}}
