:root{--bg-1:#0c0a0a;--bg-2:#2a0f0c;--red:#ec2027;--orange:#f27325;--yellow:#f8c623;--flame:#ff5a1f;--ink:#fffaf5;--ink-dim:#fffaf5b8;--card:#ffffff17;--card-line:#ffffff29;--sim-bg:#15151b;--sim-ink:#e7e7ee;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-1);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}.app{height:100%;display:flex}.stage{background:radial-gradient(circle at 20% 15%, #e8202a59, transparent 45%), radial-gradient(circle at 85% 80%, #ff5a1f66, transparent 50%), linear-gradient(160deg, var(--bg-2), var(--bg-1));-webkit-user-select:none;user-select:none;cursor:none;flex:1;min-width:0;position:relative;overflow:hidden}.with-sim .stage{cursor:default}.spotx-logo{z-index:6;letter-spacing:-.03em;color:#fff;pointer-events:none;align-items:center;gap:.04em;font-family:Arial Black,Helvetica Neue,system-ui,sans-serif;font-size:clamp(22px,2.6vw,44px);font-weight:900;display:flex;position:absolute;top:clamp(10px,1.6vh,24px);right:clamp(14px,2vw,32px)}.spotx-logo svg{filter:drop-shadow(0 2px 10px #00000080);width:auto;height:clamp(26px,3.2vw,52px)}.mock-ribbon{z-index:20;color:var(--yellow);letter-spacing:.04em;background:#00000073;border:1px dashed #fdc70cb3;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;top:14px;left:14px}.stage-main{justify-content:center;align-items:center;gap:4%;padding:3% 4% 0;transition:all .4s;display:flex;position:absolute;inset:0 0 22%}.character-wrap{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;height:100%;transition:all .4s;display:flex;position:relative}.stage-main.with-playback .character-wrap{z-index:6;height:46%;position:absolute;bottom:-14%;left:2%}.panel-area{flex:0 52%;justify-content:center;align-items:center;max-width:820px;display:flex}.panel-area:empty{display:none}.captions{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(74%,1000px);transition:opacity .6s,transform .6s;display:flex;position:absolute;bottom:4.5%;left:50%;transform:translate(-50%)}.captions.faded{opacity:0;transform:translate(-50%)translateY(10px)}.cap-spotgirl{background:linear-gradient(#0e0808c7, #0e0808c7) padding-box, linear-gradient(100deg, var(--red), var(--orange), var(--yellow)) border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;border:2px solid #0000;border-radius:22px;max-width:100%;margin:0;padding:18px 26px 14px;animation:.22s ease-out cap-in;position:relative;box-shadow:0 12px 40px #00000073}.cap-spotgirl.live{box-shadow:0 12px 40px #00000073,0 0 26px #f7941d59}.cap-name{background:linear-gradient(90deg, var(--red), var(--orange));color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 12px;font-size:clamp(11px,.95vw,15px);font-weight:900;position:absolute;top:-13px;left:20px}.cap-line{color:var(--ink);margin:0;font-size:clamp(18px,2vw,32px);font-weight:650;line-height:1.32}.cap-line.before{color:#fffaf580;margin-bottom:4px;font-size:clamp(14px,1.35vw,22px);font-weight:500}.cap-word{animation:.26s ease-out both word-in;display:inline}@keyframes word-in{0%{opacity:0;filter:blur(3px)}}.cap-visitor{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:80%;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;background:#ffffff1f;border-radius:999px;margin:0;padding:5px 14px;font-size:clamp(13px,1.2vw,20px);overflow:hidden}.cap-mic{margin-right:6px}.cap-dots{animation:1s steps(3,end) infinite dots}@keyframes dots{50%{opacity:.3}}@keyframes cap-in{0%{opacity:0;transform:translateY(6px)}}.privacy{color:#ffffff8c;z-index:11;max-width:560px;font-size:12px;line-height:1.35;position:absolute;bottom:10px;left:14px}.idle-attract{text-align:right;max-width:40%;animation:6s ease-in-out infinite float;position:absolute;top:10%;right:6%}.idle-attract h1{background:linear-gradient(90deg, var(--red), var(--orange) 55%, var(--yellow));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(32px,5vw,88px);font-weight:800}.idle-attract p{color:var(--ink-dim);font-size:clamp(16px,1.8vw,30px)}@keyframes float{50%{transform:translateY(-10px)}}.listening-hint{opacity:0;background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;margin-top:-10px;padding:8px 16px;font-size:clamp(13px,1.2vw,20px);transition:opacity .2s;display:flex}.listening-hint.on{opacity:1}.listening-hint .wave{background:var(--red);border-radius:3px;width:5px;height:18px;animation:.9s ease-in-out infinite wave}.listening-hint .wave:nth-child(2){animation-delay:.15s}.listening-hint .wave:nth-child(3){margin-right:6px;animation-delay:.3s}@keyframes wave{50%{transform:scaleY(.35)}}.card{background:var(--card);border:1px solid var(--card-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;width:100%;padding:clamp(18px,2.4vw,40px);animation:.26s cubic-bezier(.2,1.4,.4,1) pop-in}.card h2{margin:6px 0 10px;font-size:clamp(24px,3vw,52px)}.card p{color:var(--ink-dim);margin:8px 0;font-size:clamp(15px,1.5vw,26px)}.card-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--orange);font-size:clamp(12px,1vw,18px);font-weight:800}.say-hint{font-weight:700;color:var(--yellow)!important;margin-top:14px!important;font-size:clamp(14px,1.3vw,22px)!important}.say-hint.strong{font-size:clamp(16px,1.6vw,28px)!important}.say-hint.wide{text-align:center;grid-column:1/-1}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(10px)}}.viewfinder{aspect-ratio:16/10;background:repeating-linear-gradient(45deg,#ffffff0a 0 14px,#ffffff12 14px 28px);border:3px solid #e8202abf;border-radius:22px;justify-content:center;align-items:center;display:flex;position:relative}.live-camera{object-fit:cover;border-radius:18px;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.rec,.countdown{z-index:1;text-shadow:0 2px 10px #0009}.rec{align-items:center;gap:8px;font-size:clamp(14px,1.4vw,24px);font-weight:800;display:flex;position:absolute;top:14px;left:16px}.rec-dot{background:#ff2d55;border-radius:50%;width:16px;height:16px;animation:1s step-end infinite blink-dot}@keyframes blink-dot{50%{opacity:.2}}.countdown{font-size:clamp(60px,9vw,160px);font-weight:800}.countdown-hint{color:var(--yellow);text-align:center;margin-top:10px;font-size:clamp(14px,1.4vw,24px);font-weight:700}.countdown.small{font-size:clamp(24px,3vw,48px)}.mock-note{color:var(--yellow);opacity:.85;font-size:13px;position:absolute;bottom:10px}.bar,.playback-bar{background:#ffffff24;border-radius:6px;height:10px;margin-top:14px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--red), var(--yellow));height:100%;transition:width .2s linear}.candidates{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4vw,22px);width:100%;display:grid}.cand{aspect-ratio:4/5;background:var(--card);border:4px solid #0000;border-radius:22px;justify-self:center;width:100%;max-height:30vh;transition:transform .16s,border-color .16s;animation:.3s backwards pop-in;position:relative;overflow:hidden}.cand:nth-child(2){animation-delay:60ms}.cand:nth-child(3){animation-delay:.12s}.cand:nth-child(4){animation-delay:.18s}.cand img{object-fit:cover;width:100%;height:100%;display:block}.cand.focused{border-color:var(--yellow);transform:scale(1.04);box-shadow:0 0 40px #fdc70c73}.cand .num{background:var(--red);border-radius:50%;place-items:center;width:clamp(34px,3.4vw,60px);height:clamp(34px,3.4vw,60px);font-size:clamp(18px,2vw,34px);font-weight:800;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 4px 14px #00000059}.cand.skeleton{background:linear-gradient(100deg,#ffffff0f 30%,#ffffff29 50%,#ffffff0f 70%) 0 0/300% 100%;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.preview{flex-direction:column;align-items:center;width:100%;display:flex}.moment{border-radius:26px;max-width:100%;animation:.26s pop-in;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073}.moment img,.moment .look-canvas{width:auto;max-width:100%;height:auto;max-height:min(48vh,600px);display:block}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.chip{background:#ffffff24;border-radius:999px;padding:6px 14px;font-size:clamp(13px,1.2vw,20px);font-weight:700}.chip.muted{opacity:.6}.chip.on{background:linear-gradient(90deg, var(--red), var(--orange));color:#fff}.edit-menu{flex-direction:column;gap:6px;max-width:100%;margin-top:12px;display:flex}.edit-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.edit-row .chip{padding:3px 10px;font-size:clamp(11px,.95vw,16px)}.edit-title{text-transform:uppercase;letter-spacing:.08em;color:var(--yellow);margin-right:4px;font-size:clamp(11px,.9vw,15px);font-weight:800}.phone{text-align:center}.phone-number{letter-spacing:.04em;font-variant-numeric:tabular-nums;word-break:break-word;margin:16px 0;font-size:clamp(36px,5.2vw,96px);font-weight:800}.phone-number.empty{opacity:.3}.mock-inline{color:var(--yellow)}.playback{z-index:5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:3% 6% 24%}.playback .moment img,.playback .moment .look-canvas{max-height:68vh}.playback.pip .moment img,.playback.pip .moment .look-canvas{max-height:22vh}.playback-bar{width:min(60%,700px)}.playback.pip{z-index:12;height:24%;inset:3% 2% auto auto}.stage-main.with-pip{padding-top:13%}.playback.pip .moment{box-shadow:0 10px 30px #00000080}.playback.pip .playback-bar{width:100%}.sg-character{filter:drop-shadow(0 24px 40px #00000059);max-width:100%;height:min(100%,78vh);overflow:hidden}.sg-character *{transform-box:view-box}.sg-body{transform-origin:200px 560px;animation:4.5s ease-in-out infinite breathe}@keyframes breathe{50%{transform:translateY(-6px)scale(1.008)}}.sg-head{transform-origin:200px 340px;transition:transform .3s cubic-bezier(.3,1.5,.5,1)}[data-expr=idle] .sg-head,[data-expr=speaking] .sg-head{transform:rotate(-1.5deg)}.sg-eye{animation:5.2s infinite blink}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.sg-pupil{transition:transform .26s}.sg-happy-eye{opacity:0}.sg-mouth{opacity:0;transition:opacity .12s}.sg-mouth-smile{opacity:1}.sg-mouth-talk{opacity:0}.sg-brow{transition:transform .25s}.sg-brow-left{transform-origin:156px 196px}.sg-brow-right{transform-origin:244px 196px}.sg-cheek{opacity:.22;transition:opacity .25s}.sg-arm{opacity:0;transition:opacity .2s,transform .35s cubic-bezier(.3,1.4,.5,1)}[data-expr=greeting] .sg-arm-right,[data-expr=farewell] .sg-arm-right,[data-expr=celebrating] .sg-arm,[data-expr=encouraging] .sg-arm-right{opacity:1}.sg-arm-right{transform-origin:300px 436px;transition:transform .35s cubic-bezier(.3,1.4,.5,1);transform:rotate(150deg)}.sg-arm-left{transform-origin:100px 436px;transition:transform .35s}.sg-think,.sg-sparkles{opacity:0;transition:opacity .2s}[data-expr=idle] .sg-pupil{animation:9s ease-in-out infinite look-around}@keyframes look-around{0%,20%{transform:translate(0)}30%,45%{transform:translate(-6px,1px)}55%,70%{transform:translate(6px,-1px)}80%{transform:translateY(2px)}}[data-expr=noticing] .sg-eye{animation:none;transform:scale(1.12)}[data-expr=noticing] .sg-brow{transform:translateY(-7px)}[data-expr=noticing] .sg-mouth-smile{opacity:0}[data-expr=noticing] .sg-mouth-o{opacity:1}[data-expr=noticing] .sg-head{transform:rotate(-4deg)translateY(-6px)}[data-expr=greeting] .sg-arm-right,[data-expr=farewell] .sg-arm-right{animation:.7s ease-in-out infinite alternate wave-arm;transform:rotate(0)}@keyframes wave-arm{0%{transform:rotate(-12deg)}to{transform:rotate(14deg)}}[data-expr=greeting] .sg-mouth-smile,[data-expr=farewell] .sg-mouth-smile{opacity:0}[data-expr=greeting] .sg-mouth-open,[data-expr=farewell] .sg-mouth-open{opacity:1}[data-expr=greeting] .sg-cheek,[data-expr=farewell] .sg-cheek{opacity:.4}[data-expr=greeting] .sg-brow,[data-expr=farewell] .sg-brow{transform:translateY(-4px)}[data-expr=greeting] .sg-head,[data-expr=farewell] .sg-head{transform:rotate(-3deg)}[data-expr=listening] .sg-head{transform:rotate(4deg)}[data-expr=listening] .sg-pupil{transform:translate(2px,1px)}[data-expr=listening] .sg-brow-left{transform:translateY(-4px)rotate(-3deg)}[data-expr=thinking] .sg-pupil{transform:translate(5px,-6px)}[data-expr=thinking] .sg-brow-right{transform:translateY(-6px)rotate(5deg)}[data-expr=thinking] .sg-mouth-smile{opacity:0}[data-expr=thinking] .sg-mouth-hmm,[data-expr=thinking] .sg-think{opacity:1}[data-expr=thinking] .sg-think circle{animation:1.2s ease-in-out infinite think-dot}[data-expr=thinking] .sg-think circle:nth-child(2){animation-delay:.2s}[data-expr=thinking] .sg-think circle:nth-child(3){animation-delay:.4s}@keyframes think-dot{50%{opacity:.35}}[data-expr=laughing] .sg-eye-open,[data-expr=celebrating] .sg-eye-open{opacity:0}[data-expr=laughing] .sg-happy-eye,[data-expr=celebrating] .sg-happy-eye{opacity:1}[data-expr=laughing] .sg-mouth-smile,[data-expr=celebrating] .sg-mouth-smile{opacity:0}[data-expr=laughing] .sg-mouth-open,[data-expr=celebrating] .sg-mouth-open{opacity:1}[data-expr=laughing] .sg-head{animation:.3s ease-in-out infinite alternate giggle}@keyframes giggle{to{transform:rotate(-3deg)translateY(-4px)}}[data-expr=laughing] .sg-cheek,[data-expr=celebrating] .sg-cheek{opacity:.45}[data-expr=celebrating] .sg-arm-right{animation:.45s ease-in-out infinite alternate wave-arm;transform:rotate(-8deg)}[data-expr=celebrating] .sg-arm-left{transform:rotate(135deg)}[data-expr=celebrating] .sg-sparkles,[data-expr=encouraging] .sg-sparkles{opacity:1}[data-expr=celebrating] .sg-sparkles path,[data-expr=encouraging] .sg-sparkles path{transform-origin:50%;transform-box:fill-box;animation:.9s ease-in-out infinite alternate twinkle}@keyframes twinkle{to{opacity:.5;transform:scale(.5)rotate(45deg)}}[data-expr=encouraging] .sg-head{animation:1.4s ease-in-out infinite nod}@keyframes nod{50%{transform:translateY(5px)rotate(1deg)}}[data-expr=encouraging] .sg-cheek{opacity:.35}[data-expr=encouraging] .sg-arm-right{transform:rotate(40deg)}[data-expr=reset]{opacity:.85;transition:opacity .4s}[data-speaking=yes] .sg-mouth{opacity:0!important}[data-speaking=yes] .sg-mouth-talk{animation:.26s ease-in-out infinite alternate talk;opacity:1!important}@keyframes talk{0%{transform:scaleY(.25)scaleX(.9)}to{transform:scaleY(1)scaleX(1)}}.sg-character.compact{height:100%}@media (prefers-reduced-motion:reduce){.sg-body,.idle-attract,[data-expr] .sg-head,[data-expr] .sg-pupil{animation:none!important}}.sim{background:var(--sim-bg);width:380px;height:100%;color:var(--sim-ink);border-left:1px solid #2a2a33;flex-direction:column;flex:0 0 380px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;display:flex;overflow-y:auto}.sim header{color:#1a1a1a;z-index:2;background:#f8c623;flex-direction:column;gap:2px;padding:12px 14px;display:flex;position:sticky;top:0}.sim header span{font-size:11px}.sim section{border-bottom:1px solid #24242c;padding:10px 14px}.sim section.grow{flex:1}.sim h3{text-transform:uppercase;letter-spacing:.08em;color:#9a9aab;margin:0 0 8px;font-size:11px}.sim .row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sim .row.small{margin-top:8px;font-size:12px}.sim button{font:inherit;color:inherit;cursor:pointer;background:#23232c;border:1px solid #3a3a46;border-radius:8px;padding:7px 10px}.sim button:hover:not(:disabled){background:#2e2e3a}.sim button:disabled{opacity:.45;cursor:not-allowed}.sim button.on{background:#3a201c;border-color:#ec2027}.sim input[type=text],.sim input:not([type]){width:100%;color:inherit;font:inherit;background:#0e0e12;border:1px solid #3a3a46;border-radius:8px;padding:9px 10px}.sim .chips-row{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.sim .chip-btn{border-radius:999px;padding:5px 9px;font-size:12px}.sim label{margin:4px 0;display:block}.sim .kv{grid-template-columns:80px 1fr;gap:3px 8px;margin:0;display:grid}.sim .kv dt{color:#9a9aab}.sim .kv dd{margin:0;font-family:ui-monospace,monospace}.sim .providers{margin:0;padding:0;list-style:none}.sim .providers li{margin:3px 0}.sim .kind{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.sim .kind.mock{color:#222;background:#f8c623}.sim .kind.real{color:#062;background:#34c759}.sim .lat{border-collapse:collapse;width:100%;font-size:11px}.sim .lat th,.sim .lat td{text-align:right;border-bottom:1px solid #24242c;padding:3px 4px}.sim .lat th:first-child,.sim .lat td:first-child{text-align:left}.sim .lat td.over{color:#ff6b6b;font-weight:700}.sim .trace{max-height:320px;margin:0;padding:0;font-family:ui-monospace,monospace;font-size:11px;list-style:none;overflow-y:auto}.sim .trace li{word-break:break-word;border-bottom:1px dotted #24242c;padding:2px 0}.sim .trace .k{color:#f27325}.stage3d{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.stage.with-3d{background:#0c0a0a}.stage.with-3d>:not(.stage3d){z-index:1;position:relative}.stage.with-3d>.stage-main,.stage.with-3d>.playback,.stage.with-3d>.captions,.stage.with-3d>.privacy,.stage.with-3d>.mock-ribbon,.stage.with-3d>.idle-attract{position:absolute}.stage.with-3d>.spotx-logo{z-index:6;position:absolute}.stage.with-3d .stage-main:has(.avatar-3d){justify-content:flex-end;padding-right:4%}.stage.with-3d .stage-main:has(.avatar-3d) .panel-area{flex-basis:56%}.character-wrap.avatar-3d{z-index:2;height:auto;position:absolute;bottom:0;left:2%}.sim .file-btn{cursor:pointer;background:#23232c;border:1px solid #3a3a46;border-radius:8px;padding:7px 10px;display:inline-block}.sim .file-btn input{display:none}.sim select{font:inherit;color:inherit;background:#0e0e12;border:1px solid #3a3a46;border-radius:8px;padding:6px 8px}.sim .muted{color:#9a9aab;margin:6px 0 0;font-size:12px}.sim .net-poor{color:#ff6b6b;font-weight:700}.sim .net-fair{color:#ffd166}.sim .mic{color:#9a9aab;font-size:12px}.sim .mic.live{color:#ff4f6d;font-weight:700}.cap-visitor.live{color:var(--ink)}@media (width<=900px){.app.with-sim{flex-direction:column}.sim{flex:0 0 45%;width:100%;height:auto}}.emoji-burst,.stage.with-3d>.emoji-burst{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.emoji-burst .emoji{opacity:0;filter:drop-shadow(0 4px 10px #00000059);will-change:transform, opacity;line-height:1;position:absolute;top:0;left:0}.info-card,.stage.with-3d>.info-card{z-index:6;max-width:min(360px,42%);box-shadow:0 0 0 2px var(--red), 0 10px 30px #00000073;pointer-events:none;background:#0c0a0ad1 padding-box padding-box;border:2px solid #0000;border-radius:18px;padding:14px 18px;animation:.45s cubic-bezier(.2,.9,.3,1.3) info-in;position:absolute;top:clamp(64px,9vh,96px);right:clamp(14px,2vw,32px)}.info-title{background:linear-gradient(90deg, var(--red), var(--orange) 55%, var(--yellow));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:clamp(18px,1.8vw,28px);font-weight:900}.info-line{color:var(--ink);font-size:clamp(14px,1.35vw,22px);line-height:1.45}@keyframes info-in{0%{opacity:0;transform:translateY(-12px)scale(.92)}}.outfit-tag,.stage.with-3d>.outfit-tag{z-index:6;box-shadow:0 0 0 2px var(--orange);white-space:nowrap;pointer-events:none;background:#0c0a0acc;border-radius:999px;padding:8px 16px;font-size:clamp(14px,1.4vw,24px);font-weight:800;animation:.4s cubic-bezier(.2,.9,.3,1.4) info-in;position:absolute;top:16%;transform:translate(-50%)}.mic-meter{color:var(--ink-dim);z-index:6;background:#0a080c8c;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 12px;font-size:clamp(13px,1.1vw,18px);font-weight:700;transition:background .2s,border-color .2s,color .2s;display:flex;position:absolute;bottom:clamp(70px,9vh,120px);left:50%;transform:translate(-50%)}.mic-meter.hearing{color:#fff;background:#1e96508c;border-color:#78ffaa99}.mic-bars{align-items:flex-end;gap:3px;height:18px;display:inline-flex}.mic-bars i{background:#ffffff38;border-radius:3px;width:5px;transition:background 80ms}.mic-bars i:first-child{height:30%}.mic-bars i:nth-child(2){height:48%}.mic-bars i:nth-child(3){height:66%}.mic-bars i:nth-child(4){height:84%}.mic-bars i:nth-child(5){height:100%}.mic-bars i.on{background:var(--yellow)}.mic-meter.hearing .mic-bars i.on{background:#7dffb0}