.call-root{justify-content:center;align-items:center;min-height:100dvh;display:flex}.stage{flex-direction:column;align-items:center;width:100%;min-width:0;max-width:440px;padding:40px 16px;display:flex}.people{justify-content:center;gap:24px;display:flex}.face{width:132px;height:132px;overflow:visible}.face .body{fill:var(--n900);transition:opacity .25s}#friendFace .body{fill:var(--n100)}.face{cursor:pointer}.face .eye{fill:none;stroke:#fff;stroke-linecap:round;transition:stroke .25s}#friendFace .eye{stroke:var(--n900)}.char{transform-box:fill-box;transform-origin:50%}.ghost-outline{fill:none;stroke:var(--n200);stroke-width:1.5px;stroke-dasharray:4 4;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .25s}#friendFace.ghost .ghost-outline{opacity:1}#friendFace.ghost .body{opacity:0}#friendFace.ghost{cursor:default}#friendFace.ghost .eye{stroke:var(--n300)}.face.pop .char{animation:.55s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{transform:scale(.82)}to{transform:scale(1)}}.controls{gap:12px;margin-top:32px;display:flex}.ctl{position:relative}.pill{border:1px solid var(--n200);background:#fff;border-radius:999px;height:44px;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.seg{height:100%;color:var(--n700);place-items:center;transition:background .15s,color .15s;display:grid}.seg:first-child{width:54px;padding-left:4px}.seg.chev{border-left:1px solid var(--n200);width:40px;padding-right:4px;transition:background .15s,color .15s,border-color .15s}.seg svg{width:20px;height:20px}.seg.chev svg{width:16px;height:16px;transition:transform .15s}[aria-expanded=true] .chev svg,.chev[aria-expanded=true] svg{transform:rotate(180deg)}button.seg:hover{background:var(--n50);color:var(--n900)}button.seg:focus-visible{outline-offset:-3px}.mic-ic .slash,.mic-ic .slash-gap{stroke-dasharray:1 2;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .22s cubic-bezier(.4,0,.2,1),opacity 0s linear .22s,stroke .15s}.mic-ic .slash-gap{stroke:#fff;stroke-width:5px}.pill.off .mic-ic .slash,.pill.off .mic-ic .slash-gap{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .22s cubic-bezier(.4,0,.2,1),opacity,stroke .15s}.pill.off .mic-ic .slash-gap{stroke:var(--red50)}.pill.off button.seg:hover .mic-ic .slash-gap{stroke:var(--red100)}.mic-ic.bump{animation:.34s cubic-bezier(.34,1.56,.64,1) bump}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(.8)}to{transform:scale(1)}}.pill.off{background:var(--red50);border-color:var(--red200)}.pill.off .seg{color:var(--red600)}.pill.off button.seg:hover{background:var(--red100);color:var(--red600)}.pill.off .seg.chev{border-left-color:var(--red200)}.menu{z-index:10;border:1px solid var(--n200);width:280px;max-width:calc(100vw - 32px);box-shadow:none;transform-origin:0 0;overscroll-behavior:contain;background:#fff;border-radius:16px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.menu:not([hidden]),.dbg:not([hidden]){animation:.18s cubic-bezier(.2,.8,.2,1) menu-in}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.ctl.right .menu{transform-origin:100% 0;left:auto;right:0}.menu.up{transform-origin:0 100%;top:auto;bottom:calc(100% + 8px)}.ctl.right .menu.up{transform-origin:100% 100%}.menu.up:not([hidden]){animation-name:menu-up}@keyframes menu-up{0%{opacity:0;transform:translateY(6px)scale(.97)}}.menu::-webkit-scrollbar{width:12px}.dbg::-webkit-scrollbar{width:12px}.menu::-webkit-scrollbar-track{background:0 0;margin:12px 0}.dbg::-webkit-scrollbar-track{background:0 0;margin:12px 0}.menu::-webkit-scrollbar-thumb{background:var(--n200);background-clip:padding-box;border:4px solid #fff;border-radius:999px}.dbg::-webkit-scrollbar-thumb{background:var(--n200);background-clip:padding-box;border:4px solid #fff;border-radius:999px}.menu::-webkit-scrollbar-thumb:hover{background-color:var(--n300)}.dbg::-webkit-scrollbar-thumb:hover{background-color:var(--n300)}@supports not selector(::-webkit-scrollbar){.menu,.dbg{scrollbar-width:thin;scrollbar-color:var(--n200) transparent}}.dbg{transform-origin:100% 0}.menu-label{letter-spacing:var(--tr-12);color:var(--n500);margin:0;padding:6px 10px 4px;font-size:12px;font-weight:500}.menu-item{text-align:left;width:100%;letter-spacing:var(--tr-14);color:var(--n800);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--n100);outline:none}.menu-item svg{visibility:hidden;flex:none;width:16px;height:16px}.menu-item[aria-checked=true] svg{visibility:visible}.menu-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu-sep{background:var(--n200);height:1px;margin:6px 4px}.menu .sw:hover{background:var(--n100)}.menu-note{letter-spacing:var(--tr-13);color:var(--n500);margin:0;padding:6px 10px 8px;font-size:13px}.menu-vol{letter-spacing:var(--tr-14);color:var(--n800);grid-template-columns:1fr auto;align-items:center;gap:8px 10px;padding:6px 10px 8px;font-size:14px;display:grid}.menu-vol output{color:var(--n500);font-feature-settings:"calt","ss01","tnum"}.menu-vol input{width:100%;accent-color:var(--n900);grid-column:1/-1;margin:0}.hang{border:1px solid var(--n200);width:44px;height:44px;color:var(--n700);background:#fff;border-radius:999px;place-items:center;transition:background .15s,border-color .15s,color .15s;display:grid}.hang:hover{background:var(--red50);border-color:var(--red200);color:var(--red600)}.hang svg{width:20px;height:20px;transform:rotate(135deg)}.hang:not([hidden]){animation:.32s cubic-bezier(.34,1.56,.64,1) pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}.hintwrap{transition:height .25s cubic-bezier(.2,.8,.2,1)}.hintbox{flex-direction:column;align-items:center;gap:12px;margin-top:28px;display:flex}.hintbox>*{transition:opacity .4s,filter .4s,transform .4s cubic-bezier(.2,.8,.2,1)}.hintbox>.pill-sm{transition:opacity .4s .1s,filter .4s .1s,transform .4s cubic-bezier(.2,.8,.2,1) .1s,background .15s}.hintbox.enter>*{opacity:0;filter:blur(8px);transition:none;transform:translateY(12px)}.hintbox.leave>*{opacity:0;filter:blur(8px);transition-duration:.2s;transition-delay:0s}.intro #meFace,.intro #friendFace,.intro .pill,.intro .dbg-btn{animation:.4s backwards intro-fade,.4s cubic-bezier(.2,.8,.2,1) backwards intro-rise;animation-delay:var(--i,0s)}.intro #friendFace{--i:.1s}.intro #micGroup{--i:.2s}.intro .ctl.right .pill{--i:.3s}.intro .dbg-btn{--i:.4s}@keyframes intro-fade{0%{opacity:0;filter:blur(8px)}}@keyframes intro-rise{0%{transform:translateY(12px)}}.hint{text-align:center;max-width:34ch;letter-spacing:var(--tr-14);color:var(--n500);margin:0;font-size:14px}.pill-sm{border:1px solid var(--n200);height:36px;letter-spacing:var(--tr-14);color:var(--n800);background:#fff;border-radius:999px;padding:0 16px;font-size:14px;font-weight:500;transition:background .15s}.pill-sm:hover{background:var(--n50)}.toast{opacity:0;pointer-events:none;background:var(--n900);color:#fff;max-width:calc(100vw - 32px);letter-spacing:var(--tr-14);border-radius:999px;padding:10px 14px;font-size:14px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}.tip{z-index:30;pointer-events:none;background:var(--n900);color:#fff;text-align:left;white-space:nowrap;opacity:0;border-radius:10px;padding:6px 10px;transition:opacity .15s,transform .15s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0;transform:translate(-50%,calc(4px - 100%))}.tip.show{opacity:1;transform:translate(-50%,-100%)}.tip b{letter-spacing:var(--tr-13);font-size:13px;font-weight:500;display:block}.tip small{white-space:pre-line;letter-spacing:var(--tr-12);color:var(--n400);font-feature-settings:"calt","ss01","tnum";font-size:12px;display:block}.tip small:empty{display:none}.dbg-btn{z-index:20;border:1px solid var(--n200);width:44px;height:44px;color:var(--n500);background:#fff;border-radius:999px;place-items:center;transition:background .15s,color .15s;display:grid;position:fixed;top:16px;right:16px}.dbg-btn:hover,.dbg-btn[aria-expanded=true]{background:var(--n50);color:var(--n900)}.dbg-btn svg{width:20px;height:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.dbg-btn[aria-expanded=true] svg{transform:rotate(60deg)}.dbg{z-index:20;border:1px solid var(--n200);background:#fff;border-radius:16px;width:300px;max-width:calc(100vw - 32px);max-height:calc(100vh - 80px);padding:6px;position:fixed;top:68px;right:16px;overflow:auto}.dbg-title{letter-spacing:var(--tr-12);color:var(--n500);margin:0;padding:6px 10px 4px;font-size:12px;font-weight:500}.sw{letter-spacing:var(--tr-14);color:var(--n800);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:flex;position:relative}.sw:hover{background:var(--n50)}.sw input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sw i{background:var(--n200);border-radius:999px;flex:none;width:32px;height:18px;transition:background .15s;position:relative}.sw i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px}.sw input:checked+i{background:var(--n900)}.sw input:checked+i:after{transform:translate(14px)}.sw input:focus-visible+i{outline:2px solid var(--n900);outline-offset:2px}.dbg-head{justify-content:space-between;align-items:center;padding-right:4px;display:flex}.seg2{border:1px solid var(--n200);border-radius:999px;padding:2px;display:flex}.seg2 button{height:26px;letter-spacing:var(--tr-13);color:var(--n500);border-radius:999px;padding:0 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.seg2 button[aria-pressed=true]{background:var(--n900);color:#fff}.chips{flex-wrap:wrap;gap:6px;padding:6px 10px 10px;display:flex}.chip{border:1px solid var(--n200);height:30px;letter-spacing:var(--tr-13);color:var(--n800);border-radius:999px;padding:0 12px;font-size:13px;transition:background .15s,transform .1s}.chip:hover{background:var(--n50)}.chip:active{transform:scale(.96)}@media (max-width:400px){.people{gap:12px}.face{width:116px;height:116px}}