[data-family-feed-root]{color:#edf4fc;font:15px/1.55 system-ui,sans-serif;max-width:1220px;margin:0 auto;padding:28px;overflow-wrap:anywhere}[data-family-feed-root] *{box-sizing:border-box;min-width:0}[data-family-feed-root] h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:10px 0}[data-family-feed-root] h2{font-size:20px;margin:0 0 16px}[data-family-feed-root] button,[data-family-feed-root] input,[data-family-feed-root] select,[data-family-feed-root] textarea{font:inherit;color:inherit;background:#0d1d2b;border:1px solid #355269;border-radius:10px;padding:11px 14px;max-width:100%}[data-family-feed-root] button{cursor:pointer;min-height:44px;font-weight:700}[data-family-feed-root] button:hover{border-color:#6db9ff}[data-family-feed-root] :focus-visible{outline:3px solid #6db9ff;outline-offset:3px}[data-family-feed-root] textarea{display:block;width:100%;min-height:120px;resize:vertical;margin:14px 0}[data-family-feed-root] select{width:100%;margin:8px 0}[data-family-feed-root] .ff-primary{background:#287cdb;border-color:#5bafff;color:white}[data-family-feed-root] .ff-eyebrow{color:#55dfd4;font-size:12px;font-weight:800;letter-spacing:.15em}[data-family-feed-root] .ff-title{margin-bottom:22px}[data-family-feed-root] .ff-title p,[data-family-feed-root] .ff-muted{color:#a4b7c9}[data-family-feed-root] .ff-note{background:#112c37;border:1px solid #2e6570;border-radius:14px;padding:18px;margin:16px 0}[data-family-feed-root] .ff-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:22px}[data-family-feed-root] .ff-card,[data-family-feed-root] .ff-post{background:#122331;border:1px solid #30495d;border-radius:18px;padding:22px;margin-bottom:20px}[data-family-feed-root] .ff-member{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border-top:1px solid #30495d;padding:14px 0}[data-family-feed-root] .ff-member span{color:#abc0d1}[data-family-feed-root] .ff-nav,[data-family-feed-root] .ff-post-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}[data-family-feed-root] .ff-nav [aria-pressed=true]{background:#287cdb}[data-family-feed-root] .ff-post-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}[data-family-feed-root] .ff-pill{background:#163c41;color:#8ee9dd;border:1px solid #28656a;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800}[data-family-feed-root] .ff-post-text{white-space:pre-wrap}[data-family-feed-root] img{display:block;max-width:100%;max-height:65vh;object-fit:contain;border-radius:12px;margin:14px auto}[data-family-feed-root] .ff-status:empty{display:none}[data-family-feed-root] .ff-status{background:#442a36;border:1px solid #b56986;border-radius:10px;padding:12px;position:relative;z-index:2}[data-family-feed-root] .ff-dialog{background:#122331;color:#edf4fc;border:1px solid #45657d;border-radius:18px;width:min(580px,calc(100% - 24px));max-height:calc(100dvh - 30px);padding:22px;overflow:auto}[data-family-feed-root] .ff-dialog::backdrop{background:#020913cc}[data-family-feed-root] .ff-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;position:sticky;bottom:-22px;background:#122331;padding:16px 0 8px;margin-top:12px}[data-family-feed-root] .ff-dialog input{width:100%;margin:8px 0}[data-family-feed-root] .ff-dialog-body{max-width:100%}@media(max-width:760px){[data-family-feed-root]{padding:16px}[data-family-feed-root] .ff-layout{grid-template-columns:minmax(0,1fr)}[data-family-feed-root] aside{grid-row:1}[data-family-feed-root] .ff-card,[data-family-feed-root] .ff-post{padding:16px}[data-family-feed-root] .ff-dialog{padding:16px}[data-family-feed-root] .ff-dialog-actions{bottom:-16px}}@media(max-width:360px){[data-family-feed-root]{padding:12px}[data-family-feed-root] .ff-dialog-actions button{flex:1 1 100%}[data-family-feed-root] .ff-post-actions button{flex:1 1 40%}}

[data-family-feed-root] .ff-image-button{display:block;width:100%;padding:0;border:0;background:transparent}

[data-family-feed-root]{container-type:inline-size}[data-family-feed-root][hidden]{display:none!important}
[data-family-feed-root] .ff-dialog input[type=checkbox]{width:22px;height:22px;margin:0 8px 0 0;vertical-align:middle;accent-color:#287cdb}
[data-family-feed-root] .ff-dialog label{display:block;margin:16px 0;line-height:1.6}
@container(max-width:760px){[data-family-feed-root] .ff-layout{grid-template-columns:minmax(0,1fr)}[data-family-feed-root] aside{grid-row:1}}