.menu{z-index:60;background:var(--white);min-width:13rem;max-width:min(22rem,100vw - 16px);max-height:min(70vh,26rem);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-m);margin:0;padding:.3rem;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 14px 36px #122b5033}.menu button{text-align:left;width:100%;font:inherit;font-size:var(--t-s);color:inherit;border-radius:var(--r-s);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem .65rem;display:flex}.menu button:hover:not(:disabled),.menu button:focus-visible{background:var(--lavender-soft);box-shadow:none}.menu button:focus-visible{box-shadow:inset 0 0 0 2px var(--navy)}.menu button:disabled{color:var(--ink-3);cursor:not-allowed}.menu button.danger{color:var(--danger)}.menu-scrim{display:none}.menu-hint{color:var(--ink-3);font-size:var(--t-xs);white-space:nowrap}dialog.overlay{color:var(--ink);background:var(--white);overscroll-behavior:none;border:0;max-width:100vw;max-height:100dvh;padding:0;overflow:hidden}dialog.overlay::backdrop{background:#122b5052}dialog.overlay.drawer{height:100dvh;width:min(var(--overlay-width,560px), 100vw);margin:0 0 0 auto;animation:.18s cubic-bezier(.2,.8,.2,1) overlay-in-right;box-shadow:-18px 0 40px #122b5029}dialog.overlay.modal{width:min(var(--overlay-width,560px), calc(100vw - 2rem));border-radius:var(--r-m);max-height:80vh;margin-top:12vh;box-shadow:0 24px 60px #122b5047}.overlay-frame{height:100%;max-height:inherit;flex-direction:column;display:flex}.overlay-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem .75rem;display:flex}.overlay-head h2{font-size:var(--t-m);margin:0}.overlay-sub{margin-top:.35rem}.overlay-body{overscroll-behavior:none;flex:1;min-height:0;padding:1rem 1.25rem 1.5rem;overflow-y:auto}.overlay-foot{border-top:1px solid var(--line);padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom,0px));background:var(--white);flex-wrap:wrap;flex:none;align-items:center;gap:.5rem;display:flex}dialog.overlay.modal .overlay-frame{max-height:80vh}@keyframes overlay-in-right{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:none}}.toasts{z-index:80;pointer-events:none;gap:.5rem;max-width:min(30rem,100vw - 2rem);display:grid;position:fixed;bottom:1rem;left:1rem}.toast-stack{gap:.5rem;display:grid}.toast{pointer-events:auto;border-radius:var(--r-m);background:var(--navy);color:var(--white);font-size:var(--t-s);align-items:center;gap:.75rem;padding:.65rem .5rem .65rem 1rem;animation:.16s ease-out toast-in;display:flex;box-shadow:0 12px 32px #122b5047}.toast.ok{box-shadow:inset 4px 0 #7fd1a8,0 12px 32px #122b5047}.toast.danger{background:var(--danger)}.toast-message{flex:1}.toast-action{min-height:1.75rem;font:inherit;color:var(--lavender);border-radius:var(--r-s);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:.3rem .5rem;font-weight:650;text-decoration:underline}.toast.danger .toast-action{color:var(--white)}.toast-close{min-width:2rem;min-height:2rem;font:inherit;color:inherit;opacity:.75;border-radius:var(--r-s);cursor:pointer;background:0 0;border:0;padding:.25rem .5rem;font-size:1.2rem;line-height:1}.toast-close:hover{opacity:1}@media (pointer:coarse){.toast-close{min-width:2.75rem;min-height:2.75rem}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.toasts.end{left:auto;right:1rem}.toast-key{font:inherit;font-size:var(--t-xs);opacity:.85;border:1px solid;border-radius:3px;margin-left:.4rem;padding:0 .3rem;font-weight:600}@media (width<=600px){.toasts,.toasts.end{max-width:none;bottom:.5rem;left:.5rem;right:.5rem}}.kanban-wrap{min-width:0;position:relative}.kanban{grid-template-columns:repeat(var(--kanban-cols,4), minmax(14rem, 1fr));overscroll-behavior-x:contain;align-items:start;gap:.75rem;padding-bottom:.75rem;display:grid;overflow-x:auto}.kanban-col{background:color-mix(in srgb, var(--mist-soft) 70%, var(--paper));border:1px solid var(--line-strong);border-radius:var(--r-m);flex-direction:column;min-width:0;min-height:max(12rem,100dvh - 19rem);padding:.5rem;transition:background-color .12s,box-shadow .12s;display:flex}.kanban-col.is-over{background:var(--lavender-soft);box-shadow:inset 0 0 0 2px var(--lavender)}.kanban-col.is-blocked{background:var(--danger-soft);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--danger) 45%, transparent)}.kanban-col-head{align-items:center;gap:.6rem;min-height:2.25rem;padding:.25rem .4rem .5rem;display:flex}.kanban-col-head h2{font-size:var(--t-s);letter-spacing:0;white-space:nowrap;margin:0;font-weight:640}.kanban-count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:.15rem;font-weight:560}.kanban-meta{min-width:0;font-size:var(--t-xs);color:var(--ink-3);white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.kanban-meta>*{text-overflow:ellipsis;overflow:hidden}.kanban-wip{color:var(--ink-3)}.kanban-wip.over{color:var(--warn);background:var(--warn-soft);border-radius:999px;padding:0 .45rem;font-weight:650}.kanban-note{color:var(--ink-3)}.kanban-note+.kanban-wip:before{content:"·";color:var(--ink-3);margin-right:.5rem}.kanban-list{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.kanban-list>li{min-width:0}.kanban-empty{color:var(--ink-3);font-size:var(--t-xs);text-align:center;border:1px dashed color-mix(in srgb, var(--mist) 70%, transparent);border-radius:var(--r-m);padding:1.5rem .5rem}.kanban-slot{border:2px dashed var(--navy-2);border-radius:var(--r-m);font-size:var(--t-xs);color:var(--navy);text-align:center;padding:.9rem .75rem;font-weight:600}.kanban-col.is-blocked .kanban-slot{border-color:var(--danger);color:var(--danger)}.kanban-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-m);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;align-items:flex-start;gap:.35rem;min-width:0;padding:.4rem .4rem .4rem .5rem;line-height:1.35;transition:box-shadow .12s,border-color .12s;display:flex;position:relative}.kanban-card:hover{border-color:color-mix(in srgb, var(--mist) 80%, var(--navy));box-shadow:0 2px 6px #122b5014}.kanban-card:focus-visible{border-radius:var(--r-m);box-shadow:var(--focus)}.kanban-card.selected{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);background:color-mix(in srgb, var(--lavender-soft) 55%, var(--white))}.kanban-card.lifted{box-shadow:var(--focus), 0 14px 28px #122b5033;border-color:var(--navy);cursor:grabbing}.kanban-card.drag-source{opacity:.35}.kanban-card-body{flex:1;min-width:0;padding-top:.1rem}.kanban-card-body p{margin:0}.kanban-card-body>*+*{margin-top:.2rem}.kanban-check{cursor:pointer;flex:none;place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}.kanban-move{flex:none}.kanban-move-btn{min-height:1.5rem;padding:0 .4rem;line-height:1}@media (hover:hover) and (pointer:fine){.kanban-card>.kanban-check,.kanban-card>.kanban-move{z-index:2;opacity:0;background:inherit;border-radius:var(--r-s);transition:opacity .1s;position:absolute;top:.3rem}.kanban-card>.kanban-move{right:.3rem}.kanban-card>.kanban-check{right:3.1rem}.kanban-card:is(:hover,:focus-within,.selected)>:is(.kanban-check,.kanban-move){opacity:1}.kanban-wrap.has-selection .kanban-card>.kanban-check{opacity:1;position:static}.kanban-wrap.has-selection .kanban-card>.kanban-move{right:.3rem}}.kanban-ghost{z-index:70;pointer-events:none;position:fixed;transform:rotate(1.5deg)}.kanban-ghost .kanban-card{cursor:grabbing}body.kanban-dragging,body.kanban-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.kanban-card.settle{animation:.38s cubic-bezier(.2,.9,.25,1.15) kanban-settle}@keyframes kanban-settle{0%{box-shadow:0 0 0 2px var(--lavender), 0 14px 28px #122b5033;transform:translateY(-6px)scale(1.03)}to{transform:none;box-shadow:0 0 #0000}}@media (pointer:coarse){.kanban-move-btn,.kanban-check{min-width:2.75rem;min-height:2.75rem}}.kanban-jump{display:none}@media (width<=900px){.kanban{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:min(85vw,22rem);grid-auto-flow:column;scroll-padding-inline:.25rem}.kanban-col{scroll-snap-align:start}.kanban-jump{scrollbar-width:none;gap:.35rem;margin-bottom:.6rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.kanban-jump::-webkit-scrollbar{display:none}.kanban-jump button{min-height:2.75rem;font:inherit;font-size:var(--t-xs);color:var(--ink-2);background:var(--white);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:0 .85rem;font-weight:600;display:inline-flex}.kanban-jump button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--white)}.kanban-jump button[aria-pressed=true] .kanban-count{color:inherit}}@media (width<=600px){.kanban{padding-bottom:0;display:block;overflow:visible}.kanban-col{background:0 0;border:0;min-height:0;padding:0;display:none}.kanban-col.is-current{display:flex}.kanban-col-head{min-height:0;padding:0 0 .5rem}.kanban-col-head:not(:has(.kanban-meta)){display:none}.kanban-list{gap:.5rem}.kanban-card{cursor:default;padding:.65rem .4rem .65rem .75rem}.kanban-jump{top:var(--kanban-jump-top,0px);z-index:5;box-shadow:inset 0 0 0 100vmax var(--paper);margin-inline:-1rem;padding:.5rem 1rem;position:sticky}}.call-recording-notice{background:var(--mist-soft);color:var(--ink);font-size:var(--t-xs);border-radius:999px;align-items:center;gap:.5rem;max-width:100%;margin:0;padding:.3rem .75rem;font-weight:560;display:inline-flex}.call-recording-notice.on{background:var(--danger-soft)}.call-recording-dot{border:2px solid var(--ink-3);background:0 0;border-radius:50%;flex:none;width:.6rem;height:.6rem}.call-recording-dot.on{border-color:var(--danger);background:var(--danger)}.call-recording-choice{border-radius:var(--r-m);background:var(--mist-soft);gap:.4rem;min-width:0;padding:.75rem;display:grid}.call-recording-choice-title{margin:0;font-weight:640}.call-recording-choice-body{overflow-wrap:anywhere;margin:0}.call-check{gap:1rem;min-width:0;display:grid}.call-check-title{font-size:var(--t-m);margin:0}.call-check-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;gap:1.25rem;display:grid}.call-check-preview{aspect-ratio:4/3;border-radius:var(--r-m);background:var(--navy);min-width:0;overflow:hidden}.call-check-controls{align-content:start;gap:.75rem;min-width:0;display:grid}.call-check-controls>.btn{justify-self:start}.call-field{gap:.25rem;min-width:0;font-weight:560;display:grid}.call-field select{width:100%;min-width:0;min-height:var(--field-h);font:inherit;border:1px solid var(--line-strong);border-radius:var(--r-s);background:var(--white);color:var(--ink);text-overflow:ellipsis;padding:.4rem .5rem}.call-toggle{align-items:center;gap:.5rem;display:flex}.call-meter{background:var(--mist-soft);border-radius:999px;height:.5rem;overflow:hidden}.call-meter>span{background:var(--ok);height:100%;transition:width 80ms linear;display:block}.call-muted{color:var(--ink-3);margin:0}.call-alert{background:var(--warn-soft);color:var(--ink);border-radius:var(--r-m);margin:0;padding:.75rem}.call-alert p{margin:0 0 .5rem}.call-stage{gap:.75rem;min-width:0;display:grid}.call-banner{border-radius:var(--r-m);background:var(--mist-soft);flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;padding:.5rem .75rem;display:flex}.call-banner.warn{background:var(--warn-soft)}.call-tiles{min-width:0;position:relative}.call-remote{aspect-ratio:16/9;border-radius:var(--r-m);background:var(--navy);width:100%;overflow:hidden}.call-self{z-index:1;aspect-ratio:4/3;border-radius:var(--r-s);background:var(--navy-2);width:clamp(6rem,22%,12rem);box-shadow:0 0 0 2px var(--white);position:absolute;bottom:.75rem;right:.75rem;overflow:hidden}.call-video{object-fit:cover;background:var(--navy);width:100%;height:100%;display:block}.call-video.mirror{transform:scaleX(-1)}.call-placeholder{width:100%;height:100%;color:var(--white);text-align:center;overflow-wrap:anywhere;place-items:center;padding:1rem;font-weight:560;display:grid}.call-placeholder.small{font-size:var(--t-xs);padding:.25rem}.call-controls{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=600px){.call-remote{aspect-ratio:3/4}.call-self{width:34%}.call-controls>.btn{flex:auto}}.room{--room-bg:var(--navy);--room-tile:#0c1f3b;--room-ink:var(--white);border-radius:var(--r-m);background:var(--room-bg);color:var(--room-ink);gap:.5rem;min-width:0;padding:.75rem;display:grid;position:relative}.room .room-icon{flex:none}.room-top{font-size:var(--t-xs);flex-wrap:wrap;align-items:center;gap:.5rem .9rem;min-width:0;display:flex}.room-live{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;font-weight:650;display:inline-flex}.room-live:before{content:"";background:#ff6b6b;border-radius:50%;width:.5rem;height:.5rem}.room-timer{font-variant-numeric:tabular-nums;font-weight:600}.room-count{opacity:.85}.room-own-quality{display:inline-flex}.room-views{background:#ffffff1a;border-radius:999px;margin-left:auto;padding:2px;display:inline-flex}.room-view-btn{font:inherit;font-size:var(--t-xs);min-height:2rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-weight:560;display:inline-flex}.room-view-btn[aria-pressed=true]{background:var(--white);color:var(--navy)}.room-view-btn:focus-visible,.room-control:focus-visible,.room-reaction:focus-visible{outline:2px solid var(--white);outline-offset:2px}.room-banner{border-radius:var(--r-s);background:var(--lavender-soft);color:var(--navy);font-size:var(--t-s);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.room-banner.warn{background:var(--warn-soft)}.room-body{grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;display:grid}.room.with-panel .room-body{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem)}.room-stage{min-width:0;min-height:min(62vh,36rem);display:grid;position:relative}.room.stage .room-stage{min-height:min(50vh,28rem)}.room-grid-wrap{align-content:center;min-width:0;height:100%;display:grid}.room-grid{align-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.room-grid>li,.room-strip>li{min-width:0}.room-focus{grid-template-rows:minmax(0,1fr) auto;gap:.5rem;min-width:0;display:grid}.room-main{min-width:0;min-height:0;display:grid}.room-main .room-tile{aspect-ratio:auto;height:100%;min-height:14rem}.room-strip{gap:.5rem;margin:0;padding:0 0 .25rem;list-style:none;display:flex;overflow-x:auto}.room-strip>li{flex:0 0 clamp(7.5rem,18%,11rem)}.room-tile{aspect-ratio:16/9;border-radius:var(--r-m);background:var(--room-tile);margin:0;transition:box-shadow .12s ease-out;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0000}.room-tile.speaking{box-shadow:0 0 0 3px var(--lavender), 0 0 0 5px #cbb1f559}.room-tile.screen{background:#000}.room-video{object-fit:cover;width:100%;height:100%;display:block}.room-video.contain{object-fit:contain}.room-video.mirror{transform:scaleX(-1)}.room-initials{place-items:center;width:100%;height:100%;display:grid}.room-initials>span{aspect-ratio:1;background:var(--tile-colour,var(--navy-2));width:clamp(2.5rem,34%,6.5rem);color:var(--white);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:clamp(.95rem,3vw,2rem);font-weight:650;display:grid;box-shadow:0 0 0 2px #ffffff2e}.room-tile-top{pointer-events:none;align-items:center;gap:.35rem;display:flex;position:absolute;top:.4rem;left:.4rem;right:.4rem}.room-hand{background:var(--white);border-radius:999px;padding:.15rem .3rem;font-size:1.15rem;line-height:1}.room-spot{background:#0000008c;border-radius:999px;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.75rem;font-weight:600;display:inline-flex}.room-quality{background:#00000073;border-radius:4px;align-items:flex-end;gap:2px;height:.8rem;margin-left:auto;padding:.15rem .25rem;display:inline-flex}.room-quality>span{background:#ffffff59;border-radius:1px;width:3px}.room-quality>span:first-child{height:35%}.room-quality>span:nth-child(2){height:65%}.room-quality>span:nth-child(3){height:100%}.room-quality>span.on{background:#7ee2a8}.room-quality.q-poor>span.on{background:#ffc857}.room-top .room-quality,.room-settings-quality .room-quality{margin-left:0}.room-name{min-width:0;font-size:var(--t-xs);align-items:center;gap:.35rem;margin:0;font-weight:600;display:flex;position:absolute;bottom:.4rem;left:.4rem;right:.4rem}.room-name-text{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--r-s);background:#0000008c;min-width:0;padding:.1rem .45rem;overflow:hidden}.room-muted{color:#ffb4a8;background:#0000008c;border-radius:50%;flex:none;place-items:center;width:1.4rem;height:1.4rem;display:inline-grid}.room-badge{background:var(--lavender);color:var(--navy);letter-spacing:.01em;border-radius:999px;flex:none;align-items:center;gap:.2rem;padding:.08rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.room-reactions{pointer-events:none;position:absolute;inset:0;overflow:hidden}.room-float{font-size:1.8rem;animation:2.6s ease-out forwards room-float;position:absolute;bottom:.5rem}.room-float.mine{font-size:2.1rem}@keyframes room-float{0%{opacity:0;transform:translateY(0)scale(.8)}10%{opacity:1;transform:translateY(-1rem)scale(1.1)}to{opacity:0;transform:translateY(-18rem)scale(1)}}@media (prefers-reduced-motion:reduce){.room-float{animation:2.6s linear forwards room-fade}}@keyframes room-fade{0%,70%{opacity:1}to{opacity:0}}.room-panel{border-radius:var(--r-m);background:var(--white);min-width:0;max-height:min(72vh,44rem);color:var(--ink);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.room-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.room-panel-head h2{font-size:var(--t-s);margin:0}.room-panel-body{min-width:0;padding:.75rem;overflow-y:auto}.room-panel-body>.card,.room-panel-body>.panel,.room-panel-body>section{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.room-reaction-bar{justify-content:center;gap:.4rem;display:flex}.room-reaction{cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;min-width:2.75rem;min-height:2.75rem;padding:.35rem .55rem;font-size:1.5rem;line-height:1}.room-reaction:hover{background:#ffffff38}.room-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem 1rem;padding-top:.25rem;display:flex}.room-controls-group{flex-wrap:wrap;gap:.35rem;display:flex}.room-controls-group.end{margin-left:auto}.room-control{font:inherit;border-radius:var(--r-m);min-width:4.25rem;min-height:2.75rem;color:var(--white);cursor:pointer;background:#ffffff1a;border:0;justify-items:center;gap:.15rem;padding:.4rem .55rem;display:inline-grid;position:relative}.room-control:hover:not(:disabled){background:#fff3}.room-control:disabled{opacity:.45;cursor:not-allowed}.room-control.pressed{background:var(--white);color:var(--navy)}.room-control.off{color:#ffd6cf;background:#ffb4a82e}.room-control.danger{color:var(--white);background:#c0392b}.room-control.danger:hover{background:#a3261b}.room-control-label{white-space:nowrap;font-size:.72rem;font-weight:600}.room-control-count{background:var(--lavender);min-width:1.1rem;color:var(--navy);border-radius:999px;padding:0 .25rem;font-size:.68rem;font-weight:700;line-height:1.1rem;position:absolute;top:.15rem;right:.3rem}.room-people-panel{gap:.9rem;display:grid}.room-list-title{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin:0 0 .35rem}.room-people{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.room-people>li{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.room-person-dot{background:var(--tile-colour,var(--navy-2));width:1.9rem;height:1.9rem;color:var(--white);border-radius:50%;flex:none;place-items:center;font-size:.7rem;font-weight:700;display:grid}.room-person-name{overflow-wrap:anywhere;flex-wrap:wrap;flex:8rem;align-items:center;gap:.3rem;min-width:0;display:inline-flex}.room-hand-order{color:var(--ink-3);font-variant-numeric:tabular-nums}.room-person-state{color:var(--ink-2,var(--ink));align-items:center;gap:.3rem;display:inline-flex}.room-person-state .off{color:var(--ink-3)}.room-message{border-radius:var(--r-m);background:var(--white);box-shadow:var(--shadow-card,none);justify-items:start;gap:.75rem;padding:1.5rem;display:grid}.room-message h2{font-size:var(--t-m,1.25rem);margin:0}.room-message p{margin:0}.room-message .form-actions{flex-wrap:wrap;gap:.5rem;display:flex}.room-settings{gap:.75rem;display:grid}.room-settings-quality{align-items:center;gap:.5rem;margin:0;display:flex}.room-settings-quality .room-quality{background:var(--navy)}.room-backgrounds,.room-report{border:0;gap:.35rem;margin:0 0 .75rem;padding:0;display:grid}.room-backgrounds legend,.room-report legend{margin-bottom:.25rem;font-weight:600}.room-report+.call-field textarea{width:100%}@media (width<=900px){.room.with-panel .room-body{grid-template-columns:minmax(0,1fr)}.room-panel{max-height:60vh}}@media (width<=600px){.room{border-radius:0;margin-inline:-1rem;padding:.5rem}.room-stage{min-height:52vh}.room-control{min-width:2.9rem;padding:.45rem}.room-control-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.room-controls{gap:.35rem .5rem}.room-controls-group.end,.room-views{margin-left:0}}.room-recording{color:#fff;font-variant-numeric:tabular-nums;background:#8f1d1d;border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .55rem;font-weight:700;display:inline-flex}.room-recording-dot{background:#ff6b6b;border-radius:50%;flex:none;width:.55rem;height:.55rem}.room-recording.active .room-recording-dot{background:#fff;animation:1.6s ease-in-out infinite room-recording-pulse}@keyframes room-recording-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.room-recording.active .room-recording-dot{animation:none}}.room-recording-notice{border-radius:var(--r-s);background:var(--warn-soft);color:var(--navy);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.55rem .75rem;display:flex}.room-recording-notice.quiet{background:var(--lavender-soft)}.room-recording-notice .room-recording-dot{background:#b42318}