.audience-engagement{background:color-mix(in srgb, currentColor 3%, transparent);border:1px solid color-mix(in srgb, currentColor 16%, transparent);border-radius:1rem;gap:1rem;margin-top:1.5rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.audience-engagement-heading,.audience-comment header,.audience-comment-composer>div{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.audience-engagement-heading h3,.audience-engagement-heading p,.audience-comment p{margin:0}.audience-engagement-eyebrow{letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:750}.audience-engagement button,.audience-comment-report summary{border:1px solid color-mix(in srgb, currentColor 35%, transparent);color:inherit;cursor:pointer;font:inherit;background:0 0;border-radius:999px;padding:.5rem .8rem;font-weight:700}.audience-engagement button:disabled{cursor:wait;opacity:.6}.audience-engagement textarea,.audience-engagement select{border:1px solid color-mix(in srgb, currentColor 28%, transparent);color:canvastext;font:inherit;background:canvas;border-radius:.7rem;padding:.7rem}.audience-comment-composer,.audience-reply-form,.audience-comment-report form{gap:.65rem;display:grid}.audience-comment-composer>label,.audience-reply-form>label,.audience-comment-report label{gap:.35rem;font-weight:700;display:grid}.audience-comment-composer textarea,.audience-reply-form textarea{resize:vertical;min-height:6rem}.audience-comment-option-toggle{align-items:center;gap:.45rem;display:flex}.audience-comment-options{align-items:center;gap:.25rem;display:flex}.audience-comment-list,.audience-replies ol{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.audience-comment{border-top:1px solid color-mix(in srgb, currentColor 14%, transparent);grid-template-columns:2.25rem minmax(0,1fr);gap:.7rem;padding-top:1rem;display:grid}.audience-comment:focus{outline:none}.audience-comment:focus-visible{outline:3px solid color-mix(in srgb, currentColor 45%, transparent);outline-offset:.35rem}.audience-comment-content{gap:.7rem;min-width:0;display:grid}.audience-comment header{justify-content:flex-start}.audience-comment header>div{flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;display:flex}.audience-comment-avatar{aspect-ratio:1;background:color-mix(in srgb, currentColor 12%, transparent);border-radius:50%;flex:0 0 2.25rem;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:inline-flex}.audience-comment time,.audience-comment-time,.audience-comment-composer>p{color:color-mix(in srgb, currentColor 72%, transparent);font-size:.85rem}.audience-comment-badge{border:1px solid;border-radius:999px;padding:.12rem .4rem;font-size:.68rem;font-weight:750}.audience-comment-body{overflow-wrap:anywhere;white-space:pre-wrap}.audience-comment-spoiler{background:color-mix(in srgb, currentColor 6%, transparent);border-radius:.65rem;padding:.65rem}.audience-comment-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.audience-comment-report summary{font-size:.85rem;list-style:none;display:inline-block}.audience-comment-report form{max-width:32rem;margin-top:.75rem}.audience-replies-toggle{margin:.7rem 0 0 1rem}.audience-replies{border-left:2px solid color-mix(in srgb, currentColor 18%, transparent);gap:.8rem;margin:.8rem 0 0 1rem;padding-left:1rem;display:grid}.audience-engagement-live{min-height:1.25rem}.audience-engagement-error{color:#d92d20;font-weight:700}.audience-engagement--watch{background:0 0;border:0;border-radius:0;gap:1rem;margin-top:0;padding:0}.audience-engagement--watch .audience-engagement-heading{border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);min-height:2.625rem;padding-bottom:.5rem}.audience-engagement--watch .audience-engagement-heading>div{min-width:0}.audience-engagement--watch .audience-engagement-heading>button{min-height:2.25rem;padding:.25rem 1rem;font-size:.8125rem;font-weight:600}.audience-engagement--watch .audience-comment-composer{border:1px solid color-mix(in srgb, currentColor 18%, transparent);background:color-mix(in srgb, currentColor 5%, transparent);border-radius:.75rem;gap:.5rem;padding:.5rem}.audience-engagement--watch .audience-comment-composer>label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.audience-engagement--watch .audience-comment-composer textarea{resize:none;min-height:4rem;max-height:20rem;padding:.5rem 1rem;line-height:1.45}.audience-engagement--watch .audience-comment-composer>div{gap:.5rem;min-height:2rem}.audience-engagement--watch .audience-comment-composer>div>button{align-items:center;gap:.4rem;min-height:2rem;padding:.25rem 1rem;font-size:.8125rem;font-weight:700;display:inline-flex}.audience-engagement--watch .audience-comment-composer>div>button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:.875rem;height:.875rem}.audience-engagement--watch .audience-comment-option-toggle{min-height:1.75rem;color:color-mix(in srgb, currentColor 72%, transparent);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex;position:relative}.audience-engagement--watch .audience-comment-option-toggle:hover{border-color:color-mix(in srgb, currentColor 16%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);color:currentColor}.audience-engagement--watch .audience-comment-option-toggle:has(input:checked){border-color:color-mix(in srgb, currentColor 26%, transparent);background:color-mix(in srgb, currentColor 9%, transparent);color:currentColor}.audience-engagement--watch .audience-comment-option-toggle input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.audience-engagement--watch .audience-comment-option-toggle:has(input:focus-visible){outline-offset:2px;outline:2px solid}.audience-engagement--watch .audience-engagement-live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.audience-engagement--watch .audience-comment-list{flex-direction:column;gap:0;display:flex}.audience-engagement--watch .audience-comment-list>li{padding-block:.25rem}.audience-engagement--watch .audience-comment-list>li+li{margin-top:.5rem}.audience-engagement--watch .audience-comment{border-top:0;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;padding:.5rem 0}.audience-engagement--watch .audience-comment-content{gap:.35rem}.audience-engagement--watch .audience-comment-avatar{border:1px solid color-mix(in srgb, currentColor 14%, transparent);letter-spacing:.04em;flex-basis:2rem;width:2rem;height:2rem;font-size:.625rem}.audience-engagement--watch .audience-comment header>div{gap:.25rem .5rem;width:100%;min-height:1.25rem}.audience-engagement--watch .audience-comment header strong{font-size:.8125rem}.audience-engagement--watch .audience-comment time{color:color-mix(in srgb, currentColor 54%, transparent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.audience-engagement--watch .audience-comment-body{font-size:.9375rem;line-height:1.55}.audience-engagement--watch .audience-comment-actions{gap:.25rem;margin-top:.25rem}.audience-engagement--watch .audience-comment-actions button,.audience-engagement--watch .audience-comment-report summary,.audience-engagement--watch .audience-replies-toggle{min-height:1.5rem;color:color-mix(in srgb, currentColor 62%, transparent);border:1px solid #0000;border-radius:999px;align-items:center;gap:.25rem;padding:.0625rem .35rem;font-size:.75rem;font-weight:600;display:inline-flex}.audience-engagement--watch .audience-comment-actions button:hover,.audience-engagement--watch .audience-comment-report summary:hover,.audience-engagement--watch .audience-replies-toggle:hover{border-color:color-mix(in srgb, currentColor 14%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);color:currentColor}.audience-engagement--watch .audience-comment-actions button svg,.audience-engagement--watch .audience-replies-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;width:.8125rem;height:.8125rem}.audience-engagement--watch .audience-comment-actions button[aria-pressed=true]{color:currentColor}.audience-engagement--watch .audience-replies-toggle{width:fit-content;margin:.25rem 0 0 2.5rem}.audience-engagement--watch .audience-replies-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.audience-engagement--watch .audience-replies{border-left-color:color-mix(in srgb, currentColor 12%, transparent);margin:.25rem 0 0 2.5rem;padding-left:.75rem}@media (width<=36rem){.audience-engagement-heading,.audience-comment-composer>div{flex-direction:column;align-items:stretch}.audience-engagement-heading button,.audience-comment-composer button{align-self:flex-start}.audience-engagement--watch .audience-engagement-heading{flex-direction:row;align-items:center}.audience-engagement--watch .audience-engagement-heading button{align-self:auto}.audience-engagement--watch .audience-comment-composer>div{flex-direction:row;align-items:center}.audience-engagement--watch .audience-comment-composer button{align-self:auto}}@media (prefers-reduced-motion:reduce){.audience-engagement *,.audience-engagement :before,.audience-engagement :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}