.social-shell{--social-blue:#1261e8;color:#162a48;background:#f5f9ff;max-width:1280px;min-height:85vh;margin:0 auto;padding:32px 24px 110px;font-size:1rem;line-height:1.5}.social-shell *{box-sizing:border-box}.social-shell a{color:#1258c5}.social-shell button,.social-shell input,.social-shell textarea,.social-shell select{font:inherit}.social-shell button{cursor:pointer;color:#174785;background:#fff;border:1px solid #d3e1f5;border-radius:10px;min-height:44px;padding:9px 14px}.social-shell button:disabled{cursor:not-allowed;opacity:.55}.social-shell button:focus-visible,.social-shell a:focus-visible,.social-shell input:focus-visible,.social-shell textarea:focus-visible,.social-shell select:focus-visible{outline-offset:3px;outline:3px solid #579cfa}.social-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.social-heading>div{align-items:center;gap:16px;display:flex}.social-heading img{width:64px;height:64px}.social-heading span{letter-spacing:.1em;color:#2863b2;font-size:.875rem;font-weight:800}.social-heading h1{color:#143d77;margin:0;font-size:2rem;font-weight:850}.social-shell h2{margin:0 0 14px;font-size:1.35rem}.social-shell h3{margin:0 0 10px;font-size:1.1rem}.social-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.social-toolbar p{margin:0;font-weight:650}.social-toolbar>div{align-items:center;gap:14px;display:flex}.social-rules{color:#526781;margin:12px 0 24px;font-size:.875rem}.social-card{overflow-wrap:anywhere;background:#fff;border:1px solid #dce7f7;border-radius:16px;margin-bottom:16px;padding:24px;box-shadow:0 4px 16px #18427c06}.social-welcome{max-width:650px;padding:40px}.social-welcome a{margin:10px 16px 0 0;display:inline-block}.social-shell .social-primary{background:var(--social-blue);color:#fff;border:1px solid var(--social-blue);border-radius:10px;padding:10px 16px;font-weight:750;text-decoration:none;display:inline-block}.social-topics{gap:8px;margin-top:24px;padding:0 0 16px;display:flex;overflow:auto}.social-topics button{white-space:nowrap;flex-shrink:0}.social-topics button[aria-pressed=true]{color:#fff;background:#1261e8;border-color:#1261e8}.social-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;display:grid}.social-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.social-section-heading h2{margin:0}.social-form{flex-direction:column;gap:10px;display:flex}.social-form label{font-size:.875rem;font-weight:750}.social-form input,.social-form textarea,.social-form select{color:#162a48;background:#fff;border:1px solid #c5d6ee;border-radius:10px;width:100%;padding:12px}.social-form textarea{resize:vertical}.social-form>button{align-self:flex-start}.social-form>div{gap:12px;display:flex}.social-author{align-items:center;gap:10px;margin-bottom:14px;display:flex}.social-author>span{color:#1261e8;background:#e6efff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.social-author b{font-size:.9375rem;display:block}.social-author time{color:#586d88;font-size:.8125rem;display:block}.social-shell .social-post-title{text-align:left;color:#153e77;overflow-wrap:anywhere;background:0 0;border:0;max-width:100%;min-height:0;padding:0}.social-post-title h3{font-size:1.125rem}.social-excerpt{-webkit-line-clamp:3;white-space:pre-wrap;color:#526781;-webkit-box-orient:vertical;margin:6px 0 16px;display:-webkit-box;overflow:hidden}.social-shell .social-read{background:#eef5ff;border-color:#dfebff;font-size:.875rem;font-weight:700}.social-selected{border-color:#1261e8}.social-thread h2{margin-top:16px}.social-message{white-space:pre-wrap;overflow-wrap:anywhere}.social-controls{flex-wrap:wrap;gap:8px;display:flex}.social-controls button{padding:5px 10px;font-size:.875rem}.social-replies{border-top:1px solid #dfebf9;margin-top:22px;padding-top:22px}.social-comment{border-bottom:1px solid #e2eaf6;margin-bottom:18px;padding:18px 0}.social-thread-placeholder{text-align:center;color:#59718f;padding:70px 28px}.social-thread-placeholder img{width:80px;height:80px}.social-thread-placeholder h2{color:#16478a}.social-back{margin-bottom:20px}.social-error,.social-warning{color:#8b3223;background:#fff0ee;border:1px solid #f5c7bf;border-radius:10px;padding:12px}.social-notice{color:#174785;background:#eaf4ff;border:1px solid #c5ddff;border-radius:10px;padding:12px}.social-block,.social-report{border-bottom:1px solid #e3ebf7;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.social-block>span,.social-block>code,.social-report>b{overflow-wrap:anywhere;flex:1}.social-report time{color:#59718f;font-size:.875rem}.social-report-form{z-index:5;border:2px solid #1261e8;position:sticky;bottom:90px;box-shadow:0 6px 40px #123f8130}.social-load{width:100%}.social-empty{padding:40px 24px}.social-shell .social-thread-placeholder p{max-width:300px;margin:0 auto}@media (max-width:760px){.social-shell{padding:20px 14px 110px}.social-heading h1{font-size:1.7rem}.social-heading img{width:52px;height:52px}.social-toolbar{flex-direction:column;align-items:flex-start}.social-layout{grid-template-columns:minmax(0,1fr)}.social-thread-placeholder,.social-has-thread .social-feed{display:none}.social-card{padding:20px}.social-section-heading{flex-wrap:wrap;align-items:flex-start}.social-report-form{bottom:80px}.social-topics{margin-top:18px}}@media (prefers-reduced-motion:no-preference){.social-shell button{transition:background .15s,border-color .15s}}.social-mode{border-bottom:1px solid #d5e3f7;gap:8px;margin-top:20px;padding-bottom:12px;display:flex}.social-mode button{font-weight:750}.social-mode button[aria-pressed=true]{color:#fff;background:#1261e8;border-color:#1261e8}.social-live .social-topics{margin-top:16px}.social-chat-panel{background:#fff;border:1px solid #cfdff5;border-radius:18px;flex-direction:column;height:clamp(520px,75dvh,850px);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 35px #18427c0a}.social-chat-heading{background:#eef5ff;border-bottom:1px solid #d7e5f9;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.social-chat-heading h2{margin:0}.social-chat-heading span{color:#526781;font-size:.8125rem}.social-chat-heading .social-connection{white-space:nowrap;background:#fff;border:1px solid #d2e0f4;border-radius:20px;padding:6px 10px;font-size:.75rem}.social-chat-heading .is-live{color:#126246;background:#e9faf3;border-color:#bde5d4}.social-chat-panel>.social-error{flex-shrink:0;max-height:110px;margin:10px 12px;overflow:auto}.social-chat-scroll{overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;flex:1;min-height:0;padding:20px 24px;overflow:auto}.social-chat-message{background:#fff;border:1px solid #e0eafa;border-radius:14px;max-width:900px;margin:0 0 14px;padding:16px 18px;position:relative}.social-chat-own{background:#f0f6ff;border-color:#c6dcff;margin-left:30px}.social-chat-selected{border-color:#1261e8}.social-chat-message .social-author{margin-bottom:6px}.social-chat-message .social-message{margin:8px 0 12px}.social-chat-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.social-chat-actions>button,.social-reactions button{padding:5px 10px;font-size:.8125rem}.social-reactions{gap:5px;display:flex}.social-reactions button[aria-pressed=true]{background:#dceaff;border-color:#1261e8}.social-message-menu{flex-shrink:0;margin-left:auto;position:relative}.social-message-menu summary{cursor:pointer;color:#174785;border:1px solid #d3e1f5;border-radius:10px;place-items:center;min-width:44px;min-height:44px;list-style:none;display:grid}.social-message-menu summary::-webkit-details-marker{display:none}.social-message-menu summary:focus-visible{outline-offset:3px;outline:3px solid #579cfa}.social-message-menu[open] .social-controls{z-index:4;background:#fff;border:1px solid #c5d6ee;border-radius:12px;flex-direction:column;min-width:180px;padding:10px;display:flex;position:absolute;top:46px;right:0;box-shadow:0 6px 24px #123f8125}.social-chat-replies{border-left:3px solid #c7dcfa;margin:16px 0 0 12px;padding:10px 0 0 18px}.social-chat-replies article{border-top:1px solid #e0eafa;padding:14px 0}.social-chat-replies h3{font-size:.875rem}.social-shell .social-jump{color:#1258c5;background:#eaf3ff;border-radius:20px;flex-shrink:0;align-self:center;min-height:36px;margin:4px 12px 8px;padding:6px 16px;font-size:.8125rem}.social-shell .social-jump-muted{color:#526781;background:#fff;border-color:#0000}.social-chat-composer{background:#fff;border-top:1px solid #dbe6f6;flex-shrink:0;padding:14px 20px}.social-chat-composer>label{margin-bottom:6px;font-size:.8125rem;font-weight:750;display:block}.social-chat-composer>div:not(.social-quoted){align-items:flex-end;gap:10px;display:flex}.social-chat-composer textarea{resize:vertical;color:#162a48;background:#fafcff;border:1px solid #bfd3ef;border-radius:12px;flex:1;min-width:0;min-height:52px;max-height:120px;padding:10px 12px}.social-chat-composer small{color:#60728b;margin-top:5px;font-size:.6875rem;display:block}.social-send-status{color:#126246;min-height:0;font-size:.75rem;display:block}.social-send-status:not(:empty){margin-top:5px}.social-quoted{background:#eff5ff;border-left:3px solid #1261e8;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:8px 12px;font-size:.8125rem;display:flex}.social-quoted div{min-width:0}.social-quoted p{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:2px 0 0;overflow:hidden}.social-unread{color:#fff;background:#1261e8;border-radius:20px;min-width:22px;margin-left:8px;padding:0 5px;font-size:.75rem;display:inline-block}.social-topics button[aria-pressed=true] .social-unread{color:#1261e8;background:#fff}@media (max-width:760px){.social-chat-panel{height:clamp(400px,100dvh - 230px,720px);min-height:0}.social-chat-heading{align-items:flex-start;padding:12px}.social-chat-heading h2{font-size:1.1rem}.social-chat-heading .social-connection{padding:5px 7px;font-size:.625rem}.social-chat-scroll,.social-chat-message{padding:12px}.social-chat-own{margin-left:14px}.social-chat-composer{padding:10px 12px}.social-chat-composer textarea{font-size:16px}.social-chat-replies{margin-left:4px;padding-left:12px}.social-shell{padding-bottom:28px}}