.cue.has-caption{display:block;place-items:initial;overflow:visible}.caption{--cs: var(--caption-scale, 1);--accent: #f0642d;--accent-bright: #ff7a3d;position:absolute;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,calc(320px * var(--cs))) minmax(0,1fr);align-content:end;width:100%;color:#fff;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}.sender-card{position:relative;z-index:2;display:grid;gap:calc(2px * var(--cs));align-content:center;min-height:calc(72px * var(--cs));padding:calc(12px * var(--cs)) calc(18px * var(--cs)) calc(11px * var(--cs));border:calc(3px * var(--cs)) solid var(--accent);border-bottom-width:calc(4px * var(--cs));border-radius:calc(14px * var(--cs)) calc(14px * var(--cs)) calc(5px * var(--cs)) calc(5px * var(--cs));background:linear-gradient(135deg,#141417f7,#0a0a0ced);box-shadow:0 calc(10px * var(--cs)) calc(28px * var(--cs)) #0000006b,inset 0 0 0 1px #ffffff0d}.sender-label{color:#aeb1b7;font-size:calc(12px * var(--cs));font-weight:700;letter-spacing:.04em}.sender-name{overflow:hidden;color:#fff;font-size:calc(22px * var(--cs));font-weight:760;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.level-meter{grid-column:1 / -1;display:flex;align-items:flex-end;gap:calc(4px * var(--cs));height:calc(46px * var(--cs));padding:0 calc(18px * var(--cs)) calc(6px * var(--cs));overflow:hidden}.level-bar{flex:1 1 0;max-width:calc(6px * var(--cs));height:calc(39px * var(--cs));border-radius:999px 999px calc(2px * var(--cs)) calc(2px * var(--cs));background:linear-gradient(to top,var(--accent),var(--accent-bright));box-shadow:0 0 calc(8px * var(--cs)) #ff693094;opacity:var(--level-opacity, .38);transform:scaleY(var(--level-scale, .13));transform-origin:bottom;transition:transform 70ms linear,opacity 70ms linear;will-change:transform,opacity}.message-shell{grid-column:1 / -1;display:grid;grid-template-columns:calc(100px * var(--cs)) minmax(0,1fr);align-items:stretch;min-height:0;padding:calc(9px * var(--cs)) calc(11px * var(--cs)) calc(9px * var(--cs)) calc(9px * var(--cs));border:calc(4px * var(--cs)) solid var(--accent);border-radius:calc(8px * var(--cs)) calc(19px * var(--cs)) calc(19px * var(--cs)) calc(8px * var(--cs));background:#0b0b0df0;box-shadow:0 calc(18px * var(--cs)) calc(50px * var(--cs)) #0000008c,inset 0 0 0 1px #ffffff0f}.voice-badge{position:relative;z-index:2;display:grid;place-items:center;min-width:0;border-right:1px solid rgba(240,100,45,.45);background:radial-gradient(circle at 50% 42%,rgba(240,100,45,.14),transparent 62%)}.voice-image{display:block;width:calc(64px * var(--cs));aspect-ratio:1;overflow:hidden;border:1px solid rgba(240,100,45,.42);border-radius:calc(18px * var(--cs));background:linear-gradient(145deg,#f0642d21,#ffffff06);filter:drop-shadow(0 calc(5px * var(--cs)) calc(12px * var(--cs)) rgba(0,0,0,.55));object-fit:cover}.message-bubble{display:grid;align-items:center;min-width:0;min-height:calc(86px * var(--cs));margin-left:calc(9px * var(--cs));padding:calc(6px * var(--cs)) calc(4px * var(--cs))}.text-viewport{height:var(--text-viewport-height, auto);overflow:hidden;min-width:0}.text{color:#fff;font-size:calc(20px * var(--cs));font-weight:560;line-height:1.42;overflow-wrap:anywhere;transform:translateY(var(--text-offset, 0));transition:transform .24s ease-out}.text-spoken{color:#fff}.text-pending{color:#ffffff42}.text-cursor{display:inline-block;width:calc(2px * var(--cs));height:calc(18px * var(--cs));margin-left:calc(3px * var(--cs));background:var(--accent-bright);vertical-align:text-bottom;animation:caption-cursor .72s steps(2,jump-none) infinite}.caption.complete .text-cursor{opacity:0;animation:none}@keyframes caption-cursor{0%{opacity:1}to{opacity:.1}}.caption.hide-sender .sender-card,.caption.hide-visualizer .level-meter,.caption.hide-image .voice-badge,.caption.hide-text .message-bubble{display:none}.caption.hide-sender:not(.hide-visualizer) .level-meter{justify-content:center}.caption.hide-image .message-shell{grid-template-columns:minmax(0,1fr);padding-left:calc(11px * var(--cs))}.caption.hide-image .message-bubble{margin-left:0}.caption.hide-text:not(.hide-image) .message-shell{grid-template-columns:calc(100px * var(--cs));justify-self:start;width:auto;padding-right:calc(9px * var(--cs));border-radius:calc(15px * var(--cs))}.caption.hide-text:not(.hide-image) .voice-badge{border-right:0}.caption.hide-text.hide-image .message-shell{display:none}@media(prefers-reduced-motion:reduce){.text{transition-duration:1ms}.text-cursor{animation:none}.level-bar{transition-duration:1ms}}.ew-emote{position:absolute;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.ew-emote>img{display:block;height:100%;width:auto;object-fit:contain}.ew-emote>.ew-hat{position:absolute;top:-46%;left:34%;width:72%;height:auto;transform-origin:30% 90%}.ew-emote>.ew-hat.is-christmas{top:-40%;left:26%}
