:root{color:#edf7f2;background:#041711}html,body,#root{min-height:100%;margin:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #80ebad}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}:root{color:#edf7f2;font-synthesis:none;background:#041711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% -20%,#174b39,#0000 42%),#041711;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.join-shell{background:radial-gradient(circle at 20% 0,#164a39,#0000 37%),#041711;place-items:center;min-height:100vh;padding:24px;display:grid}.join-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#09271edd;border:1px solid #a7edc92b;border-radius:22px;width:min(100%,510px);padding:34px;box-shadow:0 24px 80px #0007}.join-brand,.brand{align-items:center;gap:10px;display:flex}.join-brand{margin-bottom:28px;font-size:24px}.join-brand>span,.brand>span{color:#062119;background:#59d995;border-radius:10px;place-items:center;display:grid}.join-brand>span{width:37px;height:37px}.join-brand svg,.brand svg{width:21px;height:21px}.join-brand span+b,.brand b{letter-spacing:-.7px;font-weight:600}.join-brand b span,.brand b span{color:#64e29d}.overline{color:#8ca89b;letter-spacing:1.2px;margin:0 0 7px;font:500 10px ui-monospace,SFMono-Regular,Menlo,monospace}.join-card h1{letter-spacing:-.7px;margin:0;font-size:25px}.invite-copy{color:#a2b9ae;margin:10px 0 23px;font-size:13px;line-height:1.5}.mode-list{gap:9px;display:grid}.mode{color:#b7cfc3;text-align:left;background:#0a2c21;border:1px solid #a7edc924;border-radius:13px;align-items:center;gap:13px;padding:14px;display:flex}.mode:hover{border-color:#75dda873}.mode.active{color:#eafff1;background:#143a2c;border-color:#59d995aa;box-shadow:0 0 0 2px #59d99513}.mode i{color:#9becbb;background:#1a4b38;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.mode svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:20px;height:20px}.mode span{gap:3px;display:grid}.mode b{font-size:12px}.mode small{color:#8fa99d;font-size:10px}.name-label{color:#b9d0c5;gap:7px;margin:19px 0 13px;font-size:11px;display:grid}.name-label input,.compose input{color:#effaf4;background:#061e17;border:1px solid #4c796533;border-radius:9px;outline:0}.name-label input{padding:11px}.headphone-check{color:#ebd1bd;background:#f7c78312;border-radius:10px;gap:10px;margin:0 0 15px;padding:11px;display:flex}.headphone-check input{accent-color:#59d995}.headphone-check span{gap:3px;font-size:11px;display:grid}.headphone-check small{color:#b9a493;font-size:10px}.primary{color:#062119;background:#59d995;border:0;border-radius:11px;width:100%;padding:13px;font-size:12px;font-weight:700}.primary:disabled{opacity:.38;cursor:not-allowed}.secure{color:#7c978a;text-align:center;margin-top:13px;font-size:10px;display:block}.room{grid-template-columns:225px minmax(0,1fr) 335px;min-height:100vh;display:grid}.sidebar{background:#061e18e6;border-right:1px solid #a7edc916;flex-direction:column;padding:27px 16px 19px;display:flex}.brand{padding:0 10px 28px;font-size:20px}.brand>span{width:31px;height:31px}.brand svg{width:17px;height:17px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#98afa4;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;padding:12px 14px;font-size:13px}.sidebar nav button.active,.sidebar nav button:hover{color:#effaf4;background:#153a2d;border-color:#64dc9b43}.sidebar nav i{float:right;color:#082419;background:#59d995;border-radius:50%;place-items:center;width:18px;height:18px;font:10px ui-monospace;display:grid}.session-state{color:#b1cbbc;border-top:1px solid #a7edc916;margin-top:auto;padding:17px 9px 0;font-size:11px}.session-state em,header em{background:#59d995;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #59d99518}.session-state small{color:#779389;padding-left:15px;font-size:10px}.client-content{padding:29px 25px 26px}.client-content header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.client-content h1{letter-spacing:-.8px;margin:0;font-size:25px}.live{color:#8eeab2;letter-spacing:.7px;border:1px solid #5bdd9670;border-radius:19px;align-items:center;gap:7px;padding:9px 12px;font:10px ui-monospace;display:flex}.live i{background:#59d995;border-radius:50%;width:7px;height:7px}.screen-panel,.listen-state,.chat,.notes,.status-card{background:linear-gradient(140deg,#0d3024,#09241c);border:1px solid #a7edc920;border-radius:16px}.screen-panel{overflow:hidden}.screen-toolbar{color:#d3e6dc;border-bottom:1px solid #a7edc916;justify-content:space-between;align-items:center;padding:13px 15px;font-size:11px;display:flex}.screen-toolbar span{align-items:center;gap:7px;display:flex}.screen-toolbar svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:15px;height:15px}.screen-toolbar small{color:#83dca8;font-size:10px}.reaper-preview{background:linear-gradient(140deg,#172926,#101d1b);height:min(42vw,410px);min-height:260px;padding:31px 13px 13px;position:relative;overflow:hidden}.tracks{gap:8px;width:25%;height:100%;display:grid}.tracks i{background:#384b45;border-radius:4px}.clips{background:repeating-linear-gradient(90deg,#ffffff0b 0 1px,#0000 1px 15%);border-left:1px solid #ffffff15;position:absolute;inset:31px 13px 13px 29%}.clips b{opacity:.8;background:linear-gradient(90deg,#2a8a68,#70d99c88);border-radius:3px;height:13%;position:absolute;left:3%}.clips b:nth-child(2),.clips b:nth-child(4){background:linear-gradient(90deg,#3769a8,#5b7ccf99);left:19%}.clips b:nth-child(3){background:#8058a188;left:9%}.playhead{background:#58e197;width:1px;position:absolute;top:31px;bottom:13px;left:51%}.listen-state{grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;padding:19px;display:grid}.listen-state>div{align-items:center;gap:11px;display:flex}.listen-state>div+div{border-left:1px solid #a7edc91e;padding-left:18px}.round-icon{color:#9cedbb;background:#174734;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.round-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:23px;height:23px}.listen-state span{gap:3px;display:grid}.listen-state b{font-size:12px}.listen-state small{color:#91aa9d;font-size:10px}.talk{color:#e6b2ad;background:#5b35321f;border:1px solid #df8b8755;border-radius:8px;align-items:center;gap:5px;margin-left:auto;padding:8px;font-size:10px;display:flex}.talk.active{color:#9aedbb;background:#54d99118;border-color:#5adb9673}.talk svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:15px;height:15px}.chat{flex-direction:column;min-width:0;margin:17px 17px 17px 0;padding:20px;display:flex}.chat-heading h2{margin:0;font-size:18px}.messages{flex:1;align-content:start;gap:15px;margin:21px 0;display:grid}.messages article b{font-size:11px}.messages time{color:#779188;margin-left:7px;font:9px ui-monospace}.messages p{color:#b7cec3;margin:5px 0 0;font-size:12px;line-height:1.45}.messages .mine{background:#164533;border-radius:10px 10px 3px;padding:10px}.note-button{color:#a2efc0;background:#59d9950d;border:1px solid #5adf9b8c;border-radius:9px;margin:0 0 10px;padding:10px;font-size:10px}.compose{background:#061c15;border:1px solid #a7edc925;border-radius:10px;gap:6px;padding:5px;display:flex}.compose input{border:0;width:100%;padding:7px;font-size:11px}.compose button{color:#052018;background:#59d995;border:0;border-radius:7px;width:31px}.notes,.status-card{padding:20px}.notes{gap:12px;display:grid}.notes article{background:#0b2b20;border:1px solid #a7edc91c;border-radius:10px;gap:13px;padding:14px;display:flex}.notes article>b{color:#92edb6;background:#59d99518;border-radius:5px;height:max-content;padding:5px;font:10px ui-monospace}.notes strong{font-size:12px}.notes p{color:#afc8bc;margin:4px 0 0;font-size:12px}.status-card{max-width:540px}.status-card h2{margin:0;font-size:18px}.status-card>p{color:#a4b9ae;font-size:12px}.status-card dl{gap:10px;margin:19px 0 0;display:grid}.status-card dl div{border-top:1px solid #a7edc91a;justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.status-card dt{color:#8ca69a}.status-card dd{color:#bbdccb;margin:0}@media (width<=1100px){.room{grid-template-columns:190px minmax(0,1fr)}.chat{grid-column:2;min-height:300px;margin:0 25px 25px}.client-content{padding-bottom:16px}}@media (width<=700px){.room{display:block}.sidebar{display:none}.client-content{padding:20px 14px}.client-content h1{font-size:21px}.screen-toolbar small{display:none}.reaper-preview{height:52vw;min-height:220px}.listen-state{grid-template-columns:1fr;padding:15px}.listen-state>div+div{border-top:1px solid #a7edc91e;border-left:0;padding:14px 0 0}.talk{margin-left:0}.chat{min-height:360px;margin:0 14px 20px}.join-card{padding:25px 19px}.join-shell{padding:14px}}.reaper-preview>video,.bridge-preview>video{object-fit:contain;background:#020806;width:100%;height:100%;display:block}.bridge-shell{background:radial-gradient(circle at 75% -20%,#174b39,#0000 42%),#041711;min-height:100vh;padding:24px 30px}.bridge-shell>header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.bridge-shell>header a{color:#90eab5;font-size:12px}.bridge-workspace{grid-template-columns:minmax(520px,1fr) 310px;gap:18px;display:grid}.bridge-main,.bridge-side{background:linear-gradient(140deg,#0d3024,#09241c);border:1px solid #a7edc920;border-radius:17px;padding:23px}.bridge-main h1{margin:0;font-size:25px}.bridge-copy{color:#9fb6aa;max-width:690px;font-size:12px;line-height:1.55}.bridge-start{width:auto;padding-inline:18px}.bridge-preview{background:#061a14;border:1px solid #a7edc91d;border-radius:12px;place-items:center;height:min(48vw,560px);min-height:330px;margin-top:19px;display:grid;overflow:hidden}.bridge-preview>span{color:#78968a;justify-items:center;gap:10px;font-size:12px;display:grid}.bridge-preview>span svg{width:35px;height:35px}.bridge-side h2{margin:0 0 18px;font-size:17px}.bridge-side dl{gap:0;margin:0;display:grid}.bridge-side dl div{border-top:1px solid #a7edc918;justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.bridge-side dt{color:#829d90}.bridge-side dd{color:#c4ded1;text-align:right;margin:0}.bridge-side h3{margin:25px 0 8px;font-size:13px}.talkback-count{color:#89a498;font-size:11px}@media (width<=850px){.bridge-shell{padding:18px 14px}.bridge-workspace{grid-template-columns:1fr}.bridge-preview{height:55vw;min-height:240px}.bridge-shell>header a{display:none}}.room-code-input{text-transform:uppercase;letter-spacing:.16em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.waiting-screen{color:#78968a;align-content:center;place-items:center;gap:12px;height:100%;font-size:12px;display:grid}.waiting-screen svg{width:34px;height:34px}.empty-chat{color:#759186;font-size:11px}.studio-setup{max-width:500px}.studio-shell{background:radial-gradient(circle at 72% -15%,#174b39,#0000 40%),#041711;min-height:100vh;padding:22px 26px 28px}.studio-top{grid-template-columns:220px 1fr auto;align-items:center;gap:20px;margin-bottom:20px;display:grid}.studio-top .brand{padding:0}.studio-top h1{letter-spacing:-.7px;margin:0;font-size:23px}.studio-actions{align-items:center;gap:10px;display:flex}.studio-actions>button,.studio-screen .screen-toolbar button{color:#062119;background:#59d995;border:1px solid #62db9b6b;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:700}.studio-actions>button:hover,.studio-screen .screen-toolbar button:hover{background:#75e5a7}.studio-screen .screen-toolbar button:disabled{opacity:.62;cursor:default}.session-code{color:#91aa9f;background:#0a291f;border:1px solid #a7edc922;border-radius:9px;padding:9px 11px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.session-code b{color:#b4efcc;letter-spacing:.12em}.studio-layout{grid-template-columns:minmax(680px,1fr) 325px;gap:17px;display:grid}.studio-center{gap:14px;min-width:0;display:grid}.mixer-panel,.studio-screen{background:linear-gradient(140deg,#0d3024,#09241c);border:1px solid #a7edc920;border-radius:17px;overflow:hidden}.mixer-panel{padding:21px}.mixer-heading{justify-content:space-between;align-items:flex-start;display:flex}.mixer-heading h2{margin:0;font-size:18px}.mixer-heading>span{color:#86a196;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.mixer{grid-template-columns:repeat(4,minmax(125px,1fr));gap:10px;margin-top:18px;display:grid}.mixer-channel{background:#071f18;border:1px solid #a7edc918;border-radius:12px;grid-template-rows:56px 1fr 28px 35px;justify-items:center;min-height:420px;padding:14px 10px;transition:all .18s;display:grid}.mixer-channel.selected{background:#0c2a20;border-color:#59d99594;box-shadow:inset 0 0 0 1px #59d9952b}.mixer-channel>div:first-child{text-align:center}.mixer-channel p{color:#e2efe8;margin:0;font-size:11px;font-weight:700}.mixer-channel small{color:#799389;margin-top:4px;font-size:9px;display:block}.channel-meter{background:#17372c;border-radius:5px;align-self:center;width:7px;height:205px;margin-right:46px;position:absolute;overflow:hidden}.channel-meter i{background:#53d893;border-radius:4px;height:8%;position:absolute;bottom:1px;left:1px;right:1px}.channel-meter i+i{left:4px}.channel-meter.moving i{height:66%;animation:.72s ease-in-out infinite alternate meterMove}.channel-meter.moving i+i{height:58%;animation-delay:-.35s}@keyframes meterMove{to{height:82%}}.fader{accent-color:#59d995;align-self:center;width:210px;height:25px;margin:90px 0;transform:rotate(-90deg)}.mixer-channel output{color:#9ee8bc;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.mix-buttons{gap:6px;display:flex}.mix-buttons button{color:#91aa9f;background:#13372a;border:1px solid #a7edc922;border-radius:6px;width:31px;height:27px;font-size:10px;font-weight:700}.mix-buttons button.on{color:#062119;background:#59d995;border-color:#59d995}.mix-buttons button.on.mute{color:#fff;background:#db626a;border-color:#ee777c}.studio-screen .screen-toolbar{height:46px}.studio-screen .bridge-preview{border:0;border-radius:0;height:150px;min-height:0;margin:0}.studio-chat{min-height:610px;margin:0}.studio-shell>audio{display:none}@media (width<=1100px){.studio-layout{grid-template-columns:1fr}.studio-chat{min-height:330px}.studio-top{grid-template-columns:1fr auto}.studio-top>.brand{display:none}.mixer-channel{min-height:390px}}@media (width<=720px){.studio-shell{padding:17px 12px}.studio-top{grid-template-columns:1fr}.studio-actions{justify-content:space-between}.mixer{grid-template-columns:repeat(2,1fr)}.mixer-channel{min-height:340px}.fader{width:160px;margin:65px 0}.channel-meter{height:160px}.studio-screen .bridge-preview{height:120px}}.fader-zone{place-items:center;width:100%;height:245px;display:grid;position:relative}.fader-zone .channel-meter{width:8px;height:220px;margin:0;position:absolute;top:12px;left:calc(50% - 37px)}.fader-zone .fader{writing-mode:vertical-lr;accent-color:#59d995;direction:rtl;width:24px;height:226px;margin:0;position:absolute;top:9px;left:50%;transform:none}.fader-scale{pointer-events:none;width:42px;height:220px;position:absolute;top:12px;left:calc(50% + 23px)}.fader-scale span{color:#718d81;width:100%;height:1px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;left:0;transform:translateY(50%)}.fader-scale span b{font-weight:500;position:absolute;top:-5px;left:13px}.fader-scale span i{background:#547065;width:8px;height:1px;position:absolute;top:0;left:0}.fader-scale span:nth-child(3){color:#b6ebcd}.fader-scale span:nth-child(3) i{background:#76dda5;width:11px}.studio-screen .screen-toolbar button.stop-share{color:#ffb4b6;background:#3d2325;border-color:#e97b7f88}.studio-screen .screen-toolbar button.stop-share:hover{background:#583033}.mixer-channel{grid-template-rows:56px 245px 28px 35px;min-height:388px}@media (width<=720px){.fader-zone{height:205px}.fader-zone .fader{height:188px}.fader-zone .channel-meter,.fader-scale{height:182px}.mixer-channel{grid-template-rows:56px 205px 28px 35px;min-height:348px}}.screen-status{align-items:center;gap:10px;display:flex}.screen-status button{color:#a7edc3;background:#153d2e;border:1px solid #60d99a68;border-radius:7px;padding:7px 9px;font-size:10px}.screen-status button:hover{background:#1c4b39}.client-content .reaper-preview{height:min(72vh,760px);min-height:480px;padding:0}.client-content .reaper-preview>video{object-fit:contain}@media (width<=700px){.client-content .reaper-preview{height:58vh;min-height:340px}.screen-status small{display:none}}.studio-shell{grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:680px;display:grid;overflow:hidden}.studio-top{min-height:66px;margin-bottom:16px}.studio-layout{grid-template-columns:minmax(680px,1fr) 335px;align-items:stretch;height:100%;min-height:0}.studio-layout>.mixer-panel{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.studio-layout>.studio-chat{height:100%;min-height:0;margin:0}.studio-chat .messages{min-height:0;overflow-y:auto}.mixer-heading{align-items:center}.mixer-head-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.mixer-head-actions>span{color:#86a196;margin-right:4px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.mixer-head-actions button{color:#a9edc5;background:#174532;border:1px solid #60d99a65;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:700}.mixer-head-actions button:hover{background:#205940}.mixer-head-actions button.stop-share{color:#ffb4b6;background:#3d2325;border-color:#e97b7f88}.mixer-head-actions .preview-button{background:#102f25}.studio-layout .mixer{height:100%;min-height:0}.studio-layout .mixer-channel{grid-template-rows:56px minmax(250px,1fr) 28px 35px;height:100%;min-height:0}.studio-layout .fader-zone{height:100%;min-height:250px}.studio-layout .fader-zone .fader{height:calc(100% - 22px)}.studio-layout .fader-zone .channel-meter,.studio-layout .fader-scale{height:calc(100% - 25px)}.screen-modal{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010b08cc;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.screen-modal>section{background:#071d17;border:1px solid #6ee0a34f;border-radius:17px;grid-template-rows:auto 1fr;width:min(1100px,92vw);height:min(720px,86vh);display:grid;overflow:hidden;box-shadow:0 30px 100px #000b}.screen-modal header{border-bottom:1px solid #a7edc91e;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.screen-modal h2{margin:0;font-size:16px}.screen-modal header button{color:#c5ddcf;background:#13372a;border:1px solid #a7edc92d;border-radius:8px;padding:8px 11px;font-size:10px}.screen-modal video{object-fit:contain;background:#020806;width:100%;height:100%}@media (width<=1100px){.studio-shell{height:auto;min-height:100vh;overflow:auto}.studio-layout{grid-template-columns:1fr;height:auto}.studio-layout>.mixer-panel{min-height:620px}.studio-layout>.studio-chat{min-height:420px}.mixer-head-actions{flex-wrap:wrap}}@media (width<=720px){.mixer-head-actions>span{text-align:right;width:100%}.studio-layout .mixer-channel{min-height:355px}.screen-modal{padding:12px}.screen-modal>section{width:100%;height:75vh}}.studio-shell .overline{font-size:12px}.studio-shell .mixer-heading h2{font-size:21px}.studio-shell .mixer-head-actions>span{font-size:12px}.studio-shell .mixer-head-actions button{padding:9px 12px;font-size:12px}.studio-shell .mixer-channel p{font-size:14px;line-height:1.3}.studio-shell .mixer-channel small{margin-top:6px;font-size:11px;line-height:1.3}.studio-shell .mixer-channel output{font-size:12px}.studio-shell .fader-scale span{font-size:10px}.studio-shell .fader-scale span b{top:-6px}.studio-shell .mix-buttons button{font-size:12px}.studio-shell .chat-heading h2{font-size:21px}.studio-shell .messages article b{font-size:13px}.studio-shell .messages time{font-size:11px}.studio-shell .messages p{font-size:14px;line-height:1.55}.studio-shell .empty-chat{font-size:13px}.studio-shell .compose input{font-size:14px}.studio-shell .session-code,.studio-shell .studio-actions>button{font-size:12px}.studio-shell .studio-top h1{font-size:25px}.studio-shell .mixer-channel{grid-template-rows:68px minmax(250px,1fr) 32px 38px}.studio-shell .fader-scale{width:48px}.studio-shell .fader-scale span b{left:15px}@media (width<=720px){.studio-shell .mixer-channel p,.studio-shell .messages p{font-size:13px}}.room{height:100dvh;min-height:0;overflow:hidden}.room>.sidebar{height:100%;min-height:0}.client-content{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.client-content>header{flex:none}.client-content>.screen-panel{flex:auto;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.client-content .reaper-preview{height:auto;min-height:0}.client-content>.listen-state{flex:none}.room>.chat{height:calc(100% - 34px);min-height:0;overflow:hidden}.room>.chat .messages{min-height:0;overflow-y:auto}.engineer-mode{border-style:dashed;margin-top:5px}.phone-console{text-align:center;max-width:470px}.phone-console .join-brand{justify-content:center}.phone-mic{color:#ef999c;background:#392326;border:1px solid #e37b7f75;border-radius:50%;place-items:center;gap:11px;width:180px;height:180px;margin:28px auto 17px;display:grid}.phone-mic b{font-size:12px}.phone-mic.active{color:#a4eec1;background:#174734;border-color:#59d995;box-shadow:0 0 0 10px #59d9950d}.phone-status{color:#8aa69a;font-size:12px}.studio-actions{flex-wrap:wrap;justify-content:flex-end}@media (width<=1100px){.room{height:auto;min-height:100dvh;overflow:auto}.room>.chat{height:auto;min-height:360px}.client-content{height:auto;overflow:visible}.client-content>.screen-panel{min-height:440px}}.setup-error{color:#ff9fa3;text-align:center;margin:0 0 13px;font-size:12px}.remote-mix-audio{display:none}.studio-layout>.mixer-panel{grid-template-rows:auto auto minmax(0,1fr)}.vst-source{align-items:center;gap:6px;display:flex}.vst-source select{color:#c4ded1;background:#0b2b21;border:1px solid #60d99a55;border-radius:8px;outline:none;max-width:175px;padding:8px 28px 8px 9px;font-size:10px}.vst-source select:disabled{opacity:.7}.source-status{color:#9ab4a7;background:#071f18;border:1px solid #a7edc918;border-radius:9px;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;font-size:10px;display:flex}.source-status>span{background:#718b7f;border-radius:50%;width:8px;height:8px}.source-status>span.online{background:#59d995;box-shadow:0 0 0 4px #59d99516}.source-status b{color:#cce5d8;font-weight:600}.source-status small{color:#719083;margin-left:auto;font-size:9px}@media (width<=1200px){.mixer-head-actions{max-width:660px}.vst-source select{max-width:145px}.source-status small{display:none}}.brand-mark{object-fit:cover;flex:none;display:block}.join-brand>.brand-mark{border-radius:10px;width:37px;height:37px}.brand>.brand-mark{border-radius:9px;width:31px;height:31px}.join-brand>.brand-mark+b{letter-spacing:-.7px;font-weight:600}.auto-mute-note{color:#f3c488;margin:-6px 0 12px;font-size:11px;line-height:1.4}.phone-mic{gap:0;width:90px;height:90px;margin:24px auto 10px}.phone-mic svg{width:30px;height:30px}.phone-mic-label{color:#9aedbb;margin:0 0 13px;font-size:12px;display:block}.phone-mic-label.muted{color:#ef999c}.mix-buttons .automute{width:auto;min-width:76px;padding:0 9px}.mix-buttons .automute.on{color:#a4eec1;background:#174734;border-color:#59d995}.mixer-channel.auto-muted{border-color:#e77b7f8c;box-shadow:inset 0 0 0 1px #e77b7f26}.mixer-channel.auto-muted>div:first-child small{color:#f09a9d}.talkback-shell{background:#09271e;padding:0}.talkback-shell .phone-console{width:100%;max-width:none;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));text-align:center;background:radial-gradient(circle at 50% 15%,#174b39 0,#0000 43%),#09271e;flex-direction:column;justify-content:center;align-items:center;display:flex}.talkback-shell .join-brand{justify-content:center;margin-bottom:30px}.talkback-shell .invite-copy{max-width:390px;margin-inline:auto}.talkback-shell .phone-status{margin:4px 0 0}@media (width<=700px){.talkback-shell .phone-console{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.talkback-shell .join-brand{font-size:22px}.talkback-shell .invite-copy{font-size:12px}}.messages article.saved-note{border-left:2px solid #59d995;padding-left:10px}.note-badge{color:#8ce9b1;text-transform:uppercase;letter-spacing:.5px;background:#59d9951f;border-radius:4px;margin-left:8px;padding:2px 5px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.compose button.save-note{color:#9ce8ba;background:#153d2e;border:1px solid #59d99542}.compose button.save-note:hover{background:#20533e}.notes>p{color:#8fa99d;font-size:12px}.studio-library-shell{place-items:start center;padding-block:34px;overflow:auto}.studio-library{width:min(980px,100%)}.studio-library>.join-brand{margin-bottom:26px}.library-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:15px;display:flex}.library-heading h1{margin:0;font-size:28px}.library-heading>button{color:#aeefc7;background:#153d2e;border:1px solid #5fdaa06b;border-radius:9px;padding:10px 14px;font-size:12px}.session-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:20px;display:grid}.session-card{color:#eaf7f0;text-align:left;background:linear-gradient(140deg,#0d3024,#09241c);border:1px solid #a7edc925;border-radius:14px;grid-template-columns:1fr auto;gap:14px;padding:18px;display:grid}.session-card:hover{border-color:#59d99599;transform:translateY(-1px)}.session-card span{gap:5px;display:grid}.session-card b{font-size:15px}.session-card small{color:#8fa99d;font-size:11px}.session-card i{color:#9de8bb;letter-spacing:.1em;background:#061e17;border-radius:6px;height:max-content;padding:5px 7px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.session-card em{color:#72dca2;grid-column:1/-1;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.studio-library>.studio-setup{margin-inline:auto}.studio-actions>button.secondary-action{color:#b8e9cc;background:#153d2e}.studio-actions>button.danger-action{color:#ffb4b6;background:#3d2325;border-color:#e97b7f77}@media (width<=700px){.studio-library-shell{padding:20px 14px}.library-heading{flex-direction:column;align-items:flex-start}.session-cards{grid-template-columns:1fr}}.audio-unlock{color:#062119;background:#59d995;border:1px solid #59d995;border-radius:9px;align-items:center;gap:7px;margin-left:auto;padding:9px 11px;font-size:11px;font-weight:700;display:flex}.audio-unlock svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:17px;height:17px}.audio-unlock.attention{animation:1.3s ease-in-out infinite audioPulse}@keyframes audioPulse{50%{box-shadow:0 0 0 7px #59d9951c}}.studio-library-shell.empty{place-items:center;padding-block:24px}.studio-library-shell.empty .studio-library{width:min(510px,100%)}@media (width<=700px){.audio-unlock{margin-left:auto}}.new-session-card{color:#9de8bb;background:#0a281f;border-style:dashed}.new-session-card span{grid-column:1/-1}.new-session-card em{margin-top:8px}.session-create-modal{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010b08cc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.session-create-modal>.studio-setup{width:min(510px,100%);position:relative;box-shadow:0 30px 100px #000c}.modal-close{color:#c5ddcf;background:#13372a;border:1px solid #a7edc92d;border-radius:8px;width:31px;height:31px;font-size:20px;line-height:1;position:absolute;top:14px;right:14px}.diagnostics-modal{z-index:140;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010b08d9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.diagnostics-modal>section{background:#071d17;border:1px solid #65dda04d;border-radius:17px;width:min(820px,96vw);max-height:88vh;overflow:auto;box-shadow:0 30px 100px #000d}.diagnostics-modal header{z-index:1;background:#071d17;border-bottom:1px solid #a7edc91e;justify-content:space-between;align-items:center;padding:17px 19px;display:flex;position:sticky;top:0}.diagnostics-modal h2{margin:0;font-size:18px}.diagnostics-modal header button{color:#c5ddcf;background:#13372a;border:1px solid #a7edc92d;border-radius:8px;padding:8px 11px}.diagnostics-tools{border-bottom:1px solid #a7edc91a;align-items:center;gap:14px;padding:16px 19px;display:flex}.diagnostics-tools .tone{color:#062119;background:#59d995;border:1px solid #59d995;border-radius:9px;padding:11px 14px;font-weight:700}.diagnostics-tools .tone.active{color:#ffb4b6;background:#3d2325;border-color:#ee777c}.diagnostics-tools p{color:#88a397;margin:0;font-size:11px}.diagnostics-list{gap:11px;padding:17px 19px;display:grid}.diagnostics-list article{background:#0a291f;border:1px solid #a7edc91e;border-radius:11px;padding:14px}.diagnostics-list article>div{justify-content:space-between;margin-bottom:10px;display:flex}.diagnostics-list small{color:#78958a}.diagnostics-list dl{grid-template-columns:repeat(2,1fr);gap:0;margin:0;display:grid}.diagnostics-list dl div{border-top:1px solid #a7edc916;justify-content:space-between;gap:12px;padding:8px;font-size:10px;display:flex}.diagnostics-list dt{color:#779287}.diagnostics-list dd{color:#c1dbcf;text-align:right;margin:0}.diagnostics-list dd.ok{color:#73e5a4}.diagnostics-list dd.warn{color:#efb28d}.diagnostics-empty{color:#849f93}.diagnostics-button{background:#102f25!important}@media (width<=700px){.diagnostics-modal{padding:10px}.diagnostics-tools{flex-direction:column;align-items:stretch}.diagnostics-list dl{grid-template-columns:1fr}}.quality-control{color:#7f9d90;gap:3px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.quality-control select{color:#cfe6db;background:#0b2b21;border:1px solid #60d99a55;border-radius:8px;outline:none;min-width:112px;padding:7px 8px;font-size:11px}.mixer.mixer-scroll{scrollbar-color:#3c8061 #071d17;scrollbar-width:thin;scroll-behavior:smooth;gap:9px;padding-bottom:7px;display:flex;overflow:auto hidden}.mixer-scroll>.mixer-channel,.mixer-scroll>article{flex:1 0 150px;min-width:150px}.studio-shell audio{display:none}.compose button.save-note{width:auto;min-width:74px;padding-inline:8px;font-size:10px}.diagnostics-source{background:#0a291f;border-bottom:1px solid #a7edc91a;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:13px 19px;display:grid}.diagnostics-source b{font-size:14px}.diagnostics-source span{color:#a8c4b6;font-size:13px}.diagnostics-source strong{color:#79e1a7;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.diagnostics-tools p{font-size:13px}.diagnostics-list article>div b{font-size:15px}.diagnostics-list article>div small{font-size:12px}.diagnostics-list dl div{font-size:13px;line-height:1.35}.diagnostics-list dt{flex:0 0 125px}.diagnostics-list dd{word-break:break-word}.mobile-video-fullscreen{z-index:300;inset:0;background:#000!important;width:100vw!important;height:100dvh!important;min-height:0!important;padding:0!important;position:fixed!important}.mobile-video-fullscreen video{object-fit:contain;width:100%;height:100%}.exit-mobile-fullscreen{z-index:2;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));color:#fff;background:#071d17dd;border:1px solid #fff5;border-radius:9px;padding:10px 13px;font-size:13px;position:absolute}@media (width<=1100px){.room{height:100dvh;min-height:0;overflow:hidden}.client-content,.room>.chat{min-height:0;overflow:hidden}}@media (width<=700px){input,select,textarea,.compose input,.name-label input{font-size:16px}.room{grid-template-rows:minmax(0,1fr) minmax(180px,32dvh);display:grid}.client-content{height:auto;min-height:0;padding:12px 12px 4px;overflow:hidden}.client-content>header{padding-bottom:8px}.client-content>.screen-panel{min-height:0}.client-content .reaper-preview{height:auto;min-height:0}.client-content>.listen-state{gap:8px;margin-top:8px;padding:10px}.round-icon{width:38px;height:38px}.listen-state>div+div{padding-top:8px}.room>.chat{height:auto;min-height:0;margin:4px 12px max(8px,env(safe-area-inset-bottom));padding:12px}.room>.chat .messages{overscroll-behavior:contain;margin:8px 0}.compose{background:#061c15;flex:none;position:sticky;bottom:0}.diagnostics-source{grid-template-columns:1fr;gap:5px}.diagnostics-list dl div{font-size:12px}.diagnostics-list dt{flex-basis:105px}}@media (width<=900px) and (orientation:landscape){.room{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(280px,36vw)}.room>.chat{grid-column:auto;margin:8px}.client-content{padding:8px}.client-content>.listen-state{grid-template-columns:1fr 1fr}.listen-state>div+div{border-top:0;border-left:1px solid #a7edc91e;padding:0 0 0 10px}}.messages,.mixer-scroll{scrollbar-width:thin;scrollbar-color:#63dfa0 transparent}.messages::-webkit-scrollbar{width:6px;height:6px}.mixer-scroll::-webkit-scrollbar{width:6px;height:6px}.messages::-webkit-scrollbar-track{background:0 0}.mixer-scroll::-webkit-scrollbar-track{background:0 0}.messages::-webkit-scrollbar-thumb{background:#63dfa0;border-radius:999px}.mixer-scroll::-webkit-scrollbar-thumb{background:#63dfa0;border-radius:999px}.studio-layout>.studio-chat{min-height:0;display:flex;overflow:hidden}.studio-layout>.studio-chat>.messages{overscroll-behavior:contain;flex:1 1 0;height:0;min-height:0;overflow-y:auto}@media (width>=901px){.studio-shell{height:100dvh;min-height:0;overflow:hidden}.studio-layout,.studio-layout>.mixer-panel,.studio-layout>.studio-chat{height:100%;min-height:0}}@media (width<=700px){html,body,#root{width:100%;height:100%;overflow:hidden}.room{width:100%;height:100dvh;overflow:hidden;grid-template-rows:minmax(0,1fr) minmax(190px,34dvh)!important;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.room>.client-content{width:100%;min-width:0;grid-area:1/1!important}.room>.chat{width:auto;min-width:0;max-width:none;margin:5px 10px max(7px,env(safe-area-inset-bottom));overflow:hidden;grid-area:2/1!important}.client-content>header h1{overflow-wrap:anywhere;max-width:72vw}.screen-toolbar{gap:8px}.screen-toolbar>span{min-width:0}.screen-toolbar .screen-status{flex:none}.screen-toolbar button{white-space:normal;max-width:105px}.listen-state>div,.listen-state>div>span{min-width:0}.listen-state b,.listen-state small{overflow-wrap:anywhere}.compose{width:100%;min-width:0}.compose input{min-width:0}.compose button.save-note{min-width:68px}}