.ipl-root{--ipl-social-bg:#141820;--ipl-social-fg:#f3f5f9;--ipl-social-accent:#8bc8ff}
.ipl-root .ipl-social{position:relative;background:var(--ipl-social-bg);color:var(--ipl-social-fg);border-top:1px solid #ffffff20;font:inherit;container-type:inline-size}
.ipl-root .ipl-social-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #ffffff20}
.ipl-root .ipl-social h2{font:700 21px/1.25 system-ui,sans-serif;color:inherit;margin:0 0 4px}
.ipl-root .ipl-audience-label{font-size:13px;opacity:.75;font-variant-numeric:tabular-nums}
.ipl-root .ipl-social .ipl-switch{background:transparent;border:0;font-size:14px;color:inherit}
.ipl-root .ipl-feed{display:flex;flex-direction:column;height:320px;max-height:55vh;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px;scrollbar-width:thin;scrollbar-color:#657080 transparent}
.ipl-root .ipl-feed::before{content:"";flex:1 0 0}
.ipl-root .ipl-feed>*{flex-shrink:0}
.ipl-root .ipl-message{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.ipl-root .ipl-message>div{min-width:0}
.ipl-root .ipl-message strong{font-size:13px;color:inherit;opacity:.78;margin-right:8px}
.ipl-root .ipl-message span:not(.ipl-avatar){white-space:pre-wrap}
.ipl-root .ipl-avatar{position:relative;flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#354155;color:#dce8fb;font-size:12px;font-weight:700;overflow:hidden}
.ipl-root .ipl-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ipl-root .ipl-pins{background:#ffffff09;border-left:3px solid var(--ipl-social-accent);padding:8px 16px;margin:12px 20px 0;border-radius:6px}
.ipl-root .ipl-social a{color:var(--ipl-social-accent);text-decoration:underline;overflow-wrap:anywhere}
.ipl-root .ipl-compose{display:flex;align-items:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #ffffff20;margin:0}
.ipl-root .ipl-compose label{display:block;flex:1;min-width:0;font-size:0;margin:0}
.ipl-root .ipl-compose textarea,.ipl-root .ipl-identity input{display:block;font:400 14px/1.4 system-ui,sans-serif;color:var(--ipl-social-fg);background:#ffffff0c;border:1px solid #ffffff26;border-radius:22px;padding:12px 14px;min-height:44px;width:100%;max-width:100%;margin:0;box-shadow:none}
.ipl-root .ipl-compose textarea{resize:vertical;max-height:120px}
.ipl-root .ipl-compose button,.ipl-root .ipl-identity button[type=submit]{background:var(--ipl-social-accent);color:#111b28;border:0;font-weight:650}
.ipl-root .ipl-identity{padding:20px;margin:0;background:var(--ipl-social-bg)}
.ipl-root .ipl-identity h3{color:inherit;font-size:18px;margin:0 0 8px}
.ipl-root .ipl-identity p{font-size:13px;opacity:.8;margin:0 0 16px}
.ipl-root .ipl-identity label{display:block;color:inherit;font-size:14px;margin:12px 0}
.ipl-root .ipl-identity label input{margin-top:6px;border-radius:8px}
.ipl-root .ipl-identity>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.ipl-root .ipl-social-notice{padding:0 20px 12px;font-size:13px;color:#ffdc9c;margin:0;overflow-wrap:anywhere}
.ipl-root .ipl-social-notice:empty{padding:0}
.ipl-root .ipl-feed-empty{color:inherit;opacity:.55;font-size:14px;padding:12px 0;margin:0}
.ipl-root .ipl-new-messages{display:block;margin:0 auto 8px;border-radius:20px;font-size:12px;background:#304259}
.ipl-root .ipl-audience-card{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ipl-social-bg);color:var(--ipl-social-fg);font-size:14px}
.ipl-root .ipl-audience-card strong{font-size:22px;font-variant-numeric:tabular-nums}
.ipl-root[data-ipl-kind=chat]>.ipl-live,.ipl-root[data-ipl-kind=comments]>.ipl-live,.ipl-root[data-ipl-kind=audience]>.ipl-live{display:none}
@media(max-width:600px){.ipl-root .ipl-social-heading{padding:16px}.ipl-root .ipl-feed{padding:12px 16px;height:300px}.ipl-root .ipl-compose{padding:12px 16px}.ipl-root .ipl-social h2{font-size:20px}.ipl-root .ipl-pins{margin-inline:16px}.ipl-root .ipl-message{font-size:14px}.ipl-root .ipl-compose textarea{font-size:16px}}
.ipl-root:is(:fullscreen,.ipl-wide) .ipl-social{display:none}
.ipl-root .ipl-social .ipl-switch[aria-label="Fechar Chat e abrir Comentários"]{font-size:28px}
.ipl-root .ipl-social:has(.ipl-identity:not([hidden])) .ipl-feed{height:100px}