.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%}.re-box{position:absolute;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;color:var(--re-text, #fff);font-family:var(--re-family, "Segoe UI", Inter, Roboto, Arial, sans-serif);font-size:calc(var(--re-font, 28) * var(--re-unit, 1px));line-height:1.2;transition:opacity .24s ease}.re-box.re-from-bottom{justify-content:flex-end}.re-box.re-align-center{align-items:center}.re-box.re-align-right{align-items:flex-end}.re-box.is-hidden,.re-box.is-empty{opacity:0}.re-list{display:flex;flex-direction:column;gap:.3em;max-width:100%;padding:.45em .75em;border-radius:.5em;box-sizing:border-box}.re-box.has-plate .re-list{background:var(--re-plate, rgba(13, 16, 20, .82));box-shadow:0 .2em .8em #0000004d}.re-box:not(.has-plate) .re-list{padding-inline:0;text-shadow:0 .05em .16em rgba(0,0,0,.85),0 0 .5em rgba(0,0,0,.45)}.re-format-category .re-list{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:.7em;row-gap:.3em;align-items:center}.re-format-category .re-row{display:contents}.re-row{display:flex;align-items:center;gap:.45em;min-width:0;max-width:100%;white-space:nowrap}.re-align-right .re-row{flex-direction:row-reverse}.re-tag{display:inline-flex;align-items:center;gap:.4em;color:var(--re-accent, #bf94ff)}.re-icon{display:inline-flex;flex:none;width:.95em;height:.95em;filter:drop-shadow(0 .04em .1em rgba(0,0,0,.45))}.re-icon svg{width:100%;height:100%;fill:currentColor}.re-label{font-size:.6em;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.re-main{display:inline-flex;align-items:baseline;gap:.4em;min-width:0;overflow:hidden}.re-name{flex:0 1 auto;min-width:3em;overflow:hidden;text-overflow:ellipsis;font-weight:700}.re-detail{flex:0 100 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.72em;opacity:.78}.re-row.is-new>*{animation:re-in .52s cubic-bezier(.2,.9,.3,1.2)}.re-row.is-new .re-name{animation:re-in .52s cubic-bezier(.2,.9,.3,1.2),re-glow 1.6s ease-out}.re-row.is-turn>*{animation:re-turn .42s ease-out}@keyframes re-in{0%{opacity:0;transform:translateY(-.45em)}to{opacity:1;transform:none}}@keyframes re-turn{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes re-glow{0%,30%{color:var(--re-accent, #bf94ff)}to{color:inherit}}.widget-goal{--goal-font: calc(var(--widget-font, 36) * 100vw / var(--canvas-width, 1920))}.goal{position:relative;display:flex;align-items:center;gap:.55em;width:100%;color:var(--widget-color, #fff);font:700 var(--goal-font) / 1.15 "Space Grotesk",Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 .06em .18em rgba(0,0,0,.65)}.widget-goal.has-plate .goal{padding:.38em .6em .45em;border-radius:.42em;background:#0d1014d1;text-shadow:none}.goal-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3em}.goal-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6em}.goal-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-count{flex:none;font-size:.82em;opacity:.92}.widget-goal.is-complete .goal-count:before{content:"✓ ";color:var(--goal-color)}.goal-track{position:relative;height:.55em;border-radius:999px;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff14;overflow:hidden}.goal-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,#fff0,#ffffff47),var(--goal-color, #9146ff);transition:width .7s cubic-bezier(.2,.8,.2,1)}.goal-ring-box{display:none;position:relative;flex:none;width:2.9em;height:2.9em}.goal-shape-circle .goal-ring-box{display:block}.goal-shape-circle .goal{width:auto;max-width:100%}.goal-shape-circle .goal-track{display:none}.goal-shape-circle .goal-head{flex-direction:column;align-items:flex-start;gap:.1em}.goal-dial{display:block;width:100%;height:100%;transform:rotate(-90deg)}.goal-ring-track,.goal-ring{fill:none;stroke-width:11}.goal-ring-track{stroke:#ffffff29}.goal-ring{stroke:var(--goal-color, #9146ff);transition:stroke-dashoffset .7s cubic-bezier(.2,.8,.2,1)}.goal-percent{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.6em}.goal-done{position:absolute;left:50%;top:50%;padding:.22em .8em;border-radius:999px;background:var(--goal-color, #9146ff);color:#fff;font-size:.86em;white-space:nowrap;text-shadow:0 .05em .12em rgba(0,0,0,.4);box-shadow:0 .2em .8em #00000073;opacity:0;transform:translate(-50%,-50%) scale(.4);pointer-events:none;z-index:2}.goal-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.goal-burst i{position:absolute;left:-.15em;top:-.28em;width:.3em;height:.56em;border-radius:.06em;background:hsl(var(--hue, 280) 90% 62%);opacity:0}.widget-goal.is-celebrating .goal{animation:goal-glow 1.4s ease-in-out 3}.widget-goal.is-celebrating .goal-done{animation:goal-done 4.2s cubic-bezier(.2,.9,.3,1.2) forwards}.widget-goal.is-celebrating .goal-burst i{animation:goal-confetti 1.5s ease-out var(--delay, 0ms) 2}.widget-goal.is-celebrating .goal-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.7) 50%,transparent 80%);animation:goal-shine 1.1s ease-in-out 3}@keyframes goal-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}45%{transform:scale(1.045);filter:drop-shadow(0 0 .45em var(--goal-color, #9146ff))}}@keyframes goal-done{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}16%,86%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes goal-confetti{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) rotate(0)}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--dist, 4em))) rotate(320deg)}}@keyframes goal-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}