.cx{--cx-bg:#ffffff;--cx-subtle:#f6f6f7;--cx-border:#e7e7ea;--cx-text:#18181b;--cx-muted:#71717a;--cx-faint:#a1a1aa;--cx-line:#dcdce0;--cx-ink:#18181b;--cx-mention:#2563eb;width:100%;margin:1.5rem 0;border:1px solid var(--cx-border);border-radius:14px;background:var(--cx-bg);color:var(--cx-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif;container-type:inline-size;overflow:hidden;box-shadow:0 1px 2px rgb(0 0 0/.04)}.dark .cx{--cx-bg:#18181b;--cx-subtle:#27272a;--cx-border:#3f3f46;--cx-text:#fafafa;--cx-muted:#d4d4d8;--cx-faint:#a1a1aa;--cx-line:#71717a;--cx-ink:#fafafa;--cx-mention:#60a5fa;box-shadow:0 12px 30px rgb(0 0 0/.28)}:where(.cx) button{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.cx-compose textarea:focus-visible,:where(.cx) button:focus-visible{outline:2px solid var(--cx-ink);outline-offset:2px}.cx-count{font-size:13px;color:var(--cx-muted);font-variant-numeric:tabular-nums}.cx-seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--cx-subtle);box-shadow:inset 0 0 0 1px rgb(0 0 0/.045)}.cx-seg button{padding:5px 13px;border-radius:7px;font-size:12.5px;font-weight:500;color:var(--cx-muted);transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}@media (hover:hover) and (pointer:fine){.cx-seg button:hover{color:var(--cx-text)}}.cx-seg button[aria-pressed=true]{background:#fff;color:var(--cx-text);box-shadow:0 1px 2.5px rgb(0 0 0/.12),0 0 0 .5px rgb(0 0 0/.05)}.cx-live{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--cx-border);border-radius:50%;background:#fff;color:var(--cx-muted);box-shadow:0 1px 2px rgb(0 0 0/.04);transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.cx-live svg{width:15px;height:15px}.cx-live.on{color:var(--cx-text);border-color:color-mix(in oklab,var(--cx-ink) 25%,var(--cx-border));box-shadow:0 2px 6px rgb(0 0 0/.07)}.cx-stage{height:640px;padding:20px 20px 28px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4d4d8 transparent;background:var(--cx-bg)}.dark .cx-stage{scrollbar-color:#71717a transparent}.cx-stage .rm-connector{stroke:var(--cx-line);stroke-width:1.5;transition:stroke .2s}.cx-stage .rm-connector[data-line=lit]{stroke:var(--cx-ink)}.cx[data-variant=preview] .cx-stage{height:auto;max-height:600px;overflow:clip;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 72px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 72px),transparent)}.cx-comment{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:start}.cx-comment[data-depth="1"]{grid-template-columns:32px minmax(0,1fr);column-gap:10px}.cx-comment[data-depth="2"],.cx-comment[data-depth="3"]{grid-template-columns:28px minmax(0,1fr);column-gap:9px}.cx-replies{display:grid;grid-column:2;gap:14px;margin-top:12px}.cx-replies:not(.top){margin-left:10px}.cx-comment[data-depth="1"]>.cx-replies,.cx-comment[data-depth="2"]>.cx-replies{gap:12px;margin-top:10px}.cx-replies.top{margin:14px 0 0 44px}.cx-avatar{display:block;width:36px;height:36px;border-radius:50%;background:var(--cx-subtle);box-shadow:0 0 0 1px var(--cx-border);transition:box-shadow .2s}.cx-avatar.small{width:22px;height:22px}.cx-comment[data-depth="1"]>.cx-avatar{width:32px;height:32px}.cx-comment[data-depth="2"]>.cx-avatar,.cx-comment[data-depth="3"]>.cx-avatar{width:28px;height:28px}.cx-main{min-width:0}.cx-bubble{display:grid;gap:3px;justify-self:start;max-width:100%;padding:9px 13px 11px;border-radius:4px 14px 14px 14px;background:var(--cx-subtle)}.cx-meta{display:flex;align-items:baseline;gap:8px;margin:0;font-size:13px}.cx-meta strong{font-weight:600}.cx-age{font-size:12px;color:var(--cx-faint)}.cx-text{margin:0;font-size:14px;line-height:1.55}.cx-dots{display:inline-flex;grid-auto-flow:column;gap:4px;align-self:center;padding:12px 14px;border-radius:14px}.cx-dots i{width:6px;height:6px;border-radius:50%;background:var(--cx-faint);animation:cx-dot 1.1s ease-in-out infinite}.cx-dots i:nth-child(2){animation-delay:.15s}.cx-dots i:nth-child(3){animation-delay:.3s}.cx-top{transition:opacity .2s}.cx-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding:14px 0;border-block:1px solid var(--cx-border)}.cx-seg.small button{min-height:28px;padding:3px 10px;font-size:12px}.cx-badge{padding:1px 6px;border-radius:4px;background:var(--cx-subtle);font-size:11px;font-weight:500;color:var(--cx-muted)}.cx-badge.official{background:var(--cx-ink);color:#fff}.dark .cx-badge.official{background:#a78bfa;color:#1e1b4b}.cx-bubble.official{background:var(--cx-bg);box-shadow:inset 0 0 0 1px var(--cx-border)}.cx-vote{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border:1px solid var(--cx-border);border-radius:999px;font-size:12px;color:var(--cx-muted);font-variant-numeric:tabular-nums}@media (hover:hover) and (pointer:fine){.cx-vote:hover{background:var(--cx-subtle)}}.cx-vote[aria-pressed=true]{border-color:var(--cx-ink);color:var(--cx-text)}.cx-under{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px}.cx-text-button{margin-left:6px;font-size:12.5px;color:var(--cx-muted)}@media (hover:hover) and (pointer:fine){.cx-text-button:hover{color:var(--cx-text)}}.cx-compose{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;max-width:560px;margin-top:10px}.cx-compose-face{width:28px;height:28px;margin-top:6px;border-radius:50%;background:var(--cx-subtle)}.cx-compose-box{display:grid;border:1px solid var(--cx-border);border-radius:14px;background:var(--cx-bg);transition:border-color .16s ease-out,box-shadow .16s ease-out}.cx-compose-box:focus-within{border-color:color-mix(in oklab,var(--cx-ink) 45%,var(--cx-border));box-shadow:0 0 0 4px color-mix(in oklab,var(--cx-ink) 6%,transparent)}.cx-compose textarea{field-sizing:content;min-height:44px;max-height:140px;padding:11px 14px 4px;border:0;background:transparent;color:var(--cx-text);font:inherit;font-size:14px;line-height:1.5;resize:none}.cx-compose textarea:focus-visible{outline:none}.cx-compose textarea::placeholder{color:var(--cx-faint)}.cx-compose-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px 6px 14px}.cx-compose-hint{font-size:11.5px;color:var(--cx-faint)}.cx-compose-hint kbd{padding:1px 5px;border:1px solid var(--cx-border);border-radius:5px;background:var(--cx-subtle);font-family:inherit;font-size:10.5px;color:var(--cx-muted)}.cx-compose-actions{display:flex;align-items:center;gap:6px}.cx-compose .cx-compose-cancel{height:30px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--cx-muted)}@media (hover:hover) and (pointer:fine){.cx-compose .cx-compose-cancel:hover{background:var(--cx-subtle);color:var(--cx-text)}}.cx-compose .cx-compose-send{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cx-ink);color:var(--cx-bg);transition:opacity .16s ease-out,transform .12s ease-out}.cx-compose-send svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.cx-compose .cx-compose-send:not(:disabled):active{transform:scale(.94)}.cx-compose .cx-compose-send:disabled{opacity:.25;cursor:default}.cx-folded{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:3px 10px 3px 4px;border:1px solid var(--cx-border);border-radius:999px;font-size:12.5px;color:var(--cx-muted)}@media (hover:hover) and (pointer:fine){.cx-folded:hover{background:var(--cx-subtle)}}.cx-faces{display:inline-flex}.cx-faces img{width:18px;height:18px;margin-right:-5px;border:1.5px solid var(--cx-bg);border-radius:50%;background:var(--cx-subtle)}.cx-faces img:last-child{margin-right:0}@keyframes cx-dot{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-3px);opacity:1}}@container (max-width: 480px){.cx-stage{padding:16px 12px 22px}.cx-replies.top{margin-left:18px}}@media (prefers-reduced-motion:reduce){.cx-dots i,.cx-vote[aria-pressed=true]{animation:none}}.cx[data-look=post] .cx-bubble{gap:2px;padding:0;border-radius:0;background:none;box-shadow:none}.cx[data-look=post] .cx-bubble.cx-dots{padding:12px 0}.cx[data-look=post] .cx-meta{min-height:20px;align-items:center}.cx[data-look=post] .cx-comment[data-top]>.cx-main>.cx-bubble>.cx-text{font-size:15px;font-weight:500;letter-spacing:-.005em}.cx[data-look=post] .cx-text{font-size:14.5px;line-height:1.6;color:#27272a}.dark .cx[data-look=post] .cx-text{color:var(--cx-text)}.cx[data-look=post] .cx-under{margin-top:8px}.cx[data-look=post] .cx-comment[data-top]+.cx-comment[data-top]{padding-top:18px;border-top:1px solid var(--cx-border)}.cx[data-look=post] .cx-replies.top{margin:18px 0 0}.cx[data-look=post] .cx-list-head{padding-left:0;margin-left:0}.dark .cx-seg button[aria-pressed=true]{background:#3f3f46;color:var(--cx-text)}@container (max-width: 480px){.cx{margin:0;border-radius:12px}.cx-live{min-height:36px}.cx-stage{height:min(480px,60svh)}.cx-replies.top{margin-left:0}.cx-replies,.cx-replies:not(.top){gap:12px;margin-left:4px}.cx-comment,.cx-comment[data-depth="1"]{grid-template-columns:30px minmax(0,1fr);column-gap:9px}.cx-comment[data-depth="2"],.cx-comment[data-depth="3"]{grid-template-columns:28px minmax(0,1fr);column-gap:8px}.cx-avatar,.cx-comment[data-depth="1"]>.cx-avatar{width:30px;height:30px}.cx-list-head{align-items:flex-start;flex-direction:column;gap:10px;padding-left:0}.cx-compose{max-width:none}.cx-compose-hint{display:none}}.cx{position:relative}.cx-live{position:absolute;top:14px;right:14px;z-index:2}.cx-post{display:grid;gap:12px}.cx-post-head{display:flex;align-items:center;gap:10px}.cx-post-head .cx-avatar{width:40px;height:40px}.cx-post-who{display:grid;line-height:1.3}.cx-post-who strong{font-size:14px;font-weight:600}.cx-post-who span{color:var(--cx-muted);font-size:12.5px}.cx-post-text{margin:0;font-size:15px;line-height:1.5;text-wrap:pretty}.cx-post-bar{display:flex;align-items:center;gap:18px;color:var(--cx-muted)}.cx-post-action{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:none;color:inherit;font:inherit;font-size:13px;font-variant-numeric:tabular-nums}button.cx-post-action{cursor:pointer}.cx-post-action svg{width:17px;height:17px}.cx-post-action.save{margin-left:auto}.cx-post-action[aria-pressed=true]{color:#e11d48}.cx-post-action[aria-pressed=true] svg{fill:currentColor}.cx-post-action:focus-visible{outline:2px solid var(--cx-text);outline-offset:2px;border-radius:6px}.cx-vote svg{width:13px;height:13px}.cx-vote[aria-pressed=true] svg{fill:currentColor}.cx-mention{color:var(--cx-mention);font-weight:550}.cx-compose-to{justify-self:start;margin:10px 12px -4px;padding:2px 8px;border-radius:999px;background:color-mix(in oklab,var(--cx-mention) 12%,transparent);color:var(--cx-mention);font-size:12.5px;font-weight:600}