:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fa;--bg-2:#e8edf4;--surface:#f9fbfd;--surface-raised:#fff;--surface-soft:#eef3f8;--surface-tint:#e8f7f3;--ink:#111827;--ink-2:#253044;--muted:#627084;--faint:#97a3b3;--line:#d8e0ea;--line-strong:#b7c3d1;--green:#16a37d;--green-dark:#087058;--cyan:#2477d4;--coral:#e2554f;--amber:#d39022;--violet:#7557d8;--stage:#0a0d12;--stage-2:#161b24;--shadow-xs:0 1px 1px #1118270d;--shadow-sm:0 12px 30px #11182714;--shadow-md:0 28px 80px #1118272e;--radius:8px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111418;--bg-2:#090b0f;--surface:#171b20;--surface-raised:#1d2229;--surface-soft:#12171d;--surface-tint:#10241f;--ink:#f1f5f9;--ink-2:#d9e2ec;--muted:#a2adbc;--faint:#707b89;--line:#303844;--line-strong:#46515f;--stage:#05070a;--stage-2:#111720;--shadow-xs:0 1px 0 #00000047;--shadow-sm:0 10px 28px #00000057;--shadow-md:0 26px 80px #00000080}*{box-sizing:border-box}html{height:100%}body{min-height:100%;color:var(--ink);background:linear-gradient(180deg, #fbfcfe 0, var(--bg) 48%, var(--bg-2) 100%);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2187a238}svg{stroke-width:2.2px;flex:none;width:18px;height:18px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fffefae6;border-bottom:1px solid #d9ded4eb;justify-content:space-between;align-items:center;gap:18px;height:70px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px #1417110a}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{border-radius:var(--radius);background:linear-gradient(135deg, #20976575, #2187a229 46%, transparent 47%), var(--stage);color:#fff;flex:none;place-items:center;width:44px;height:44px;font-size:18px;font-weight:950;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 20px #11150f26}.brand-copy strong{letter-spacing:0;font-size:18px;line-height:1.08;display:block}.brand-copy span{color:var(--muted);font-size:12px;font-weight:900;display:block}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.status-badge{border:1px solid var(--line);min-height:32px;color:var(--muted);white-space:nowrap;box-shadow:var(--shadow-xs);background:#fffefaeb;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:12px;font-weight:950;display:inline-flex}.status-badge svg{width:15px;height:15px}.status-badge.active{color:var(--green-dark);background:#e6f7ee;border-color:#2097654d}.sound-toggle{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);width:36px;height:36px;color:var(--muted);box-shadow:var(--shadow-xs);place-items:center;display:grid}.sound-toggle.active{color:#145f73;background:#e5f3f6;border-color:#2187a257}.sound-toggle:hover,.icon-button:hover{border-color:var(--line-strong);background:var(--surface-soft)}.lobby-layout{grid-template-columns:minmax(0,1fr) 382px;align-items:start;gap:18px;width:min(1320px,100% - 32px);margin:22px auto 34px;display:grid}.lobby-board,.create-panel,.participants-panel,.chat-panel,.room-topline,.control-bar{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fffefaf5}.lobby-board{min-height:calc(100vh - 126px);padding:20px;position:relative;overflow:hidden}.lobby-board:before,.create-panel:before,.participants-panel:before,.chat-panel:before{content:"";border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg, var(--green), var(--cyan), var(--amber), var(--coral));height:3px;margin:-1px -1px 16px;display:block}.create-panel{padding:0 20px 20px;position:sticky;top:92px}.section-head,.room-title,.room-card-footer,.room-topline,.chat-header,.modal-head{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.eyebrow,.field>span,.capability-grid legend,.modal-head p,.room-meta span,.chat-header span{color:var(--muted);margin:0;font-size:12px;font-weight:950}.eyebrow{text-transform:uppercase;letter-spacing:.08em}.section-head h1,.section-head h2,.modal-head h2{margin:3px 0 0;font-size:27px;line-height:1.08}.panel-icon{border-radius:var(--radius);width:42px;height:42px;color:var(--green-dark);background:#e9f5ef;border:1px solid #20976538;place-items:center;display:grid}.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.stat-item{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg, #20976514, transparent 52%), var(--surface-raised);min-height:92px;box-shadow:var(--shadow-xs);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:15px;display:grid}.stat-item>div{border-radius:var(--radius);background:var(--stage);color:#fff;grid-row:1/span 2;place-items:center;width:38px;height:38px;display:grid}.stat-item:nth-child(2)>div{background:#175f73}.stat-item:nth-child(3)>div{background:#835608}.stat-item span{color:var(--muted);font-size:12px;font-weight:950}.stat-item strong{font-size:30px;line-height:1}.room-tools{grid-template-columns:minmax(220px,1fr) 158px minmax(0,1.4fr);align-items:end;gap:12px;margin-top:16px;display:grid}.field{gap:8px;min-width:0;display:grid}input,select{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-raised);width:100%;min-height:44px;color:var(--ink);outline:none;padding:0 12px;box-shadow:inset 0 1px #fffc}input:disabled,select:disabled{color:var(--faint);background:var(--surface-soft)}.input-with-icon{position:relative}.input-with-icon svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{padding-left:40px}.segmented-control{border:1px solid var(--line);border-radius:var(--radius);background:#ecefe8;align-items:center;gap:6px;min-width:0;padding:4px;display:flex;overflow-x:auto;box-shadow:inset 0 1px 3px #1417110a}.segmented-control button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex:none;padding:0 12px;font-size:13px;font-weight:950}.segmented-control button.active{background:var(--surface-raised);color:var(--ink);box-shadow:0 4px 14px #1417111a}.rooms-list{grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:12px;margin-top:16px;display:grid}.room-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffffd6, #fffefafa), var(--surface-raised);min-height:218px;box-shadow:var(--shadow-xs);grid-template-rows:auto auto 1fr auto;gap:13px;padding:16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden}.room-card:has(.detail-chip.warn) .category-pill{box-shadow:inset 0 0 0 1px #c786162e}.room-card:before{content:"";background:linear-gradient(90deg, var(--green), var(--cyan));height:4px;position:absolute;inset:0 0 auto}.room-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 18px 42px #1417111f}.room-title{align-items:flex-start}.room-title h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;margin:0;font-size:18px;line-height:1.22;overflow:hidden}.room-title p{color:var(--muted);margin:5px 0 0;font-size:12px;font-weight:850}.category-pill{min-height:26px;color:var(--green-dark);background:#e4f4ed;border-radius:999px;flex:none;align-items:center;padding:4px 8px;font-size:12px;font-weight:950;display:inline-flex}.category-pill[data-category=게임]{color:var(--violet);background:#eeedf9}.category-pill[data-category=회의],.category-pill[data-category=작업]{color:#155f72;background:#e4f3f6}.category-pill[data-category=질문],.category-pill[data-category=공부]{color:#875706;background:#fff0d7}.capacity-line{background:#e6ebe3;border-radius:999px;height:9px;overflow:hidden;box-shadow:inset 0 1px 2px #14171114}.capacity-line span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--cyan), var(--amber));height:100%;display:block}.room-details,.room-badges,.join-summary{flex-wrap:wrap;align-content:start;gap:7px;display:flex}.host-tools{gap:8px;margin-top:12px;display:grid}.room-name-form{grid-template-columns:minmax(0,1fr) 64px;gap:8px;display:grid}.room-name-form button,.settings-row button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);color:var(--ink);font-weight:950}.detail-chip{min-height:28px;color:var(--muted);white-space:nowrap;background:#edf0ea;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:950;display:inline-flex}.detail-chip svg{width:14px;height:14px}.detail-chip.active{color:var(--green-dark);background:#daf2e6}.detail-chip.warn{color:#835807;background:#fff0cf}.detail-chip.quiet{color:#77716b;background:#efeeee}.participant-stack{align-items:center;min-width:0;display:flex}.mini-avatar{border:2px solid var(--surface-raised);color:#193f2f;background:#e4efea;border-radius:999px;place-items:center;width:30px;height:30px;margin-right:-7px;font-size:10px;font-weight:950;display:grid;box-shadow:0 2px 4px #14171114}.mini-avatar.more{color:#7a4b08;background:#f6ebd8}.join-room-button{border-radius:var(--radius);background:var(--stage);color:#fff;border:0;min-width:88px;min-height:40px;font-weight:950;box-shadow:0 10px 18px #11150f29}.join-room-button:hover{background:#273026}.create-form,.modal-surface{display:grid}.create-form{gap:14px;margin-top:18px}.form-row{grid-template-columns:minmax(0,1fr) 126px;gap:10px;display:grid}.capability-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.capability-grid legend{margin-bottom:8px}.check-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);min-height:46px;color:var(--ink);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:950;display:flex}.check-tile.compact{align-self:end}.check-tile.disabled{color:var(--faint)}.check-tile input{width:16px;height:16px;min-height:auto;accent-color:var(--green)}.primary-button,.secondary-button,.danger-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 15px;font-weight:950;display:inline-flex}.primary-button{background:linear-gradient(180deg, #25a871, var(--green-dark));color:#fff;border:1px solid #2097654d;box-shadow:0 14px 26px #20976538}.primary-button:hover{filter:brightness(.96)}.secondary-button{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink)}.danger-button{color:#a52a1e;background:#fff0ed;border:1px solid #ffc5bd;width:100%;margin-top:auto}.icon-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);width:40px;height:40px;color:var(--ink);box-shadow:var(--shadow-xs);flex:none;place-items:center;display:grid}.icon-button.subtle{width:34px;height:34px;color:var(--muted)}.icon-button.danger{color:#a52a1e;background:#fff6f4;border-color:#ffc5bd}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:292px;color:var(--muted);text-align:center;background:linear-gradient(#ffffff8f,#f2f4ef94);grid-column:1/-1;place-items:center;padding:24px;display:grid}.empty-state.compact{min-height:220px}.empty-state strong{color:var(--ink);margin-bottom:6px;font-size:17px;display:block}.room-layout{grid-template-columns:286px minmax(0,1fr) 370px;gap:12px;height:calc(100vh - 70px);min-height:660px;padding:12px;display:grid}.participants-panel,.chat-panel{flex-direction:column;min-height:0;display:flex}.participants-panel{padding:0 14px 14px}.room-meta{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.room-meta strong,.room-topline strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;display:block;overflow:hidden}.room-badges{margin-top:14px}.participants-list{align-content:start;gap:8px;min-height:0;margin-top:14px;padding-right:2px;display:grid;overflow:auto}.participant-row{border-radius:var(--radius);border:1px solid #0000;grid-template-columns:38px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-height:52px;padding:6px;display:grid}.participant-row:hover{border-color:var(--line);background:var(--surface-soft)}.participant-row.speaking{background:linear-gradient(90deg, #20976521, transparent 72%), var(--surface-raised);box-shadow:inset 3px 0 0 var(--green), 0 8px 18px #2097651f;border-color:#2097656b}.participant-row.speaking .avatar{color:#fff;background:linear-gradient(145deg, #ffffff2e, transparent 55%), var(--green-dark)}.avatar{border-radius:var(--radius);color:#173f2e;background:linear-gradient(145deg,#20976533,#0000 58%),#e5efea;place-items:center;width:38px;height:38px;font-size:12px;font-weight:950;display:grid}.participant-name{min-width:0}.participant-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.participant-name span{color:var(--muted);font-size:11px;font-weight:900;display:block}.media-dots{align-items:center;gap:4px;display:flex}.media-dot{background:var(--line-strong);border-radius:999px;width:8px;height:8px}.host-mark{width:24px;height:24px;color:var(--amber);place-items:center;display:grid}.host-mark svg{width:16px;height:16px}.stage-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;display:grid}.room-topline{min-height:66px;padding:12px 14px}.room-live{min-height:34px;color:var(--green-dark);white-space:nowrap;background:#e6f6ed;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:950;display:inline-flex}.room-live svg{width:15px;height:15px}.media-stage{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(230px,1fr);gap:10px;min-height:0;padding:1px;display:grid;overflow:auto}.media-tile{border-radius:var(--radius);background:linear-gradient(135deg, #20976547, transparent 38%), linear-gradient(315deg, #2187a229, transparent 44%), linear-gradient(180deg, var(--stage-2), var(--stage));color:#fff;border:1px solid #ffffff1f;min-height:230px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 16px 34px #11150f24}.media-tile.screen{grid-column:span 2;min-height:340px}.media-tile video{object-fit:cover;background:var(--stage);width:100%;height:100%;display:block}.media-tile.screen video{object-fit:contain}.media-tile.screen.fit-cover video{object-fit:cover}.media-tile.screen.fit-actual{overflow:auto}.media-tile.screen.fit-actual video{object-fit:none;width:auto;min-width:100%;height:auto;min-height:100%}.media-tile.mirrored>video:not(.pip-video),.preview-video.mirrored video,.pip-video.mirrored{transform:scaleX(-1)}.media-tile.blurred>video:not(.pip-video){filter:blur(8px)saturate(.92);transform:scale(1.04)}.pip-video{z-index:2;aspect-ratio:16/10;border-radius:var(--radius);object-fit:cover;background:#050705;border:2px solid #ffffff9e;width:min(190px,24%);height:auto;position:absolute;bottom:56px;right:12px;box-shadow:0 16px 36px #00000052}.tile-placeholder{text-align:center;place-items:center;width:100%;height:100%;min-height:230px;display:grid}.tile-placeholder strong{border-radius:var(--radius);background:#ffffff1a;border:1px solid #ffffff29;place-items:center;width:82px;height:82px;font-size:27px;display:grid;box-shadow:inset 0 1px #ffffff14}.tile-label{border-radius:var(--radius);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000a3;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:6px 10px;font-size:13px;font-weight:950;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.tile-label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tile-icons{gap:6px;display:inline-flex}.tile-icons svg{width:14px;height:14px}.tile-icons .speaking-indicator{color:var(--muted);opacity:.22;transition:opacity var(--motion-medium) var(--morph), color var(--motion-medium) var(--morph), transform var(--motion-medium) var(--morph);transform:scale(.92)}.tile-icons .speaking-indicator.active{color:var(--mint);opacity:1;transform:scale(1)}.control-bar{justify-content:center;align-items:center;gap:8px;min-height:78px;padding:8px;display:flex}.control-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);min-width:86px;height:54px;color:var(--ink);box-shadow:var(--shadow-xs);grid-template-columns:20px auto;justify-content:center;place-items:center;gap:7px;font-size:12px;font-weight:950;display:grid}.control-button:hover{border-color:var(--line-strong);background:var(--surface-soft)}.control-button.active{color:var(--green-dark);background:#daf2e6;border-color:#20976557}.control-button.danger{color:#a52a1e;background:#fff0ed;border-color:#ffc5bd}.chat-panel{overflow:hidden}.chat-header{border-bottom:1px solid var(--line);min-height:60px;padding:0 14px}.chat-header>div{align-items:baseline;gap:8px;display:flex}.chat-messages{flex:1;align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.message{gap:4px;display:grid}.message-meta{align-items:baseline;gap:8px;display:flex}.message-meta strong{font-size:13px}.message-meta time{color:var(--muted);font-size:11px;font-weight:900}.message-body{border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;width:fit-content;max-width:100%;box-shadow:var(--shadow-xs);background:#eef2ed;border:1px solid #1417110a;padding:9px 10px;line-height:1.45}.message.mine .message-body{background:#dff3e8}.chat-form{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 46px;gap:8px;min-height:66px;padding:10px;display:grid}.chat-form input{min-height:44px}.chat-form button{border-radius:var(--radius);background:linear-gradient(180deg, #25a871, var(--green-dark));color:#fff;border:0;place-items:center;width:46px;height:44px;display:grid}.modal{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#11150f8f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-surface{border-radius:var(--radius);background:var(--surface);width:min(640px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-md);border:1px solid #ffffff4d;gap:16px;padding:20px;overflow:auto}.join-summary{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);padding:12px}.join-options{gap:9px;display:grid}.join-preview{grid-template-columns:minmax(180px,.8fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.preview-video{border:1px solid var(--line);border-radius:var(--radius);background:var(--stage);color:#fff;place-items:center;min-height:154px;display:grid;overflow:hidden}.preview-video video{object-fit:cover;width:100%;height:100%}.preview-video strong{border-radius:var(--radius);background:#ffffff1f;place-items:center;width:76px;height:76px;font-size:24px;display:grid}.mic-meter{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);align-content:center;gap:9px;min-width:0;padding:12px;display:grid}.mic-meter span{color:var(--muted);font-size:12px;font-weight:950}.mic-meter em{color:#a52a1e;font-size:12px;font-style:normal;font-weight:900}.level-bar{background:var(--line);border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #1417111f}.level-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--cyan), var(--amber));height:100%;display:block}.join-device-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toast{z-index:60;border-radius:var(--radius);background:var(--stage);color:#fff;max-width:min(520px,100% - 32px);box-shadow:var(--shadow-md);border:1px solid #ffffff1f;padding:12px 14px;font-size:14px;font-weight:950;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@media (width<=1140px){.lobby-layout{grid-template-columns:1fr}.create-panel{position:static}.room-layout{grid-template-columns:minmax(230px,296px) minmax(0,1fr);height:auto;min-height:calc(100vh - 70px)}.chat-panel{grid-column:1/-1;min-height:360px}.participants-panel{min-height:420px}.media-stage{min-height:56vh}}@media (width<=760px){.topbar{align-items:flex-start;height:auto;min-height:66px;padding:10px 12px}.brand-mark{width:40px;height:40px}.status-badge:first-child{display:none}.lobby-layout{width:calc(100% - 20px);margin:10px auto 20px}.lobby-board,.create-panel{padding-left:14px;padding-right:14px}.lobby-board{padding-top:14px}.create-panel{padding-bottom:14px}.stat-strip,.room-tools,.join-preview,.join-device-grid,.form-row,.capability-grid,.rooms-list{grid-template-columns:1fr}.room-layout{grid-template-columns:1fr;padding:8px}.participants-panel{min-height:260px}.media-stage{grid-template-columns:1fr;grid-auto-rows:minmax(230px,auto);min-height:48vh}.media-tile.screen{grid-column:span 1}.control-bar{z-index:15;position:sticky;bottom:8px}.control-button{grid-template-columns:1fr;gap:2px;min-width:58px}.control-button span{font-size:11px}.dock-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-row,.slider-row,.slider-row.compact{grid-template-columns:30px minmax(0,1fr)}.settings-row input,.settings-row button,.slider-row input[type=range],.slider-value{grid-column:1/-1}.option-buttons,.quality-options,.network-grid{grid-template-columns:1fr}}.room-workspace{grid-template-columns:minmax(0,1fr) 388px;gap:12px;height:calc(100vh - 70px);min-height:680px;padding:12px;display:grid}.room-main{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;display:grid}.room-commandbar,.room-dock{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fffefaf5}.room-commandbar{justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:14px;display:flex}.room-commandbar h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:56vw;margin:2px 0 8px;font-size:23px;line-height:1.08;overflow:hidden}.room-command-meta{flex-wrap:wrap;gap:6px;display:flex}.command-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.view-switch{border:1px solid var(--line);border-radius:var(--radius);background:#ecefe8;gap:4px;min-height:38px;padding:4px;display:flex}.view-switch button{min-width:74px;min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:950;display:inline-flex}.view-switch button.active{background:var(--surface-raised);color:var(--ink);box-shadow:0 4px 12px #1417111a}.presentation-stage{gap:10px;min-height:0;display:grid}.spotlight-shell,.media-grid,.stage-rail{min-width:0;min-height:0}.spotlight-shell{display:grid}.spotlight-shell .media-tile{height:100%;min-height:0}.spotlight-shell .media-tile.screen video,.spotlight-surface .media-tile.screen video{object-fit:contain}.stage-rail{grid-auto-columns:minmax(180px,230px);grid-auto-flow:column;gap:10px;padding-bottom:2px;display:grid;overflow:auto hidden}.media-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:minmax(220px,1fr);gap:10px;display:grid;overflow:auto}.media-tile.compact{cursor:pointer;height:126px;min-height:126px}.stage-rail-empty{border-radius:var(--radius);min-height:126px;color:var(--muted);background:#fffefa85;border:1px dashed #bac5b9e6;place-items:center;font-size:12px;font-weight:950;display:grid}@keyframes speakingPulse{0%,to{box-shadow:inset 0 0 0 1px #16a37d29,0 0 #16a37d00}50%{box-shadow:inset 0 0 0 1px #16a37d57,0 0 0 5px #16a37d29}}.media-tile.compact .tile-placeholder{min-height:126px}.media-tile.compact .tile-actions{display:none}.media-tile.compact .tile-label{min-height:28px;padding:4px 7px;font-size:11px;bottom:7px;left:7px;right:7px}.tile-actions{z-index:3;gap:6px;display:flex;position:absolute;top:10px;right:10px}.tile-actions button,.spotlight-actions button{border-radius:var(--radius);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008a;border:1px solid #ffffff24;justify-content:center;align-items:center;gap:7px;min-width:34px;height:34px;display:inline-flex}.room-dock{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.dock-tabs{border-bottom:1px solid var(--line);background:#f2f4efc2;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:56px;padding:8px;display:grid}.dock-tabs button{border-radius:var(--radius);min-width:0;min-height:40px;color:var(--muted);background:0 0;border:1px solid #0000;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:950;display:grid}.dock-tabs button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dock-tabs button strong{background:#14171114;border-radius:999px;place-items:center;min-width:23px;height:23px;font-size:11px;display:grid}.dock-tabs button.active{border-color:var(--line);background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-xs)}.room-dock .chat-panel,.dock-panel{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0}.room-dock .chat-panel:before,.room-dock .participants-panel:before{display:none}.dock-panel{padding:14px;overflow:auto}.panel-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-section-head h2{margin:2px 0 0;font-size:18px}.audio-mixer{align-content:start;gap:14px;display:grid}.mute-output{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);min-height:36px;color:var(--ink);align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:950;display:inline-flex}.mute-output.active{color:#a52a1e;background:#fff0ed;border-color:#ffc5bd}.mixer-group{gap:10px;display:grid}.mixer-group h3{color:var(--muted);margin:0;font-size:12px;font-weight:950}.slider-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);min-height:74px;box-shadow:var(--shadow-xs);grid-template-columns:34px minmax(0,1fr) 112px 42px;align-items:center;gap:10px;padding:10px;display:grid}.slider-row.compact{grid-template-columns:28px minmax(0,82px) minmax(86px,1fr) 40px;min-height:50px;padding:7px}.slider-row.disabled{opacity:.56}.slider-icon{border-radius:var(--radius);width:34px;height:34px;color:var(--green-dark);background:#edf3ee;place-items:center;display:grid}.slider-row.compact .slider-icon{width:28px;height:28px}.slider-copy{gap:2px;min-width:0;display:grid}.slider-copy strong,.remote-audio-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.slider-copy em,.remote-audio-title span{color:var(--muted);font-size:11px;font-style:normal;font-weight:850}.slider-row input[type=range]{min-height:auto;box-shadow:none;accent-color:var(--green);padding:0}.slider-value{color:var(--muted);text-align:right;font-size:12px;font-weight:950}.toggle-row,.quality-selector,.device-row,.settings-row,.network-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-xs);align-items:center;gap:10px;padding:10px;display:grid}.settings-panel{align-content:start;gap:14px;display:grid}.toggle-row{cursor:pointer;grid-template-columns:34px minmax(0,1fr) 46px;min-height:62px}.device-row{grid-template-columns:34px minmax(0,1fr);min-height:76px}.device-row select{grid-column:1/-1}.settings-row{grid-template-columns:34px minmax(0,1fr) 74px 58px}.settings-row input{min-height:38px}.toggle-icon{border-radius:var(--radius);width:34px;height:34px;color:var(--green-dark);background:#edf3ee;place-items:center;display:grid}.toggle-copy{gap:2px;min-width:0;display:grid}.toggle-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.toggle-copy em{color:var(--muted);font-size:11px;font-style:normal;font-weight:850}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-switch{background:#d9dfd5;border-radius:999px;width:44px;height:26px;display:block;position:relative;box-shadow:inset 0 1px 2px #14171124}.toggle-switch:after{content:"";background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #1417112e}.toggle-row.active .toggle-switch:after{transform:translate(18px)}.quality-selector{align-content:start}.quality-selector.disabled{opacity:.58}.quality-head{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.quality-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.option-buttons{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;display:grid}.option-buttons button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);min-height:52px;color:var(--ink);place-items:center;gap:2px;padding:6px;display:grid}.option-buttons button.active{color:var(--green-dark);background:#daf2e6;border-color:#2097656b}.option-buttons strong{font-size:13px;font-weight:950}.option-buttons span{color:var(--muted);font-size:10px;font-weight:900}.shortcut-capture{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);min-height:46px;color:var(--ink);justify-content:center;align-items:center;gap:8px;font-weight:950;display:inline-flex}.shortcut-capture.active{color:#145f73;background:#e5f3f6;border-color:#2187a26b}.shortcut-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.shortcut-list span{border-radius:var(--radius);background:var(--surface-soft);min-height:30px;color:var(--muted);place-items:center;font-size:11px;font-weight:950;display:grid}.network-panel{align-content:start}.network-head{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.network-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.metric{border-radius:var(--radius);background:var(--surface-soft);align-content:center;gap:2px;min-height:54px;padding:8px;display:grid}.metric span{color:var(--muted);font-size:10px;font-weight:950}.metric strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.quality-options button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);min-width:0;min-height:54px;color:var(--ink);place-items:center;gap:2px;padding:6px;display:grid}.quality-options button.active{color:var(--green-dark);background:#daf2e6;border-color:#2097656b}.quality-options button strong{font-size:13px;font-weight:950}.quality-options button span{color:var(--muted);font-size:10px;font-weight:900}.remote-audio-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff94;gap:8px;padding:10px;display:grid}.remote-audio-title{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;display:grid}.mixer-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:140px;color:var(--muted);text-align:center;place-items:center;gap:5px;padding:18px;display:grid}.mixer-empty strong{color:var(--ink)}.spotlight-modal{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060805c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.spotlight-surface{grid-template-rows:auto minmax(0,1fr);gap:10px;width:min(1320px,100%);height:min(860px,100%);min-height:420px;display:grid}.spotlight-topbar{border-radius:var(--radius);color:#fff;background:#00000075;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:flex}.spotlight-topbar strong{font-size:16px;display:block}.spotlight-actions{gap:8px;display:flex}.spotlight-actions button:first-child{padding:0 10px}.spotlight-surface .media-tile{height:100%}@media (width<=1120px){.room-workspace{grid-template-columns:1fr;height:auto}.room-dock{min-height:420px}.room-commandbar{flex-direction:column;align-items:flex-start}.room-commandbar h1{max-width:100%}}@media (width<=760px){.room-workspace{min-height:calc(100vh - 66px);padding:8px}.command-actions{justify-content:space-between;width:100%}.view-switch{flex:1}.view-switch button{flex:1;min-width:0}.presentation-stage.focus{grid-template-rows:minmax(320px,52vh) 112px}.stage-rail{grid-auto-columns:minmax(150px,190px)}.media-grid{grid-template-columns:1fr;grid-auto-rows:minmax(230px,auto)}.slider-row,.slider-row.compact{grid-template-columns:30px minmax(0,1fr) 74px 38px}}:root{--chrome:#ffffffe0;--chrome-solid:#fff;--chrome-muted:#f1f5f9;--field-bg:#fbfdff;--accent-soft:#e6f7f2;--cyan-soft:#e7f0fb;--amber-soft:#fff4dd;--coral-soft:#fff0ee;--violet-soft:#f0ecff;--panel-shadow:0 16px 50px #11182714;--lift-shadow:0 24px 70px #11182724}:root[data-theme=dark]{--chrome:#181d24e6;--chrome-solid:#1a1f26;--chrome-muted:#12171d;--field-bg:#151a20;--accent-soft:#102a24;--cyan-soft:#102133;--amber-soft:#2b2110;--coral-soft:#2b1716;--violet-soft:#1d1930;--panel-shadow:0 18px 54px #00000057;--lift-shadow:0 28px 86px #00000075}:root[data-theme=dark] body{background:linear-gradient(180deg, #191e25d1 0, #11141800 240px), var(--bg)}.topbar{border-bottom:1px solid var(--line);background:var(--chrome);height:72px;padding:0 28px;box-shadow:0 1px #1118270a}.brand{gap:11px}.brand-mark{background:linear-gradient(145deg,#ffffff21,#0000 44%),#101820;border:1px solid #ffffff24;width:42px;height:42px;box-shadow:0 14px 26px #11182729}.brand-copy strong{letter-spacing:0;font-size:17px}.brand-copy span{color:var(--muted);letter-spacing:0;margin-top:2px;font-size:11px}.status-badge{border-color:var(--line);background:var(--chrome-solid);min-height:34px;color:var(--muted);box-shadow:none}.status-badge.active{background:var(--accent-soft);color:var(--green-dark);border-color:#16a37d59}:root[data-theme=dark] .status-badge.active{color:#68d7b8}.sound-toggle,.icon-button{border-color:var(--line);background:var(--chrome-solid);box-shadow:none}.sound-toggle.active{background:var(--cyan-soft);color:var(--cyan);border-color:#2477d45c}.lobby-layout{grid-template-columns:minmax(0,1fr) 402px;gap:14px;width:min(1440px,100% - 40px);margin:18px auto 28px}.lobby-board,.create-panel,.room-commandbar,.room-dock,.control-bar,.participants-panel,.chat-panel{border-color:var(--line);background:var(--chrome);box-shadow:var(--panel-shadow)}.lobby-board{min-height:calc(100vh - 118px);padding:18px}.lobby-board:before,.create-panel:before,.participants-panel:before,.chat-panel:before{display:none}.create-panel{padding:18px;top:90px}.section-head,.modal-head{border-bottom:1px solid var(--line);padding-bottom:14px}.section-head h1,.section-head h2,.modal-head h2{letter-spacing:0;margin-top:2px;font-size:24px}.eyebrow,.field>span,.capability-grid legend,.modal-head p,.room-meta span,.chat-header span{color:var(--muted);letter-spacing:.06em;font-size:11px}.panel-icon,.stat-item>div,.avatar,.toggle-icon,.slider-icon{border:1px solid var(--line);background:var(--chrome-muted);color:var(--green-dark)}:root[data-theme=dark] .panel-icon,:root[data-theme=dark] .stat-item>div,:root[data-theme=dark] .avatar,:root[data-theme=dark] .toggle-icon,:root[data-theme=dark] .slider-icon{color:#68d7b8}.stat-strip{gap:8px;margin-top:14px}.stat-item{background:var(--chrome-solid);min-height:78px;box-shadow:none;padding:13px}.stat-item>div{width:36px;height:36px;color:var(--ink)}.stat-item:nth-child(2)>div{background:var(--cyan-soft);color:var(--cyan)}.stat-item:nth-child(3)>div{background:var(--amber-soft);color:var(--amber)}.room-tools{grid-template-columns:minmax(260px,1fr) 160px minmax(0,1.35fr);gap:10px;margin-top:14px}input,select{border-color:var(--line);background:var(--field-bg);min-height:42px;box-shadow:none}input:focus,select:focus{border-color:#2477d4a3;box-shadow:0 0 0 3px #2477d424}.segmented-control,.view-switch{border-color:var(--line);background:var(--chrome-muted);box-shadow:none}.segmented-control button,.view-switch button{color:var(--muted)}.segmented-control button.active,.view-switch button.active{background:var(--chrome-solid);color:var(--ink);box-shadow:0 1px 2px #11182714}.rooms-list{grid-template-columns:repeat(auto-fill,minmax(304px,1fr));gap:10px}.room-card{border-color:var(--line);background:var(--chrome-solid);min-height:202px;box-shadow:none;gap:12px;padding:15px}.room-card:before{background:var(--green);width:3px;height:auto;inset:0 auto 0 0}.category-pill{background:var(--accent-soft);color:var(--green-dark);border:1px solid #16a37d29}.category-pill[data-category=게임]{background:var(--violet-soft);border-color:#7557d82e}.category-pill[data-category=회의],.category-pill[data-category=작업]{background:var(--cyan-soft);color:var(--cyan);border-color:#2477d42e}.category-pill[data-category=질문],.category-pill[data-category=공부]{background:var(--amber-soft);color:var(--amber);border-color:#d3902233}.capacity-line{background:var(--chrome-muted);box-shadow:inset 0 1px 1px #11182714}.capacity-line span{background:linear-gradient(90deg, var(--green), var(--cyan))}.detail-chip{border:1px solid var(--line);background:var(--chrome-muted);color:var(--muted)}.detail-chip.quiet{background:var(--chrome-muted);color:var(--muted)}.mini-avatar{border-color:var(--chrome-solid);background:var(--chrome-muted);color:var(--ink);box-shadow:none}.mini-avatar.more{background:var(--amber-soft);color:var(--amber)}.join-room-button,.primary-button{color:#fff;background:#111827;border:1px solid #111827e0;box-shadow:0 14px 28px #1118272e}.join-room-button:hover,.primary-button:hover{filter:none;background:#243044}:root[data-theme=dark] .join-room-button,:root[data-theme=dark] .primary-button{color:#111827;background:#f8fafc;border-color:#ffffff1f}:root[data-theme=dark] .join-room-button:hover,:root[data-theme=dark] .primary-button:hover{background:#dbe5ef}.secondary-button,.room-name-form button,.settings-row button,.shortcut-capture,.mute-output{border-color:var(--line);background:var(--chrome-solid);box-shadow:none}.danger-button,.icon-button.danger,.control-button.danger,.mute-output.active{background:var(--coral-soft);color:var(--coral);border-color:#e2554f3d}.check-tile,.option-buttons,.quality-options button,.shortcut-list span,.metric{border-color:var(--line);background:var(--chrome-muted);box-shadow:none}.check-tile:has(input:checked){background:var(--accent-soft);color:var(--green-dark);border-color:#16a37d57}.empty-state{border-color:var(--line);background:var(--chrome-muted)}.room-workspace{grid-template-columns:minmax(0,1fr) 410px;gap:10px;height:calc(100vh - 72px);min-height:0;padding:10px}.room-commandbar{min-height:74px;padding:12px 14px}.room-commandbar h1{margin-bottom:7px;font-size:22px}.room-live{background:var(--accent-soft);color:var(--green-dark)}:root[data-theme=dark] .room-live{color:#68d7b8}.presentation-stage{border-radius:var(--radius);background:#070a0f;border:1px solid #1118271f;gap:8px;padding:10px;box-shadow:inset 0 1px #ffffff0d}:root[data-theme=dark] .presentation-stage{border-color:#ffffff14}.media-grid{gap:8px;padding:0}.stage-rail{grid-auto-columns:minmax(190px,228px);gap:8px;padding-bottom:0}.stage-rail-empty{color:#ffffff9e;background:#ffffff0a;border-color:#ffffff1a;min-height:122px}.media-tile{box-shadow:none;background:linear-gradient(135deg,#2477d429,#0000 42%),linear-gradient(#171d27,#080b11);border-color:#ffffff1a}.media-tile.active{border-color:#2477d4bd;box-shadow:inset 0 0 0 1px #2477d43d,0 18px 42px #0000003d}.media-tile.speaking .tile-label,.participant-row.speaking{border-color:#16a37d61}.tile-placeholder strong,.preview-video strong{background:#ffffff14;border-color:#ffffff1f}.tile-label{background:#080c12c7;border-color:#ffffff1f;min-height:34px;bottom:9px;left:9px;right:9px}.tile-actions button,.spotlight-actions button{background:#080c12b8;border-color:#ffffff24}.pip-video{border-color:#ffffff94;box-shadow:0 18px 38px #0000004d}.control-bar{background:var(--chrome);min-height:70px;padding:8px}.control-button{border-color:var(--line);background:var(--chrome-solid);min-width:84px;height:50px;box-shadow:none}.control-button:hover{background:var(--chrome-muted)}:root[data-theme=dark] .control-button.active{color:#68d7b8}.room-dock{background:var(--chrome)}.dock-tabs{background:var(--chrome-muted);gap:5px;min-height:54px;padding:7px}.dock-tabs button{min-height:38px}.dock-tabs button strong{background:#11182714}:root[data-theme=dark] .dock-tabs button strong{background:#ffffff14}.dock-tabs button.active{background:var(--chrome-solid);box-shadow:none}.dock-panel{padding:12px}.panel-section-head{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:10px}.panel-section-head h2{font-size:17px}.participants-list,.audio-mixer,.settings-panel,.mixer-group{gap:9px}.participant-row,.slider-row,.toggle-row,.quality-selector,.device-row,.settings-row,.network-panel,.remote-audio-card,.join-summary,.mic-meter{border-color:var(--line);background:var(--chrome-solid);box-shadow:none}.participant-row:hover{background:var(--chrome-muted)}.participant-row.speaking{background:linear-gradient(90deg, #16a37d1f, transparent 70%), var(--chrome-solid);box-shadow:inset 3px 0 0 var(--green)}.participant-row.speaking .avatar{background:var(--green);color:#fff}.media-dot.on{background:var(--green);box-shadow:0 0 0 3px #16a37d24}.toggle-row.active{background:linear-gradient(90deg, #16a37d1a, transparent 72%), var(--chrome-solid);border-color:#16a37d52}.toggle-switch{background:var(--line-strong)}.toggle-row.active .toggle-switch{background:var(--green)}.option-buttons button.active,.quality-options button.active,.shortcut-capture.active{background:var(--cyan-soft);color:var(--cyan);border-color:#2477d459}.slider-row input[type=range]{accent-color:var(--cyan)}.message-body{border-color:var(--line);background:var(--chrome-muted);box-shadow:none}.message.mine .message-body{background:var(--accent-soft);border-color:#16a37d2e}.chat-header{min-height:56px}.chat-form{background:var(--chrome);min-height:62px}.chat-form button{background:#111827}:root[data-theme=dark] .chat-form button{color:#111827;background:#f8fafc}.modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c12a8}.modal-surface{border-color:var(--line);background:var(--chrome-solid);width:min(690px,100%);box-shadow:var(--lift-shadow);gap:14px;padding:18px}.join-preview{grid-template-columns:minmax(210px,.88fr) minmax(0,1fr);gap:10px}.preview-video{background:linear-gradient(135deg,#2477d429,#0000 48%),#070a0f;border-color:#1118272e;min-height:170px}:root[data-theme=dark] .preview-video{border-color:#ffffff1a}.level-bar{background:var(--line);box-shadow:none}.level-bar span{background:linear-gradient(90deg, var(--green), var(--cyan))}.spotlight-modal{background:#05080cd6}.spotlight-topbar{background:#080c12b8}.toast{box-shadow:var(--lift-shadow);background:#111827}@media (width<=1120px){.lobby-layout{grid-template-columns:1fr}.create-panel{position:static}.room-workspace{grid-template-columns:1fr;height:auto}}@media (width<=760px){.topbar{align-items:center;height:72px;min-height:66px;padding:10px 12px;overflow:hidden}.brand-copy span,.topbar-actions .status-badge:first-of-type,.topbar-actions .status-badge:nth-of-type(3){display:none}.topbar-actions{flex-wrap:nowrap;gap:6px}.lobby-layout{gap:10px;width:calc(100% - 18px);margin:9px auto 18px}.lobby-board,.create-panel{padding:14px}.section-head{align-items:flex-start}.section-head h1,.section-head h2{font-size:22px}.stat-strip,.room-tools,.form-row,.capability-grid,.join-preview,.join-device-grid,.rooms-list{grid-template-columns:1fr}.room-workspace{min-height:calc(100vh - 66px);padding:8px}.room-commandbar{flex-direction:column;align-items:flex-start}.command-actions{width:100%}.presentation-stage{padding:8px}.presentation-stage.focus{grid-template-rows:minmax(320px,52vh) 112px}.stage-rail{grid-auto-columns:minmax(150px,190px)}.control-bar{z-index:15;position:sticky;bottom:8px}.control-button{grid-template-columns:1fr;gap:2px;min-width:58px}}:root{--shell-bg:#eef2f6;--shell-panel:#fff;--shell-panel-2:#f7f9fc;--shell-line:#d9e1eb;--shell-line-strong:#b7c3d0;--rail-bg:#101317;--rail-bg-2:#191e24;--rail-ink:#f7fafc;--rail-muted:#8b96a5;--studio:#06080c;--studio-2:#10151d;--mint:#32d6a2;--mint-deep:#0c8568;--blue:#3b82f6;--gold:#f2b84b;--rose:#ef6a63;--violet-2:#8b6cf6;--soft-mint:#e9fbf5;--soft-blue:#eaf2ff;--soft-gold:#fff5df;--soft-rose:#fff0ef;--soft-violet:#f2eeff;--hard-shadow:0 24px 70px #141f2c24;--soft-shadow:0 12px 36px #141f2c14}:root[data-theme=dark]{--shell-bg:#0f1216;--shell-panel:#171c22;--shell-panel-2:#11161c;--shell-line:#2c3540;--shell-line-strong:#465363;--soft-mint:#102b24;--soft-blue:#10233d;--soft-gold:#2b210f;--soft-rose:#301918;--soft-violet:#211a34;--hard-shadow:0 24px 70px #00000073;--soft-shadow:0 14px 44px #00000052}body{background:var(--shell-bg)}.app-shell{min-height:100vh;padding-left:92px}.topbar{z-index:40;background:linear-gradient(180deg, #ffffff0f, transparent 28%), var(--rail-bg);width:92px;height:100vh;color:var(--rail-ink);border-bottom:0;border-right:1px solid #ffffff17;flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;padding:18px 12px;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 44px #10131729}.brand{justify-content:center;width:100%}.brand-copy{display:none}.brand-mark{color:#fff;background:linear-gradient(145deg,#32d6a257,#0000 45%),linear-gradient(315deg,#3b82f638,#0000 46%),#171d24;border:1px solid #ffffff1f;width:54px;height:54px;font-size:21px;box-shadow:0 18px 32px #00000057}.topbar-actions{flex-flow:column;flex:1;justify-content:flex-start;align-items:center;gap:9px;width:100%;display:flex}.status-badge,.sound-toggle{width:54px;height:46px;min-height:46px;color:var(--rail-muted);box-shadow:none;background:#ffffff0e;border-color:#ffffff1a;justify-content:center;padding:0;font-size:0}.status-badge svg,.sound-toggle svg{width:19px;height:19px}.status-badge.active,.sound-toggle.active{color:var(--mint);background:#32d6a221;border-color:#32d6a242}.topbar-actions .sound-toggle:first-of-type{margin-top:auto}.lobby-layout{grid-template-columns:374px minmax(0,1fr);align-items:stretch;gap:18px;width:min(1540px,100% - 36px);min-height:100vh;margin:0 auto;padding:22px 0;display:grid}.create-panel{background:linear-gradient(180deg, #32d6a21f, transparent 32%), linear-gradient(145deg, #3b82f61f, transparent 42%), var(--rail-bg);color:#f8fafc;min-height:calc(100vh - 44px);box-shadow:var(--hard-shadow);border:1px solid #ffffff1a;grid-area:1/1;padding:18px;position:sticky;top:22px}.lobby-board{min-height:calc(100vh - 44px);box-shadow:none;background:0 0;border:0;grid-area:1/2;padding:0;overflow:visible}.lobby-board .section-head,.create-panel .section-head{border-bottom:1px solid var(--shell-line);min-height:78px;padding:0 0 16px}.create-panel .section-head{border-bottom-color:#ffffff1f}.section-head h1,.section-head h2{font-size:30px;line-height:1}.create-panel .eyebrow,.create-panel .field>span,.create-panel .capability-grid legend{color:#ffffff8a}.create-panel .panel-icon{color:var(--mint);background:#32d6a224;border-color:#32d6a24d}.create-panel input,.create-panel select{color:#f8fafc;background:#fff1;border-color:#ffffff1f}.create-panel input::placeholder{color:#ffffff6b}.create-panel input:disabled{color:#ffffff5c;background:#ffffff09}.create-panel option{color:#101317}.create-panel .check-tile{color:#f8fafc;background:#fff1;border-color:#ffffff1f}.create-panel .check-tile:has(input:checked){color:#eafff8;background:#32d6a224;border-color:#32d6a257}.create-panel .primary-button{background:var(--mint);color:#07110e;border-color:#32d6a270;min-height:52px;box-shadow:0 18px 38px #32d6a233}.create-form{gap:15px}.single-action-row{grid-template-columns:1fr}.lobby-board>.section-head{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:14px;display:grid}.lobby-board .icon-button{border-color:var(--shell-line);background:var(--shell-panel);width:48px;height:48px}.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.stat-item{border-color:var(--shell-line);background:var(--shell-panel);min-height:94px;box-shadow:var(--soft-shadow);padding:16px}.stat-item>div{border-color:var(--shell-line);background:var(--soft-mint);width:42px;height:42px;color:var(--mint-deep)}.stat-item strong{font-size:34px}.room-tools{border:1px solid var(--shell-line);border-radius:var(--radius);background:var(--shell-panel);box-shadow:var(--soft-shadow);grid-template-columns:minmax(280px,1fr) 164px;gap:10px;margin-top:14px;padding:12px}.room-tools .segmented-control{grid-column:1/-1}.field>span{color:#697586}input,select{border-color:var(--shell-line);background:var(--shell-panel-2)}.segmented-control,.view-switch{background:var(--shell-panel-2)}.segmented-control button{min-height:38px;padding:0 14px}.segmented-control button.active,.view-switch button.active{background:var(--rail-bg);color:#fff}.rooms-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;margin-top:14px}.room-card{border-color:var(--shell-line);background:var(--shell-panel);min-height:180px;box-shadow:var(--soft-shadow);padding:17px}.room-card:before{background:linear-gradient(180deg, var(--mint), var(--blue), var(--gold));width:5px}.room-card:hover{border-color:var(--shell-line-strong);box-shadow:var(--hard-shadow);transform:translateY(-2px)}.room-title h3{font-size:20px}.category-pill,.detail-chip,.mini-avatar{border-radius:var(--radius)}.category-pill{background:var(--soft-mint);min-height:30px;color:var(--mint-deep);border-color:#32d6a233}.detail-chip.active{background:var(--soft-mint);color:var(--mint-deep);border-color:#32d6a233}.detail-chip.warn{background:var(--soft-gold);color:#925f08;border-color:#f2b84b38}.join-room-button{background:var(--rail-bg);color:#fff;min-width:96px;min-height:44px}.room-workspace{grid-template-columns:minmax(0,1fr) 392px;gap:14px;height:100vh;padding:14px}.room-main{gap:12px}.room-commandbar{min-height:86px;box-shadow:none;background:0 0;border:0;padding:16px}.room-commandbar h1{font-size:30px}.room-command-meta{gap:7px}.command-actions{gap:10px}.view-switch{border-color:var(--shell-line);background:var(--shell-panel);min-height:44px;box-shadow:var(--soft-shadow);padding:5px}.room-live{border-radius:var(--radius);background:var(--soft-mint);border:1px solid #32d6a238;min-height:44px}.presentation-stage{background:linear-gradient(180deg, #ffffff09, transparent 24%), var(--studio);box-shadow:var(--hard-shadow);border:1px solid #ffffff17;gap:10px;padding:12px}.presentation-stage.focus{grid-template-rows:minmax(0,1fr) 118px}.spotlight-shell .media-tile,.media-tile{background:linear-gradient(145deg, #3b82f62e, transparent 46%), linear-gradient(315deg, #32d6a21a, transparent 48%), linear-gradient(180deg, var(--studio-2), #06080c);border-color:#ffffff1c}.media-tile.active{border-color:#3b82f6bd}.media-tile.speaking{border-color:#32d6a2e6}.tile-label{background:#06080cc7;border-color:#ffffff21;min-height:38px}.stage-rail{grid-auto-columns:minmax(176px,218px)}.stage-rail-empty{min-height:118px}.control-bar{border:1px solid var(--shell-line);background:var(--shell-panel);min-height:72px;box-shadow:var(--soft-shadow);padding:10px}.control-button{border-color:var(--shell-line);background:var(--shell-panel-2);min-width:92px;height:52px}.control-button.active{background:var(--soft-mint);color:var(--mint-deep);border-color:#32d6a24d}.control-button.danger{background:var(--soft-rose);color:#b43630;border-color:#ef6a633d}.room-dock{background:linear-gradient(180deg, #ffffff0e, transparent 30%), var(--rail-bg);color:#f8fafc;box-shadow:var(--hard-shadow);border:1px solid #ffffff1a}.dock-tabs{background:#ffffff0e;border-bottom-color:#ffffff1a;min-height:62px}.dock-tabs button{color:#fff9;grid-template-columns:16px minmax(26px,1fr) 19px;gap:3px;min-height:46px;padding:0 5px;font-size:11px}.dock-tabs button strong{color:#ffffffb8;background:#ffffff14;min-width:19px;height:19px;font-size:10px}.dock-tabs button.active{color:#fff;background:#32d6a224;border-color:#32d6a23d}.room-dock .eyebrow,.room-dock .panel-section-head .eyebrow,.room-dock .toggle-copy em,.room-dock .slider-copy em,.room-dock .remote-audio-title span,.room-dock .message-meta time,.room-dock .slider-value{color:#ffffff85}.room-dock .panel-section-head{border-bottom-color:#ffffff1a}.room-dock .participant-row,.room-dock .slider-row,.room-dock .toggle-row,.room-dock .quality-selector,.room-dock .device-row,.room-dock .settings-row,.room-dock .network-panel,.room-dock .remote-audio-card,.room-dock .message-body,.room-dock .mixer-empty{color:#f8fafc;background:#ffffff0f;border-color:#ffffff1a}.room-dock .participant-row:hover,.room-dock .toggle-row.active{background:#32d6a21a}.room-dock input,.room-dock select,.room-dock .chat-form input{color:#f8fafc;background:#ffffff13;border-color:#ffffff1f}.room-dock option{color:#101317}.room-dock .toggle-icon,.room-dock .slider-icon,.room-dock .avatar{color:var(--mint);background:#ffffff14;border-color:#ffffff1a}.room-dock .chat-form{background:#ffffff09;border-top-color:#ffffff1a}.room-dock .chat-form button{background:var(--mint);color:#07110e}.room-dock .secondary-button,.room-dock .mute-output,.room-dock .shortcut-capture,.room-dock .settings-row button{color:#f8fafc;background:#ffffff13;border-color:#ffffff1f}.room-dock .danger-button{color:#ffb0ac;background:#ef6a631f;border-color:#ef6a634d}.option-buttons,.quality-options button,.shortcut-list span,.metric{border-color:var(--shell-line);background:var(--shell-panel-2)}.room-dock .option-buttons,.room-dock .quality-options button,.room-dock .shortcut-list span,.room-dock .metric{color:#f8fafc;background:#ffffff0f;border-color:#ffffff1a}.modal-surface{border-color:var(--shell-line);background:var(--shell-panel)}@media (width<=1180px){.lobby-layout{grid-template-columns:1fr}.create-panel,.lobby-board{grid-column:1}.create-panel{min-height:0;position:static}.lobby-board{grid-row:2;min-height:0}.room-workspace{grid-template-columns:1fr;height:auto}.room-dock{min-height:460px}}@media (width<=760px){.app-shell{padding-left:0}.topbar{border-right:0;border-bottom:1px solid var(--shell-line);background:var(--shell-panel);width:auto;height:68px;min-height:68px;color:var(--ink);flex-direction:row;justify-content:space-between;padding:8px 10px;position:sticky;inset:auto;box-shadow:0 1px #141f2c0f}.brand{justify-content:flex-start;width:auto}.brand-mark{width:44px;height:44px;font-size:18px}.brand-copy{display:block}.brand-copy span{display:none}.topbar-actions{flex-direction:row;flex:0 auto;justify-content:flex-end;gap:6px;width:auto}.status-badge,.sound-toggle{border-color:var(--shell-line);background:var(--shell-panel-2);width:42px;height:40px;min-height:40px;color:var(--muted)}.topbar-actions .status-badge:first-of-type,.topbar-actions .status-badge:nth-of-type(3){display:none}.topbar-actions .sound-toggle:first-of-type{margin-top:0}.lobby-layout{gap:12px;width:calc(100% - 18px);min-height:0;padding:10px 0 18px}.create-panel,.lobby-board{min-height:0}.section-head h1,.section-head h2{font-size:24px}.stat-strip,.room-tools,.rooms-list,.form-row,.capability-grid{grid-template-columns:1fr}.room-workspace{gap:10px;min-height:calc(100vh - 68px);padding:9px}.room-commandbar{padding:4px 0 2px}.room-commandbar h1{font-size:25px}.command-actions{flex-direction:column;align-items:stretch;width:100%}.view-switch,.room-live{width:100%}.presentation-stage{padding:8px}.presentation-stage.focus{grid-template-rows:minmax(360px,52vh) 112px}.control-bar{z-index:20;justify-content:flex-start;gap:6px;position:sticky;bottom:8px;overflow-x:auto}.control-button{min-width:72px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111418;--bg-2:#090b0f;--surface:#171b20;--surface-raised:#1d2229;--surface-soft:#12171d;--surface-tint:#10241f;--ink:#f1f5f9;--ink-2:#d9e2ec;--muted:#a2adbc;--faint:#707b89;--line:#303844;--line-strong:#46515f;--stage:#05070a;--stage-2:#111720;--chrome:#181d24e6;--chrome-solid:#1a1f26;--chrome-muted:#12171d;--field-bg:#151a20;--accent-soft:#102a24;--cyan-soft:#102133;--amber-soft:#2b2110;--coral-soft:#2b1716;--violet-soft:#1d1930;--shell-bg:#0f1216;--shell-panel:#171c22;--shell-panel-2:#11161c;--shell-line:#2c3540;--shell-line-strong:#465363;--soft-mint:#102b24;--soft-blue:#10233d;--soft-gold:#2b210f;--soft-rose:#301918;--soft-violet:#211a34;--panel-shadow:0 18px 54px #00000057;--lift-shadow:0 28px 86px #00000075;--hard-shadow:0 24px 70px #00000073;--soft-shadow:0 14px 44px #00000052}html,body{background:var(--shell-bg)}.app-shell{padding-left:0}.lobby-layout{width:min(1480px,100% - 32px)}.room-workspace{width:100%;height:100vh;padding:14px}@media (width<=760px){.app-shell{padding-left:0}.lobby-layout{width:calc(100% - 18px);padding-top:10px}.room-workspace{min-height:100vh;padding:9px}}:root{--spring:cubic-bezier(.22, .62, .24, 1);--snap:cubic-bezier(.2, .72, .18, 1);--morph:cubic-bezier(.25, .1, .18, 1);--motion-fast:.26s;--motion-medium:.42s;--motion-slow:.64s}.app-shell{isolation:isolate;position:relative;overflow-x:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;z-index:0;position:fixed}.app-shell:before{clip-path:polygon(18% 0,100% 0,100% 64%,56% 100%,0 60%);filter:saturate(1.08);opacity:.72;background:linear-gradient(120deg,#32d6a238,#3b82f629 48%,#8b6cf62e);width:min(58vw,760px);height:360px;top:-118px;right:-112px}.app-shell:after{clip-path:polygon(0 34%,100% 0,100% 66%,0 100%);opacity:.34;background:repeating-linear-gradient(90deg,#32d6a22e 0 10px,#0000 10px 21px),linear-gradient(90deg,#3b82f614,#f2b84b1a);width:420px;height:172px;bottom:28px;right:34px;transform:rotate(-5deg)}.lobby-layout,.room-workspace{z-index:1;animation:surfaceIn .68s var(--morph) both;position:relative}.create-panel,.room-dock,.presentation-stage,.control-bar,.room-tools,.stat-item,.room-card,.modal-surface,.join-summary,.join-preview,.participant-row,.slider-row,.toggle-row,.quality-selector,.device-row,.settings-row,.network-panel,.remote-audio-card,.message-body,.media-tile{transition:transform var(--motion-medium) var(--morph), opacity var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph), box-shadow var(--motion-slow) var(--morph), filter var(--motion-medium) var(--morph)}button,.check-tile,.toggle-row,input,select,.detail-chip,.category-pill,.mini-avatar,.toggle-switch,.capacity-line span,.level-bar span{transition:transform var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph), color var(--motion-medium) var(--morph), box-shadow var(--motion-medium) var(--morph), opacity var(--motion-medium) var(--morph), width var(--motion-slow) var(--morph), filter var(--motion-medium) var(--morph)}button,.check-tile,.toggle-row,.media-tile,.room-card{will-change:transform}button{position:relative;overflow:hidden}button:hover,.check-tile:hover,.toggle-row:hover,.room-card:hover{filter:brightness(1.025)saturate(1.02)}button:active,button.is-pressing,.check-tile.is-pressing,.toggle-row.is-pressing{transform:scale(.985)}.primary-button.is-pressing,.join-room-button.is-pressing,.control-button.is-pressing{transform:translateY(1px)scale(.985)}input:focus,select:focus{transform:translateY(-1px)}.lobby-board{position:relative}.lobby-board:before{content:"";z-index:-1;clip-path:polygon(26% 0,100% 0,78% 100%,0 72%);opacity:.78;background:linear-gradient(130deg,#32d6a22e,#3b82f61f 58%,#f2b84b21);width:520px;height:250px;display:block;position:absolute;top:-60px;right:-76px}.create-panel{position:sticky;overflow:hidden}.create-panel:before,.create-panel:after{content:"";pointer-events:none;display:block;position:absolute}.create-panel:before{border-radius:inherit;height:auto;animation:sheen 8s var(--snap) infinite;background:linear-gradient(110deg,#0000 0 34%,#ffffff13 44%,#0000 56% 100%);margin:0;inset:0;transform:translate(-62%)}.create-panel:after{opacity:.34;background:linear-gradient(90deg,#32d6a270 0 12px,#0000 12px 24px),linear-gradient(90deg,#0000 0 28px,#3b82f657 28px 42px,#0000 42px 58px),linear-gradient(90deg,#0000 0 66px,#f2b84b4d 66px 78px,#0000 78px 100%);width:210px;height:86px;bottom:18px;right:16px;transform:skew(-12deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.create-form,.create-panel .section-head{z-index:1;position:relative}.lobby-board>.section-head{position:relative}.lobby-board>.section-head:after{content:"DDATO";color:#ffffff14;letter-spacing:0;pointer-events:none;font-size:54px;font-weight:950;line-height:1;position:absolute;top:4px;right:62px}.stat-item,.room-tools,.room-card{background:linear-gradient(180deg, #ffffff09, #ffffff02), var(--shell-panel)}.stat-item:hover,.room-tools:hover,.room-card:hover{transform:translateY(-2px)}.room-card{overflow:hidden}.room-card:after{content:"";background:linear-gradient(90deg, var(--mint), var(--blue), var(--gold), transparent 86%);opacity:.32;transform-origin:0;height:2px;transition:transform .72s var(--morph), opacity .46s var(--morph);position:absolute;bottom:12px;left:18px;right:18px;transform:scaleX(.74)}.room-card:hover:after{opacity:.78;transform:scaleX(1)}.category-pill,.detail-chip{box-shadow:inset 0 1px #ffffff0e}.segmented-control button.active,.view-switch button.active,.dock-tabs button.active,.option-buttons button.active,.quality-options button.active{transform:translateY(-1px)scale(1.015);box-shadow:inset 0 1px #ffffff14,0 12px 26px #00000038}.presentation-stage{position:relative;overflow:hidden}.presentation-stage:before,.presentation-stage:after{content:"";pointer-events:none;position:absolute}.presentation-stage:before{opacity:.8;background:linear-gradient(135deg,#3b82f629,#0000 32%),linear-gradient(315deg,#32d6a21f,#0000 36%);inset:0}.presentation-stage:after{clip-path:polygon(0 28%,100% 0,78% 100%,12% 76%);opacity:.4;background:linear-gradient(120deg,#32d6a242,#8b6cf62e);width:42%;height:42%;bottom:-16%;right:-12%}.spotlight-shell,.media-grid,.stage-rail,.stage-rail-empty{z-index:1;position:relative}.media-tile{animation:none}.media-tile:hover{transform:translateY(-1px)scale(1.001)}.media-tile.active{transform:translateY(-.5px)}.media-tile:hover .tile-label{transform:translateY(-1px)}.control-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control-button{box-shadow:inset 0 1px #ffffff0b}.control-button:hover{transform:translateY(-1px)}.control-button.active{box-shadow:inset 0 1px #ffffff14,0 14px 28px #32d6a21a}.room-dock{position:relative;overflow:hidden}.room-dock:before{content:"";pointer-events:none;background:linear-gradient(120deg,#32d6a229,#0000 46%),linear-gradient(240deg,#3b82f61f,#0000 44%);height:150px;position:absolute;inset:0 0 auto}.dock-tabs,.dock-panel{z-index:1;position:relative}.dock-panel{animation:panelIn .56s var(--morph) both}.message{animation:messageIn .48s var(--morph) both}.modal{animation:fadeIn .42s var(--morph) both}.modal-surface,.spotlight-surface{animation:modalMorph .62s var(--morph) both}.toast{animation:toastIn .52s var(--morph) both}@keyframes surfaceIn{0%{opacity:0;transform:translateY(4px)scale(.998)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panelIn{0%{opacity:0;transform:translate(3px)scale(.998)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes tileIn{0%{opacity:0;transform:scale(.996)}to{opacity:1;transform:scale(1)}}@keyframes messageIn{0%{opacity:0;transform:translateY(3px)scale(.998)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalMorph{0%{opacity:0;transform:translateY(5px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,5px)scale(.996)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheen{0%,68%{transform:translate(-70%)}to{transform:translate(70%)}}.capability-grid{grid-template-columns:repeat(3,minmax(106px,1fr))}.create-panel .capability-grid{grid-template-columns:repeat(3,minmax(102px,1fr))}.check-tile{gap:6px;min-width:0;padding:0 8px;line-height:1}.create-panel .check-tile{padding:0 7px;font-size:12px}.check-tile input{flex:0 0 15px}.check-tile svg,.create-panel .check-tile svg{width:15px;height:15px}.check-tile span,.primary-button span,.secondary-button span,.danger-button span,.control-button span,.view-switch button span,.segmented-control button,.dock-tabs button span,.join-room-button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room-main{grid-template-rows:auto auto minmax(0,1fr) auto}.youtube-panel{border:1px solid var(--shell-line);border-radius:var(--radius);background:linear-gradient(120deg, #ff00401f, transparent 38%), linear-gradient(270deg, #32d6a214, transparent 46%), var(--shell-panel);min-width:0;box-shadow:var(--soft-shadow);transition:transform var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph);grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);grid-template-areas:"head form";align-items:center;gap:10px;padding:10px;display:grid;position:relative;overflow:hidden}.youtube-panel.active{border-color:#ff40603d;grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);grid-template-areas:"head form""volume volume""player player";align-items:start}.youtube-panel:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ff2a5e2e,#0000 62%);border-radius:999px;width:46%;position:absolute;inset:-40% auto auto -18%}.youtube-head{z-index:1;grid-area:head;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid;position:relative}.youtube-mark{color:#ff6f8c;background:#ff2a5e24;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.youtube-mark svg,.youtube-form svg{width:18px;height:18px}.youtube-head strong{color:var(--ink);font-size:13px;font-weight:950;display:block}.youtube-head em{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;font-weight:800;display:block;overflow:hidden}.youtube-form{z-index:1;grid-area:form;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-width:0;display:grid;position:relative}.youtube-form input{border:1px solid var(--shell-line);min-width:0;height:42px;color:var(--ink);transition:border-color var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph), box-shadow var(--motion-medium) var(--morph);background:#06080c75;border-radius:12px;outline:none;padding:0 13px;font-weight:800}.youtube-form input:focus{border-color:#ff40606b;box-shadow:0 0 0 4px #ff40601f}.youtube-form input:disabled{opacity:.56}.youtube-submit,.youtube-clear{border:1px solid var(--shell-line);min-width:82px;height:42px;color:var(--ink);white-space:nowrap;transition:transform var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph), opacity var(--motion-medium) var(--morph);border-radius:12px;justify-content:center;align-items:center;gap:6px;font-weight:950;display:inline-flex}.youtube-submit{color:#ffd7df;background:#ff2a5e29;border-color:#ff406047}.youtube-clear{background:var(--shell-panel-2)}.youtube-submit:hover:not(:disabled),.youtube-clear:hover:not(:disabled){transform:translateY(-2px)}.youtube-submit:disabled,.youtube-clear:disabled{cursor:not-allowed;opacity:.46}.youtube-volume{z-index:1;border:1px solid var(--shell-line);min-width:0;min-height:42px;color:var(--ink);background:#06080c52;border-radius:12px;grid-area:volume;grid-template-columns:22px auto minmax(120px,1fr) 52px;align-items:center;gap:10px;padding:0 12px;display:grid;position:relative}.youtube-volume svg{color:#ff9bad;width:17px;height:17px}.youtube-volume span,.youtube-volume strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:950;overflow:hidden}.youtube-volume span{color:var(--muted)}.youtube-volume strong{text-align:right}.youtube-volume input{accent-color:#ff5c7a;width:100%;min-width:0}.youtube-volume.disabled{opacity:.58}.youtube-player{z-index:1;width:100%;height:clamp(180px,28vh,340px);animation:modalMorph .62s var(--morph);background:#05070a;border:1px solid #ffffff1a;border-radius:16px;grid-area:player;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.youtube-player iframe{border:0;width:100%;height:100%;display:block}.shortcut-note{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.control-bar{grid-template-columns:repeat(5,minmax(72px,1fr));display:grid}.lobby-layout{grid-template-columns:348px minmax(430px,1fr) 356px;align-items:stretch}.create-panel{grid-column:1}.lobby-board{grid-column:2}.lobby-chat-panel{border:1px solid var(--shell-line);border-radius:var(--radius);background:linear-gradient(160deg, #3b82f61f, transparent 34%), linear-gradient(20deg, #32d6a217, transparent 44%), var(--shell-panel);min-width:0;min-height:calc(100vh - 44px);max-height:calc(100vh - 44px);box-shadow:var(--soft-shadow);flex-direction:column;grid-area:1/3;display:flex;position:sticky;top:22px;overflow:hidden}.lobby-chat-panel:before{content:"";background:linear-gradient(90deg,#32d6a2f2,#3b82f6e6,#ff4060b8);height:3px;display:block}.lobby-chat-head{border-bottom:1px solid var(--shell-line);justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;padding:16px;display:flex}.lobby-chat-head h2{color:var(--ink);margin:2px 0 4px;font-size:20px;line-height:1.05}.lobby-chat-head span,.lobby-identity span{color:var(--muted);font-size:11px;font-weight:900}.lobby-identity{border-radius:var(--radius);background:#32d6a214;border:1px solid #32d6a22e;gap:4px;min-width:0;margin:12px 14px 0;padding:12px;display:grid}.lobby-identity strong{min-width:0;color:var(--mint);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:950;overflow:hidden}.lobby-chat-messages{flex:1;min-height:180px;padding:14px}.lobby-chat-panel .message{border:1px solid var(--shell-line);background:#ffffff09;border-radius:12px;padding:10px}.lobby-chat-panel .message.mine{background:#32d6a214;border-color:#32d6a247}.lobby-chat-form{border-top:1px solid var(--shell-line)}@media (width<=760px){.admin-modal-surface{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:14px}.admin-dashboard{grid-template-rows:auto auto auto;padding-right:2px;overflow:auto}.admin-toolbar{grid-template-columns:1fr;display:grid}.admin-toolbar .secondary-button,.admin-toolbar .danger-button{width:100%;min-width:0}.admin-grid{grid-template-columns:1fr;overflow:visible}.admin-section{min-height:min(480px,70dvh)}.admin-room-head,.admin-participant{flex-direction:column;align-items:stretch}.admin-actions{justify-content:flex-start}.restriction-actions{grid-column:1/-1;justify-content:space-between;width:100%}.capability-grid,.create-panel .capability-grid{grid-template-columns:1fr}.check-tile{justify-content:flex-start;padding:0 12px}.youtube-panel,.youtube-panel.active{grid-template-columns:1fr;grid-template-areas:"head""form""volume""player"}.youtube-panel:not(.active){grid-template-areas:"head""form"}.youtube-form{grid-template-columns:minmax(0,1fr) 72px}.youtube-clear{grid-column:1/-1;width:100%}.youtube-volume{grid-template-columns:20px minmax(0,1fr) 58px}.youtube-volume input{grid-column:1/-1}.youtube-player{height:clamp(190px,36vh,260px)}.control-bar{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:hidden}.control-button{min-width:0;padding:0 5px}.control-button span{font-size:10px}}@media (width<=1320px){.lobby-layout{grid-template-columns:360px minmax(0,1fr)}.create-panel{grid-area:1/1}.lobby-chat-panel{grid-area:2/1;min-height:420px;max-height:none;position:static}.lobby-board{grid-area:1/2/span 2}}@media (width<=920px){.lobby-layout{grid-template-columns:1fr}.create-panel,.lobby-board,.lobby-chat-panel{grid-area:auto/1;min-height:0;max-height:none;position:static}.lobby-chat-panel{min-height:420px}}.room-workspace{transition:grid-template-columns .72s var(--morph), gap .72s var(--morph);grid-template-columns:minmax(0,1fr) 388px}.room-workspace.dock-collapsed{grid-template-columns:minmax(0,1fr) 58px}.room-main{grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.room-commandbar{gap:10px;min-height:58px;padding:8px 10px}.room-title-strip{align-items:center;gap:10px;min-width:0;display:flex}.room-title-strip h1,.room-commandbar h1{max-width:min(42vw,560px);margin:0;font-size:clamp(18px,2vw,22px);line-height:1.05}.room-title-strip .room-command-meta{flex-wrap:nowrap}.room-title-strip .detail-chip{min-height:28px;padding:0 8px}.command-actions{gap:8px;min-width:0}.view-switch{min-height:38px;padding:4px}.view-switch button{min-width:72px;min-height:30px}.room-live{white-space:nowrap;min-height:38px;padding:0 10px}.top-leave-button{border-radius:var(--radius);color:#ffb0ac;white-space:nowrap;min-height:38px;transition:transform var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph);background:#ef6a6321;border:1px solid #ef6a6347;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:950;display:inline-flex}.top-leave-button:hover{background:#ef6a6333;border-color:#ef6a636b;transform:translateY(-1px)}.top-leave-button svg{width:17px;height:17px}.presentation-stage.has-youtube.focus{grid-template-rows:minmax(0,1fr) 112px}.youtube-grid{grid-template-columns:minmax(420px,1.35fr) repeat(auto-fit,minmax(260px,1fr))}.youtube-stage-card{border-radius:var(--radius);min-width:0;min-height:0;box-shadow:var(--hard-shadow);background:linear-gradient(140deg,#ff2a5e24,#0000 44%),linear-gradient(315deg,#32d6a21a,#0000 48%),#05070a;border:1px solid #ffffff1f;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.youtube-stage-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);height:1px;position:absolute;inset:0 0 auto}.youtube-stage-player{background:#020304;min-height:0}.youtube-stage-player iframe{border:0;width:100%;height:100%;display:block}.youtube-stage-controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070ad1;border-top:1px solid #ffffff1a;grid-template-columns:minmax(160px,1fr) minmax(160px,.9fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.youtube-stage-kicker{color:#ff8fa4;align-items:center;gap:6px;font-size:11px;font-weight:950;display:inline-flex}.youtube-stage-kicker svg{width:15px;height:15px}.youtube-stage-controls strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:950;display:block;overflow:hidden}.youtube-stage-volume{color:#fff;grid-template-columns:18px minmax(0,1fr) 48px;align-items:center;gap:8px;min-width:0;display:grid}.youtube-stage-volume svg{color:#ff9bad;width:17px;height:17px}.youtube-stage-volume input{accent-color:#ff5c7a;width:100%}.youtube-stage-volume strong{text-align:right;font-size:11px}.youtube-stage-volume.disabled{opacity:.58}.youtube-stage-actions{gap:7px;display:flex}.youtube-stage-actions button,.dock-collapse-button{border-radius:var(--radius);color:#f8fafc;transition:transform var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph), opacity var(--motion-medium) var(--morph);background:#ffffff13;border:1px solid #ffffff1f;font-weight:950}.youtube-stage-actions button{justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:12px;display:inline-flex}.youtube-stage-actions button:hover:not(:disabled),.dock-collapse-button:hover{background:#ffffff1f;transform:translateY(-1px)}.youtube-stage-actions button:disabled,.youtube-modal-actions button:disabled{cursor:not-allowed;opacity:.44}.youtube-stage-actions svg{width:16px;height:16px}.room-dock{transition:transform var(--motion-slow) var(--morph), opacity var(--motion-slow) var(--morph);grid-template-rows:auto minmax(0,1fr)}.dock-content{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.dock-collapse-button{justify-content:center;align-items:center;gap:7px;min-height:38px;margin:8px 8px 0;padding:0 10px;font-size:12px;display:inline-flex}.dock-collapse-button svg{width:17px;height:17px}.room-dock.collapsed{background:linear-gradient(180deg, #ffffff0f, transparent 30%), var(--rail-bg);align-content:start}.room-dock.collapsed .dock-content{display:none}.room-dock.collapsed .dock-collapse-button{flex-direction:column;width:calc(100% - 12px);min-height:136px;margin:6px;padding:8px 0}.room-dock.collapsed .dock-collapse-button span{writing-mode:vertical-rl}.youtube-modal-surface{width:min(560px,100%)}.youtube-modal-status{border-radius:var(--radius);background:linear-gradient(120deg, #ff2a5e21, transparent 48%), var(--shell-panel-2);border:1px solid #ff5c7a2e;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.youtube-modal-status>svg{color:#ff8fa4;background:#ff2a5e24;border-radius:14px;width:42px;height:42px;padding:10px}.youtube-modal-status strong,.youtube-modal-status span{min-width:0;display:block}.youtube-modal-status strong{color:var(--ink);font-size:14px;font-weight:950}.youtube-modal-status span{color:var(--muted);margin-top:3px;font-size:12px;font-weight:850}.youtube-modal-volume{border:1px solid var(--shell-line);border-radius:var(--radius);background:var(--shell-panel-2);grid-template-columns:22px auto minmax(0,1fr) 54px;align-items:center;gap:10px;min-width:0;min-height:46px;padding:0 12px;display:grid}.youtube-modal-volume svg{color:#ff8fa4;width:18px;height:18px}.youtube-modal-volume span,.youtube-modal-volume strong{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:950}.youtube-modal-volume span{color:var(--muted)}.youtube-modal-volume input{accent-color:#ff5c7a;width:100%;min-width:0}.youtube-modal-volume.disabled{opacity:.58}.youtube-modal-actions{grid-template-columns:1fr 1fr}.youtube-modal-actions .primary-button:only-child{grid-column:1/-1}.control-bar{grid-template-columns:repeat(5,minmax(72px,1fr))}@media (width<=1180px){.room-workspace,.room-workspace.dock-collapsed{grid-template-columns:1fr}.room-dock.collapsed{min-height:58px}.room-dock.collapsed .dock-collapse-button{flex-direction:row;width:auto;min-height:42px}.room-dock.collapsed .dock-collapse-button span{writing-mode:initial}}@media (width<=900px){.room-commandbar{flex-direction:column;align-items:stretch}.room-title-strip{justify-content:space-between}.room-title-strip h1,.room-commandbar h1{max-width:100%}.command-actions{width:100%}.view-switch,.room-live,.top-leave-button{flex:1 1 0}.youtube-stage-controls{grid-template-columns:1fr}}@media (width<=760px){.room-commandbar{min-height:0;padding:8px}.room-title-strip{flex-direction:column;align-items:flex-start;gap:6px}.room-title-strip .room-command-meta{width:100%;overflow-x:auto}.command-actions{grid-template-columns:1fr .82fr .72fr;display:grid}.view-switch{width:auto}.view-switch button{flex:1 1 0;min-width:0}.room-live{justify-content:center;width:auto}.top-leave-button{padding:0 8px}.top-leave-button span,.room-live span{display:none}.presentation-stage.has-youtube.focus{grid-template-rows:minmax(340px,54vh) 104px}.youtube-grid{grid-template-columns:1fr}.youtube-stage-controls{gap:8px;padding:8px}.youtube-stage-actions{grid-template-columns:1fr 1fr;display:grid}.youtube-stage-actions button{min-width:0}.youtube-modal-volume{grid-template-columns:20px minmax(0,1fr) 54px}.youtube-modal-volume span{display:none}.control-bar{grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:hidden}.control-button{padding:0 4px}}html,body,#root{min-height:100%}.app-shell{min-height:100dvh}.lobby-layout{grid-template-columns:minmax(280px,348px) minmax(360px,1fr) minmax(300px,356px)}.create-panel,.lobby-board,.lobby-chat-panel,.room-main,.presentation-stage,.spotlight-shell,.media-grid,.stage-rail,.room-dock,.dock-content{min-width:0}.room-workspace{grid-template-columns:minmax(0,1fr) clamp(320px,28vw,388px);height:100dvh;min-height:0;overflow:hidden}.room-main,.presentation-stage,.spotlight-shell,.media-grid,.stage-rail,.room-dock,.dock-content{min-height:0}.presentation-stage{overflow:hidden}.media-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.spotlight-shell .media-tile .tile-label{opacity:0;pointer-events:none;transform:translateY(10px)}.spotlight-shell:hover .media-tile .tile-label,.spotlight-shell .media-tile:hover .tile-label,.spotlight-shell .media-tile:focus-within .tile-label{opacity:1;transform:translateY(-2px)}.control-button{min-width:0}.control-bar{width:100%}.control-button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.tile-label{transition:opacity var(--motion-medium) var(--morph), transform var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph)}.chat-panel .chat-form{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center}.chat-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.chat-attach-button{border:1px solid var(--line);border-radius:var(--radius);width:46px;height:44px;color:var(--text);background:#ffffff0e;place-items:center;display:grid}.chat-attach-button:hover:not(:disabled){background:#ffffff17;border-color:#94a3b86b;transform:translateY(-1px)}.chat-form button:disabled{cursor:not-allowed;opacity:.48}.chat-history-button,.chat-history-end,.chat-cooldown{border:1px solid var(--line);width:fit-content;max-width:100%;color:var(--muted);background:#ffffff0e;border-radius:999px;justify-self:center;padding:7px 11px;font-size:11px;font-weight:900}.chat-history-button{cursor:pointer;color:var(--text)}.chat-history-button:hover:not(:disabled){background:#ffffff17;border-color:#94a3b86b;transform:translateY(-1px)}.chat-history-button:disabled{cursor:wait;opacity:.62}.chat-cooldown{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b47;margin:-5px auto 9px}.chat-limit-row{grid-template-columns:38px minmax(140px,1fr) 70px auto 70px auto auto}.settings-unit{color:var(--muted);font-size:12px;font-weight:900}.ddat-avatar{--avatar-size:42px;--avatar-color:#32d6a2;--avatar-accent:#9cf6d6;--avatar-focus-x:8%;--avatar-focus-y:50%;--avatar-art-size:128% auto;width:var(--avatar-size);height:var(--avatar-size);box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.ddat-avatar.xxs{--avatar-size:22px;--avatar-art-size:138% auto}.ddat-avatar.xs{--avatar-size:30px;--avatar-art-size:134% auto}.ddat-avatar.sm{--avatar-size:38px;--avatar-art-size:130% auto}.ddat-avatar.lg{--avatar-size:74px;--avatar-art-size:124% auto}.ddat-avatar.xl{--avatar-size:112px;--avatar-art-size:116% auto}.ddat-avatar-glow{display:none}.ddat-avatar-fill,.ddat-avatar-highlight,.ddat-avatar-lines{background-repeat:no-repeat;background-position:var(--avatar-focus-x) var(--avatar-focus-y);background-size:var(--avatar-art-size);pointer-events:none;position:absolute;inset:-8%}.ddat-avatar-fill{background:linear-gradient(145deg, var(--avatar-accent), var(--avatar-color) 60%, color-mix(in srgb, var(--avatar-color) 70%, #020617));-webkit-mask-image:var(--avatar-fill-url);-webkit-mask-image:var(--avatar-fill-url);mask-image:var(--avatar-fill-url);-webkit-mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha;-webkit-mask-position:var(--avatar-focus-x) var(--avatar-focus-y);-webkit-mask-position:var(--avatar-focus-x) var(--avatar-focus-y);mask-position:var(--avatar-focus-x) var(--avatar-focus-y);-webkit-mask-size:var(--avatar-art-size);-webkit-mask-size:var(--avatar-art-size);mask-size:var(--avatar-art-size);filter:drop-shadow(0 3px 5px #00000047)}.ddat-avatar-highlight{background-image:var(--avatar-highlight-url);opacity:.86;mix-blend-mode:screen}.ddat-avatar-lines{background-image:var(--avatar-line-url);filter:drop-shadow(0 2px 2px #00000057)}.ddat-avatar.mini-avatar{color:#0000;background:0 0;border-radius:0;width:30px;height:30px;margin-right:-7px;font-size:0}.mini-avatar.empty,.mini-avatar.more{color:var(--text);font-size:10px}.participant-row.speaking .ddat-avatar{border-color:color-mix(in srgb, var(--avatar-color) 62%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--avatar-color) 18%, transparent), 0 12px 28px color-mix(in srgb, var(--avatar-color) 28%, transparent)}.lobby-identity{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.lobby-identity span{gap:3px;min-width:0;display:grid}.lobby-identity em{color:var(--muted);font-size:11px;font-style:normal;font-weight:900}.lobby-identity strong{display:block}.message-author{align-items:center;gap:7px;min-width:0;display:inline-flex}.message-meta{align-items:center}.tile-placeholder{align-content:center;gap:12px}.tile-placeholder>strong{width:auto;height:auto;box-shadow:none;color:var(--muted);background:0 0;border:0;border-radius:0;font-size:13px}.preview-video .ddat-avatar{--avatar-size:112px}.tile-placeholder .ddat-avatar,.preview-video .ddat-avatar{--avatar-focus-x:12%;--avatar-art-size:112% auto}.avatar-palette{z-index:15;justify-content:flex-end;min-width:0;display:inline-flex;position:relative}.avatar-palette-trigger{min-width:0;min-height:42px;color:var(--ink);cursor:pointer;transition:transform var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph), box-shadow var(--motion-slow) var(--morph);background:radial-gradient(circle at 20% 20%,#ffffff24,#0000 40%),#ffffff0e;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:4px 10px 4px 5px;display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.avatar-palette-trigger:hover,.avatar-palette.open .avatar-palette-trigger{border-color:color-mix(in srgb, var(--mint) 42%, transparent);background-color:#32d6a21a;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff24,0 14px 28px #0003}.avatar-palette-trigger>svg{width:17px;height:17px;color:var(--mint)}.avatar-palette-trigger>span:not(.ddat-avatar){white-space:nowrap;font-size:12px;font-weight:950}.avatar-palette.compact .avatar-palette-trigger{width:48px;height:42px;padding:4px;position:relative}.avatar-palette.compact .avatar-palette-trigger>svg{width:14px;height:14px;color:var(--mint);background:#05070ad1;border-radius:999px;padding:2px;position:absolute;bottom:3px;right:4px}.avatar-palette-popover{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform-origin:100% 0;width:min(270px,100vw - 24px);animation:paletteIn .56s var(--morph) both;background:radial-gradient(circle at 18% 10%,#32d6a22b,#0000 36%),linear-gradient(#161c26fa,#080b11fa);border:1px solid #ffffff24;border-radius:20px;gap:12px;padding:13px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #0000006b,inset 0 1px #ffffff1a}.avatar-palette-title{gap:3px;display:grid}.avatar-palette-title strong{color:var(--ink);font-size:13px;font-weight:950}.avatar-palette-title span{color:var(--muted);font-size:11px;font-weight:850}.avatar-swatch-grid{grid-template-columns:repeat(8,1fr);gap:7px;display:grid}.avatar-swatch{aspect-ratio:1;background:radial-gradient(circle at 30% 24%, var(--swatch-accent), transparent 36%), linear-gradient(145deg, var(--swatch-accent), var(--swatch));cursor:pointer;min-width:0;transition:transform var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph), box-shadow var(--motion-medium) var(--morph);border:1px solid #ffffff29;border-radius:11px;box-shadow:inset 0 1px #ffffff38}.avatar-swatch:hover,.avatar-swatch.active{box-shadow:inset 0 1px 0 #ffffff52, 0 0 0 3px color-mix(in srgb, var(--swatch) 24%, transparent);border-color:#ffffff7a;transform:translateY(-1px)scale(1.018)}.avatar-color-picker{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:auto 42px minmax(76px,1fr);align-items:center;gap:9px;padding:8px;display:grid}.avatar-color-picker span,.avatar-color-picker strong{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:950}.avatar-color-picker strong{color:var(--ink);text-align:right}.avatar-color-picker input{cursor:pointer;background:0 0;border:0;border-radius:10px;width:42px;height:32px;padding:0;overflow:hidden}.lobby-identity{grid-template-columns:auto minmax(0,1fr) auto}.lobby-identity .avatar-palette{justify-self:end}.command-actions .avatar-palette{flex:none}@keyframes paletteIn{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.compact-danger{min-height:42px}.restriction-actions{border:1px solid var(--line);background:#ffffff09;border-radius:999px;grid-column:1/-1;justify-content:space-between;justify-self:stretch;align-items:center;gap:5px;padding:3px;display:flex}.restrict-button{width:30px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;display:grid}.restrict-button svg{width:15px;height:15px}.restrict-button:hover{color:var(--text);background:#ffffff14;transform:translateY(-1px)}.restrict-button.active{color:#ff8aa0;background:#ff406029;border-color:#ff40606b;box-shadow:0 0 0 3px #ff406014}.lobby-chat-actions{align-items:center;gap:8px;display:flex}.lobby-chat-panel.collapsed{justify-content:center;width:auto;min-width:0;min-height:58px;max-height:58px;padding:0}.lobby-chat-panel.collapsed:before{width:100%;height:3px;position:absolute;inset:0 0 auto}.lobby-chat-restore{width:100%;min-height:58px;color:var(--text);letter-spacing:0;writing-mode:initial;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;font-weight:950;display:flex}.lobby-chat-restore svg{width:22px;height:22px}.lobby-chat-restore strong{min-width:28px;min-height:28px;color:var(--mint);writing-mode:initial;background:#32d6a229;border-radius:999px;place-items:center;display:grid}.input-with-button{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.input-with-button button,.admin-actions button{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--text);background:#ffffff0e;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:950;display:inline-flex}.input-with-button button:hover:not(:disabled),.admin-actions button:hover:not(:disabled){background:#ffffff17;border-color:#94a3b86b;transform:translateY(-1px)}.admin-actions button.danger{color:#ff9bad;background:#ff40601f;border-color:#ff406057}.admin-modal-surface{grid-template-rows:auto minmax(0,1fr) auto;gap:14px;width:min(1180px,100vw - 28px);height:min(860px,100dvh - 28px);max-height:calc(100dvh - 28px);display:grid;overflow:hidden}.admin-login{align-self:start;gap:14px;display:grid}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.admin-toolbar .secondary-button,.admin-toolbar .danger-button{width:auto;min-width:max-content;min-height:40px;margin:0;padding:0 12px}.admin-toolbar .danger-button{flex:0 auto}.admin-section{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;padding:12px;display:grid;overflow:hidden}.admin-room-list,.admin-records{gap:10px;min-height:0;padding-right:4px;display:grid;overflow:auto}.admin-room-card,.admin-record,.admin-attachment{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b}.admin-room-card{min-width:0;padding:12px}.admin-room-head,.admin-participant,.admin-attachment{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.admin-room-head{border-bottom:1px solid var(--line);align-items:flex-start;padding-bottom:10px}.admin-room-head strong,.admin-participant strong,.admin-record strong,.admin-attachment strong{text-overflow:ellipsis;min-width:0;color:var(--text);overflow:hidden}.admin-room-head span,.admin-participant span,.admin-record span,.admin-attachment em{color:var(--muted);font-size:12px;font-style:normal;font-weight:800;display:block}.admin-participants{gap:8px;padding-top:10px;display:grid}.admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;display:flex}.admin-actions button{white-space:nowrap;min-width:0}.admin-section .empty-state{min-height:190px}.admin-actions svg,.admin-attachment svg{width:15px;height:15px}.admin-record{padding:10px}.admin-record p{color:var(--text);margin:6px 0 0;font-size:13px;line-height:1.45}.admin-records h4{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:8px 0 0;font-size:12px}.admin-attachment{color:inherit;padding:10px;text-decoration:none}.admin-attachment>span{flex:1;min-width:0}.admin-error{border-radius:var(--radius);color:#ff9bad;background:#ff40601c;border:1px solid #ff406057;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:900}.attachment-preview{border:1px solid var(--line);width:min(100%,340px);color:var(--text);box-shadow:var(--shadow-xs);background:#ffffff0e;border-radius:14px;overflow:hidden}.attachment-preview.image{text-decoration:none;display:grid}.attachment-preview.image img,.attachment-preview.video video{object-fit:contain;background:#05070b;width:100%;max-height:280px;display:block}.attachment-preview.image span,.attachment-preview.video a,.attachment-preview.file{min-width:0;color:inherit;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;text-decoration:none;display:grid}.attachment-preview.image span{grid-template-columns:18px minmax(0,1fr) auto}.attachment-preview strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.attachment-preview em{color:var(--muted);white-space:nowrap;font-size:11px;font-style:normal;font-weight:800}.attachment-preview.file{padding:12px}.attachment-preview.file span{gap:2px;min-width:0;display:grid}.attachment-preview.file:hover,.attachment-preview.video a:hover,.attachment-preview.image:hover{background:#ffffff16;border-color:#94a3b86b;transform:translateY(-1px)}.spin{animation:.86s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1320px){.lobby-layout{grid-template-columns:minmax(320px,.42fr) minmax(0,1fr)}.lobby-chat-panel{min-height:min(520px,72dvh)}}@media (width<=1180px){.room-workspace,.room-workspace.dock-collapsed{grid-template-columns:minmax(0,1fr);height:auto;min-height:100dvh;overflow:visible}.presentation-stage{min-height:min(620px,70dvh)}}@media (width<=920px){.lobby-layout{grid-template-columns:minmax(0,1fr);width:calc(100% - 18px)}.rooms-list{grid-template-columns:repeat(auto-fill,minmax(min(292px,100%),1fr))}.modal-surface{width:min(640px,100vw - 24px)}}@media (width<=760px){.room-workspace{min-height:100dvh}.command-actions{grid-template-columns:minmax(0,1fr) 48px 44px 44px;align-items:center;display:grid}.command-actions .view-switch{min-width:0}.command-actions .room-live,.command-actions .top-leave-button{width:44px;min-width:0;padding:0}.avatar-palette-popover{right:-44px}.presentation-stage.focus{grid-template-rows:minmax(340px,56dvh) 104px}.control-bar{gap:6px}.control-button{grid-template-rows:18px auto;grid-template-columns:1fr;gap:2px;height:52px;padding:0 2px}.control-button svg{width:17px;height:17px}.control-button span{text-overflow:clip;white-space:normal;font-size:clamp(8px,2.15vw,10px);line-height:1.05;overflow:hidden}.chat-limit-row{grid-template-columns:34px minmax(0,1fr) 64px auto}.chat-limit-row button{grid-column:3/-1;width:100%}}.admin-entry-button{appearance:none;cursor:pointer;transition:transform var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph), box-shadow var(--motion-slow) var(--morph);padding:0}.admin-entry-button:hover{background:#32d6a233;border-color:#32d6a280;transform:translateY(-1px)scale(1.01);box-shadow:0 14px 30px #00000038,0 0 0 4px #32d6a217}.admin-entry-button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.lobby-layout{transition:grid-template-columns .72s var(--morph), grid-template-rows .72s var(--morph)}.lobby-layout.chat-collapsed{grid-template-rows:auto minmax(0,1fr);grid-template-columns:348px minmax(430px,1fr) minmax(300px,356px);align-items:start}.lobby-layout.chat-collapsed .create-panel{grid-area:1/1/3}.lobby-layout.chat-collapsed .lobby-chat-panel.collapsed{transform-origin:top;width:auto;min-height:58px;max-height:58px;animation:lobbyChatCollapseIn .68s var(--morph) both;grid-area:1/2/auto/4;position:sticky;top:22px}.lobby-layout.chat-collapsed .lobby-board{grid-area:2/2/auto/4;min-height:calc(100vh - 120px)}@keyframes lobbyChatCollapseIn{0%{opacity:0;transform:translateY(5px)scaleY(1.01)}to{opacity:1;transform:translateY(0)scaleY(1)}}@media (width<=1320px){.lobby-layout.chat-collapsed{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(320px,.42fr) minmax(0,1fr)}.lobby-layout.chat-collapsed .create-panel{grid-area:1/1/3}.lobby-layout.chat-collapsed .lobby-chat-panel.collapsed{grid-area:1/2}.lobby-layout.chat-collapsed .lobby-board{grid-area:2/2}}@media (width<=920px){.lobby-layout.chat-collapsed{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.lobby-layout.chat-collapsed .create-panel,.lobby-layout.chat-collapsed .lobby-chat-panel.collapsed,.lobby-layout.chat-collapsed .lobby-board{grid-area:auto/1}.lobby-layout.chat-collapsed .lobby-chat-panel.collapsed{position:relative;top:auto}}@media (width<=760px){.admin-modal-surface{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:14px}.admin-dashboard{grid-template-rows:auto auto auto;padding-right:2px;overflow:auto}.admin-toolbar{grid-template-columns:1fr;display:grid}.admin-toolbar .secondary-button,.admin-toolbar .danger-button{width:100%;min-width:0}.admin-grid{grid-template-columns:minmax(0,1fr);overflow:visible}.admin-section{min-height:min(480px,70dvh)}.admin-room-head,.admin-participant{flex-direction:column;align-items:stretch}.admin-actions{justify-content:flex-start}.admin-actions button{flex:128px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.lobby-head-actions,.create-panel-actions{align-items:center;gap:10px;display:inline-flex}.lobby-head-actions{justify-self:end;min-width:0}.mobile-create-button,.mobile-create-close{display:none}.status-ribbon{flex-wrap:wrap;gap:10px;margin:12px 0 14px;display:flex}.status-pill{color:#f4f8f6eb;min-height:48px;transition:transform var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph);background:linear-gradient(135deg,#ffffff14,#ffffff08),#0a0e12a3;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:9px 12px;display:inline-grid;box-shadow:0 16px 34px #0000002e}.status-pill svg{width:18px;height:18px;color:var(--mint)}.status-pill span{gap:2px;min-width:0;display:grid}.status-pill strong{font-size:.78rem}.status-pill em{color:#dce6e2ad;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-style:normal;overflow:hidden}.status-pill.warn{border-color:#f6c15c3d}.status-pill.warn svg{color:#f6c15c}.status-pill.danger{border-color:#ff7aa847}.status-pill.danger svg{color:#ff7aa8}.status-pill.quiet svg{color:#ffffff9e}.room-live-badges{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.room-live-badges span{color:#e8f2f5d1;background:#5cc8ff14;border:1px solid #5cc8ff29;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:6px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.room-live-badges svg{color:#5cc8ff;width:14px;height:14px}.join-diagnostics{flex-wrap:wrap;gap:8px;display:flex}.diagnostic-chip{color:#f3f8f6d1;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:7px 10px;font-size:.75rem;font-weight:850;display:inline-flex}.diagnostic-chip svg{width:14px;height:14px}.diagnostic-chip.ok{color:#d1ffeee6;border-color:#32d6a23d}.diagnostic-chip.ok svg{color:var(--mint)}.diagnostic-chip.warn{color:#ffe6b5f0;border-color:#f6c15c3d}.diagnostic-chip.warn svg{color:#f6c15c}.join-diagnostics>em{color:#ffb3c7;flex-basis:100%;font-size:.75rem;font-style:normal}.participant-action-sheet{z-index:75;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fadeIn var(--motion-medium) var(--morph) both;background:#04070a94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.participant-action-surface{width:min(420px,100vw - 28px);animation:modalMorph var(--motion-slow) var(--morph) both;background:linear-gradient(145deg,#181f26fa,#090d12fa),#111820;border:1px solid #ffffff1f;border-radius:22px;padding:16px;box-shadow:0 28px 90px #00000073}.participant-action-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.participant-action-head strong,.participant-action-head span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.participant-action-head span{color:#e0eae69e;font-size:.76rem}.participant-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.participant-action-button,.participant-danger-zone button{color:#f4f8f6e0;min-height:44px;transition:transform var(--motion-medium) var(--morph), border-color var(--motion-medium) var(--morph), background-color var(--motion-medium) var(--morph);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.participant-action-button:hover,.participant-danger-zone button:hover:not(:disabled){background:#32d6a21a;border-color:#32d6a247;transform:translateY(-1px)}.participant-action-button.blocked{color:#ffe4ae;background:#f6c15c1a;border-color:#f6c15c47}.participant-action-button svg,.participant-danger-zone svg{width:16px;height:16px}.participant-danger-zone{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.participant-danger-zone button:disabled{cursor:not-allowed;opacity:.42}.participant-danger-zone .danger{color:#ffc1d4;background:#ff7aa814;border-color:#ff7aa83d}.admin-metrics{grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;display:grid}.admin-metric-card{background:linear-gradient(135deg,#ffffff14,#ffffff08),#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;min-height:76px;padding:12px;display:grid}.admin-metric-card>svg{width:18px;height:18px;color:var(--mint)}.admin-metric-card span{min-width:0;display:grid}.admin-metric-card em,.admin-metric-card small{color:#e1ebe89e;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-style:normal;overflow:hidden}.admin-metric-card strong{color:#f8fcfaf0;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}@media (width<=1180px){.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.lobby-layout,.lobby-layout.chat-collapsed{flex-direction:column;gap:12px;min-height:100dvh;padding:8px;animation:none;display:flex;transform:none}.lobby-board{order:1;min-height:auto}.lobby-chat-panel{order:2}.create-panel{z-index:70;opacity:0;pointer-events:none;max-height:min(86dvh,760px);transition:transform var(--motion-slow) var(--morph), opacity var(--motion-medium) var(--morph);order:3;position:fixed;inset:auto 8px 8px;overflow:auto;transform:translateY(calc(100% + 18px))scale(.985)}.create-panel.mobile-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1);box-shadow:0 -24px 90px #0000008a}.mobile-create-button{color:#e4fff4f2;white-space:nowrap;background:#32d6a21f;border:1px solid #32d6a23d;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:auto;min-width:118px;min-height:44px;padding:0 14px;font-weight:900;display:inline-flex}.mobile-create-button span{white-space:nowrap;display:inline}.mobile-create-button svg,.mobile-create-close svg{width:17px;height:17px}.mobile-create-close{display:inline-grid}.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-board>.section-head{grid-template-columns:minmax(0,1fr) auto;gap:10px}.lobby-board>.section-head:after{font-size:34px;top:16px;right:0}.lobby-head-actions .icon-button{width:44px;height:44px}.status-ribbon{grid-template-columns:minmax(0,1fr);display:grid}.status-pill em{white-space:normal}.room-tools{gap:8px}.rooms-list{min-height:240px}.admin-metrics{grid-template-columns:minmax(0,1fr)}.participant-action-sheet{align-items:end;padding:8px}.participant-action-surface{border-radius:22px 22px 18px 18px;width:100%}}.media-tile.speaking{border-color:#ffffff1c;animation:none!important}.media-tile.active.speaking{border-color:#3b82f6bd}.media-tile.speaking .tile-label{background:#06080cc7;border-color:#ffffff21}.media-tile.speaking .tile-icons .speaking-indicator{color:var(--mint)}.settings-panel,.dock-panel{max-width:100%;overflow-x:hidden}.settings-panel .mixer-group,.settings-panel .settings-row,.settings-panel .toggle-row,.settings-panel .device-row,.settings-panel .quality-selector,.settings-panel .option-buttons,.settings-panel .quality-options,.settings-panel .network-panel,.settings-panel .shortcut-note{min-width:0;max-width:100%}.settings-panel .settings-row{grid-template-columns:34px minmax(0,1fr) minmax(62px,78px) minmax(54px,auto)}.settings-panel .room-title-settings-row{grid-template-columns:34px minmax(0,1fr)}.settings-panel .room-title-settings-row input,.settings-panel .room-title-settings-row button{grid-column:1/-1}.settings-panel .chat-limit-row{grid-template-columns:34px minmax(0,1fr) minmax(58px,.45fr) auto minmax(58px,.45fr) auto}.settings-panel .chat-limit-row button{grid-column:1/-1}.settings-panel input,.settings-panel select,.settings-panel button{min-width:0}.settings-panel .toggle-copy strong,.settings-panel .toggle-copy em,.settings-panel .slider-copy strong,.settings-panel .slider-copy em{white-space:normal}.settings-panel .option-buttons,.settings-panel .quality-options{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.settings-panel .option-buttons button,.settings-panel .quality-options button{min-width:0}.settings-panel .network-grid{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.room-close-settings-button{justify-content:center;align-items:center;gap:8px;min-height:46px;display:inline-flex}@media (width<=520px){.settings-panel .settings-row,.settings-panel .chat-limit-row{grid-template-columns:34px minmax(0,1fr)}.settings-panel .settings-row input,.settings-panel .settings-row button,.settings-panel .settings-unit{grid-column:1/-1}}.admin-modal-surface{grid-template-rows:auto minmax(0,1fr) auto;width:min(1180px,100vw - 32px);height:min(860px,100dvh - 32px);max-height:calc(100dvh - 32px);display:grid;overflow:hidden}.admin-dashboard{grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;min-height:0;display:grid;overflow:hidden}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.admin-toolbar .secondary-button,.admin-toolbar .danger-button{flex:0 auto;width:auto;min-width:0;min-height:40px;margin:0;padding:0 12px}.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:10px;min-width:0;display:grid}.admin-metric-card{min-width:0;min-height:68px}.admin-ip-search{min-width:0;margin:0}.admin-ip-search .input-with-button{grid-template-columns:minmax(0,1fr) minmax(68px,auto)}.admin-grid{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:14px;min-height:0;display:grid;overflow:hidden}.admin-section{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.admin-room-list,.admin-records{align-content:start;min-width:0;min-height:0;overflow:auto}.admin-room-head,.admin-participant{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;display:grid}.admin-room-head>div:first-child,.admin-participant>div:first-child{min-width:0}.admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;max-width:100%;display:flex}.admin-actions button{white-space:nowrap;min-width:0;max-width:100%;height:36px;padding:0 9px}.admin-actions button span{text-overflow:ellipsis;min-width:0;overflow:hidden}.admin-attachment{grid-template-columns:18px minmax(0,1fr);align-items:center;display:grid}.admin-attachment>span{grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;margin-top:0;display:grid}@media (width<=980px){.admin-modal-surface{width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.admin-dashboard{padding-right:2px;overflow:auto}.admin-grid{grid-template-columns:minmax(0,1fr);overflow:visible}.admin-section{min-height:min(520px,72dvh)}}@media (width<=620px){.admin-modal-surface{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:12px}.admin-toolbar{grid-template-columns:minmax(0,1fr);display:grid}.admin-toolbar .secondary-button,.admin-toolbar .danger-button{justify-content:center;width:100%}.admin-metrics,.admin-room-head,.admin-participant{grid-template-columns:minmax(0,1fr)}.admin-actions{justify-content:flex-start}.admin-actions button{flex:120px}}.participants-panel,.participants-list,.participant-row,.participant-action-surface,.participant-action-grid,.participant-danger-zone{min-width:0;max-width:100%}.participant-row{grid-template-columns:38px minmax(0,1fr) auto auto auto;overflow:hidden}.participant-name,.participant-name strong,.participant-name span{min-width:0}.participant-name strong,.participant-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-dots,.host-mark,.participant-row .icon-button{flex:none}.participant-action-sheet{overflow:auto}.participant-action-surface{width:min(420px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.participant-action-head{grid-template-columns:auto minmax(0,1fr) 38px}.participant-action-head>div{min-width:0}.participant-action-grid,.participant-danger-zone{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-action-button,.participant-danger-zone button{width:100%;min-width:0;max-width:100%;min-height:44px;padding:0 10px;overflow:hidden}.participant-action-button svg,.participant-danger-zone button svg{flex:none}.participant-action-button span,.participant-danger-zone button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.participant-row.speaking .ddat-avatar{box-shadow:0 0 0 4px color-mix(in srgb, var(--avatar-color) 18%, transparent);transform:translateY(-1px)}@media (width<=380px){.participant-action-grid,.participant-danger-zone{grid-template-columns:minmax(0,1fr)}.participant-row{grid-template-columns:34px minmax(0,1fr) auto}.participant-row .media-dots,.participant-row .host-mark{display:none}}