:root{--bg-main: #1b1d21;--bg-soft: #16171a;--surface: #2b2d31;--surface-raised: #313338;--surface-alt: #23252a;--surface-soft: #1f2024;--text-main: #f2f3f5;--text-soft: #b5bac1;--text-dim: #949ba4;--accent: #2f89b7;--accent-strong: #266f93;--accent-soft: rgba(47, 137, 183, .2);--danger: #ed4245;--success: #3ba55d;--border: #3f4147;--border-soft: #37393f;--shadow: 0 20px 40px rgba(0, 0, 0, .34);--shadow-soft: 0 10px 20px rgba(0, 0, 0, .22);--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 24px;--radius-main: 16px;--focus-ring: 0 0 0 2px rgba(136, 149, 255, .9)}*{box-sizing:border-box}body{position:relative;isolation:isolate;margin:0;min-height:100vh;color:var(--text-main);font-family:Manrope,Segoe UI,sans-serif;font-size:15px;line-height:1.45;background:radial-gradient(1000px 430px at -8% -10%,rgba(47,137,183,.24) 0%,transparent 65%),radial-gradient(850px 420px at 108% -6%,rgba(241,164,77,.16) 0%,transparent 60%),linear-gradient(180deg,#15161a 0%,var(--bg-main) 55%,#17181c 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 40%),repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 52px);opacity:.45;z-index:0}#root{position:relative;z-index:1;min-height:100vh}a{color:#a7afff}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Space Grotesk,Manrope,sans-serif;font-weight:700}.app-shell{max-width:1840px;margin:0 auto;min-height:100vh;padding:var(--space-4)}.app-loader-shell{display:flex;align-items:center;justify-content:center}.app-loader-card{width:min(420px,100%);display:grid;gap:14px;justify-items:center;text-align:center;padding:clamp(20px,4vw,28px);border-radius:22px;border:1px solid rgba(136,149,255,.35);background:radial-gradient(circle at 18% 14%,rgba(88,101,242,.24) 0%,transparent 52%),radial-gradient(circle at 84% 80%,rgba(47,137,183,.22) 0%,transparent 56%),#14161ce6;box-shadow:0 16px 38px #0006,inset 0 1px #ffffff14}.app-loader-orb{position:relative;width:90px;height:90px}.app-loader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid transparent}.app-loader-ring-outer{border-top-color:#6e8dff;border-right-color:#5ec7f0;animation:app-loader-spin 1.4s linear infinite}.app-loader-ring-middle{top:14px;right:14px;bottom:14px;left:14px;border-left-color:#5ec7f0;border-bottom-color:#6e8dfff2;animation:app-loader-spin 1s linear infinite reverse}.app-loader-dot{position:absolute;width:12px;height:12px;top:50%;left:50%;border-radius:999px;transform:translate(-50%,-50%);background:#f7fbff;box-shadow:0 0 18px #7ebfffe6;animation:app-loader-pulse 1.05s ease-in-out infinite}.app-loader-copy{display:grid;gap:6px}.app-loader-copy strong{font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(22px,3vw,28px);letter-spacing:-.02em}.app-loader-copy span{color:var(--text-soft);font-size:clamp(14px,2.4vw,16px)}@keyframes app-loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes app-loader-pulse{0%,to{transform:translate(-50%,-50%) scale(.95);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.discord-shell{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-3);align-items:start}.discord-serverbar{position:sticky;top:14px;height:calc(100vh - 28px);padding:var(--space-2) 8px;border:1px solid #2f3137;border-radius:var(--radius-main);background:linear-gradient(180deg,#5865f224,#5865f200 40%),linear-gradient(90deg,rgba(255,255,255,.04),transparent 35%),var(--bg-soft);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.admin-shell .discord-serverbar{background:linear-gradient(180deg,#ed424529,#ed424500 40%),var(--bg-soft)}.server-pill{position:relative;width:50px;height:50px;border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(180deg,#2d3038,#272a31);color:var(--text-main);font-weight:700;letter-spacing:.03em;cursor:default;transition:border-radius .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.server-pill.interactive{cursor:pointer}.server-pill.interactive:hover:not(:disabled){border-radius:12px;border-color:#8895ff6b;transform:translateY(-1px)}.server-pill.interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.server-pill-label{display:inline-flex;align-items:center;justify-content:center;width:100%}.server-pill-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;border:1px solid rgba(21,22,26,.9);background:var(--danger);color:#fff;font-size:11px;font-weight:800;line-height:16px;display:inline-flex;align-items:center;justify-content:center}.server-pill.active{border-color:#5865f280;background:linear-gradient(180deg,#5f6dff,#4b57d7);box-shadow:0 6px 16px #5865f257}.admin-shell .server-pill.active{border-color:#ed424580;background:linear-gradient(180deg,#ef5a5d,#cf3e42);box-shadow:0 6px 16px #ed424547}.discord-view{min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.topbar{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:12px 14px;border-radius:calc(var(--radius-main) + 2px);border:1px solid var(--border);background:linear-gradient(140deg,rgba(47,137,183,.2) 0%,rgba(47,137,183,.06) 46%,transparent 100%),radial-gradient(340px 150px at 98% -18%,rgba(241,164,77,.2),transparent 72%),var(--surface);box-shadow:var(--shadow-soft)}.topbar:after{content:"";position:absolute;width:240px;height:240px;border-radius:999px;right:-120px;top:-130px;background:radial-gradient(circle,#ffffff29,#fff0 68%);pointer-events:none}.topbar-surface{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.admin-shell .topbar{background:linear-gradient(155deg,rgba(237,66,69,.14) 0%,rgba(237,66,69,.03) 45%,transparent 100%),var(--surface)}.admin-shell .topbar-eyebrow{border-color:#ed424566;background:#ed424533;color:#ffd1d3}.topbar h1{font-size:27px;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}.topbar p{margin-top:var(--space-1);color:var(--text-soft);max-width:74ch}.topbar-subtitle{margin-top:2px;color:var(--text-soft);max-width:60ch;line-height:1.35}.topbar-eyebrow{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(125,140,255,.36);background:#2f89b738;color:#d7eef9;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.workspace-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.workspace-topbar-main{min-width:0;display:grid;gap:6px}.workspace-topbar-meta{margin-top:4px}.workspace-meta-stack{display:grid;gap:5px}.workspace-topbar-action{z-index:1}.project-disclaimer-banner{margin-top:2px;padding:10px 12px;border-radius:14px;border:1px solid rgba(241,164,77,.45);background:linear-gradient(145deg,#f1a44d29,#f1a44d0d 48%,#f1a44d05),var(--surface-alt);color:#ffe4ba;font-size:13px;line-height:1.45}.project-disclaimer-banner strong{color:#fff3dc;margin-right:6px}.workspace-footer{margin-top:2px;padding:6px 2px 0;color:#8e98b8;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.workspace-glance-grid{display:grid;grid-template-columns:repeat(4,minmax(132px,1fr));gap:8px}.workspace-glance-card{border:1px solid rgba(59,143,187,.42);border-radius:12px;background:linear-gradient(180deg,#13202abd,#0e151c85);min-height:54px;padding:8px 10px;display:grid;gap:2px}.workspace-glance-card span{color:#adb5dd;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.workspace-glance-card strong{color:#eef1ff;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.workspace-glance-card.tone-warn{border-color:#ed424573;background:linear-gradient(180deg,#5f1e2580,#3714194d)}.workspace-glance-card.tone-accent{border-color:#5865f27a;background:linear-gradient(180deg,#5865f261,#5865f224)}.admin-shell .workspace-glance-card{border-color:#ed424559;background:linear-gradient(180deg,#3a191fb3,#26131880)}.admin-shell .workspace-glance-card span{color:#ffbec0}.admin-shell .workspace-glance-card strong{color:#ffe8e8}.admin-shell .workspace-glance-card.tone-accent{border-color:#ed424580;background:linear-gradient(180deg,#ed424573,#ed424526)}.user-shell-compact .workspace-topbar{gap:8px;padding:10px 12px}.user-shell-compact .workspace-topbar-main{gap:4px}.user-shell-compact .topbar h1{font-size:22px;line-height:1.08}.user-shell-compact .topbar-subtitle{font-size:12px;max-width:56ch;line-height:1.28;margin-top:1px}.user-shell-compact .workspace-topbar-meta{margin-top:2px}.user-shell-compact .workspace-meta-stack{gap:4px}.user-shell-compact .workspace-topbar-action .admin-link{min-width:106px;min-height:34px;padding:6px 10px;border-radius:9px;font-size:12px}.user-shell-compact .workspace-glance-grid.workspace-glance-grid-compact{grid-template-columns:repeat(4,minmax(104px,1fr));gap:5px}.user-shell-compact .workspace-glance-grid.workspace-glance-grid-compact .workspace-glance-card{min-height:42px;border-radius:9px;padding:5px 7px;gap:1px}.user-shell-compact .workspace-glance-grid.workspace-glance-grid-compact .workspace-glance-card span{font-size:9.5px;letter-spacing:.07em}.user-shell-compact .workspace-glance-grid.workspace-glance-grid-compact .workspace-glance-card strong{font-size:13px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sfu-inline-strip{display:flex;flex-wrap:wrap;gap:4px}.sfu-inline-pill{border:1px solid #3e4b55;border-radius:999px;background:#181f24db;color:#c6d8e3;font-size:10px;padding:2px 7px;line-height:1.35;letter-spacing:.02em}.admin-link{display:inline-flex;align-items:center;justify-content:center;min-width:128px;border-radius:10px;text-decoration:none;padding:10px 14px;font-weight:700;color:#fff;background:linear-gradient(180deg,#6573ff,#4f5bdd);box-shadow:0 7px 16px #5865f252;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.admin-shell .admin-link{background:linear-gradient(180deg,#ef5f63,#d84a4e);box-shadow:0 7px 16px #ed424542}.admin-link:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.admin-link:focus-visible{outline:2px solid rgba(136,149,255,.9);outline-offset:2px}.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 30%),var(--surface);border:1px solid var(--border);border-radius:var(--radius-main);padding:var(--space-3);box-shadow:var(--shadow);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;animation:panel-appear .32s ease both;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel:hover{border-color:#4c5060;box-shadow:0 20px 44px #00000061}.panel:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,#5865f2a6,#5865f200)}.admin-shell .panel:before{background:linear-gradient(90deg,#ed4245a6,#ed424500)}@keyframes panel-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.discord-layout{min-width:0;display:grid;gap:var(--space-3)}.lobby-layout{grid-template-columns:320px minmax(0,1fr) 336px}.live-layout{grid-template-columns:312px minmax(0,1fr) 428px}.admin-layout-grid{grid-template-columns:300px minmax(0,1fr) 340px}.discord-main{min-width:0;display:grid;gap:var(--space-3)}.lobby-main-column{align-content:start}.discord-sidebar{min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.live-media-panel{display:grid;gap:8px}.live-chat-overlay{position:fixed;top:0;right:0;bottom:0;width:min(460px,38vw);padding:12px;z-index:1100;transform:translate(104%);transition:transform .24s ease;pointer-events:none}.live-chat-overlay.open{transform:translate(0);pointer-events:auto}.live-chat-overlay>.discord-chat-panel{height:100%;box-shadow:0 18px 40px #0000006b}.chat-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1090;border:0;background:#04060a9e}.chat-fab{position:fixed;right:18px;bottom:16px;z-index:1120;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border:1px solid rgba(88,101,242,.5);border-radius:999px;background:linear-gradient(180deg,#6573ff,#505ddd);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;box-shadow:0 10px 22px #3340a566}.chat-fab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff6366;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.lobby-hero-panel{display:grid;gap:var(--space-3);background:linear-gradient(150deg,#5865f22e,#3ca8a70f 48%,#0e101805),var(--surface)}.lobby-quickstart-panel{gap:var(--space-2)}.lobby-hero-header{display:grid;gap:var(--space-2)}.lobby-hero-header .field-hint{margin-bottom:0}.lobby-step-list{display:grid;gap:8px}.lobby-step-list article{border:1px solid rgba(105,118,224,.32);border-radius:11px;padding:9px 10px;background:linear-gradient(180deg,#181c2c94,#12142057);display:grid;gap:4px}.lobby-step-list strong{font-size:13px;color:#eef2ff}.lobby-step-list span{font-size:12px;color:#b7c0e4;line-height:1.35}.lobby-glance-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:var(--space-2)}.lobby-glance-card{border:1px solid rgba(105,118,224,.35);border-radius:11px;padding:var(--space-2);min-height:62px;display:grid;gap:4px;background:linear-gradient(180deg,#181c2cad,#1214207a)}.lobby-glance-card span{color:#b4bbe2;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.lobby-glance-card strong{color:#edf0ff;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.lobby-glance-card.is-warn{border-color:#ed424570;background:linear-gradient(180deg,#5e202770,#3a181e57)}.privacy-consent-box{display:grid;gap:4px;padding:8px 10px;border-radius:10px;border:1px solid rgba(93,111,232,.3);background:#28345733}.privacy-consent-box .MuiFormControlLabel-root{margin:0}.privacy-consent-box .MuiFormControlLabel-label{font-size:13px;color:#e2e9ff}.privacy-consent-box a{color:#b8c3ff}.sidebar-section{display:grid;gap:var(--space-2);border:1px solid rgba(79,84,101,.52);border-radius:12px;background:linear-gradient(180deg,#ffffff05,#fff0);padding:var(--space-2)}.room-sidebar .sidebar-section,.lobby-directory-panel .sidebar-section,.lobby-overview-panel .sidebar-section{background:linear-gradient(180deg,#5865f20f,#fff0)}.sidebar-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sidebar-toggle,.lobby-section-toggle{display:none!important;min-width:auto;font-size:12px;padding:3px 8px!important}.media-section{display:grid;gap:var(--space-2);border:1px solid rgba(79,84,101,.52);border-radius:12px;background:linear-gradient(180deg,#ffffff05,#fff0);padding:var(--space-2)}.media-section.media-section-compact{gap:6px;padding:8px}.admin-shell .sidebar-section,.admin-shell .media-section{border-color:#81454b94;background:linear-gradient(180deg,#ed424514,#fff0)}.media-section-head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.media-section-head strong{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.media-section-title{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.media-head-inline-meta{color:#90b1c2;font-size:10px;letter-spacing:.03em;text-transform:none;line-height:1.25}.media-section-toggle{display:none!important;min-width:auto;font-size:12px;padding:3px 8px!important}.live-media-panel .media-section>.row-actions{margin-bottom:0}.chat-panel{min-width:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#2f89b714,#fff0),var(--surface)}.admin-main-panel{min-height:calc(100vh - 195px)}.admin-control-sidebar,.admin-activity-sidebar{display:grid;gap:var(--space-3);align-content:start}.admin-auth-layout{grid-template-columns:minmax(0,560px);justify-content:center}.admin-auth-card{min-height:auto;display:grid;gap:var(--space-3);background:linear-gradient(150deg,rgba(237,66,69,.14) 0%,rgba(237,66,69,.04) 48%,transparent 100%),var(--surface)}.admin-auth-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:center}.admin-auth-badge{width:42px;height:42px;border-radius:12px;border:1px solid rgba(237,66,69,.45);background:#ed424533;color:#ffd8d9;display:inline-flex;align-items:center;justify-content:center}.admin-auth-form{display:grid;gap:var(--space-2)}.admin-auth-form .MuiFormHelperText-root{margin-top:2px;color:var(--text-soft)}.admin-auth-subtitle{color:var(--text-soft)}.admin-auth-hint{border:1px dashed rgba(237,66,69,.42);border-radius:10px;background:#ed424517;color:#ffd7d8;font-size:13px;padding:10px}.admin-auth-actions{margin-bottom:0}.admin-alert,.admin-inline-progress{margin-top:var(--space-2)}.admin-tab-progress{margin-bottom:var(--space-2)}.panel h2{font-size:20px;margin-bottom:var(--space-2)}.panel-section-title{margin-bottom:var(--space-2)}.room-heading{margin-bottom:var(--space-1)}.lobby-heading{margin-bottom:var(--space-3)}.lobby-prejoin-panel{background:linear-gradient(168deg,rgba(88,101,242,.08) 0%,rgba(88,101,242,.02) 42%,transparent 100%),var(--surface)}.sidebar-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.stats-inline{font-size:12px;color:var(--text-soft)}.field-grid{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}.field-grid-main-join{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid-main-join>:nth-child(3){grid-column:1 / -1}.app-shell label:not(.MuiFormLabel-root){display:grid;gap:6px;font-size:13px;color:var(--text-soft);font-weight:600}.app-shell input,.app-shell textarea,.app-shell select,.app-shell button{font:inherit}.app-shell input:not(.MuiInputBase-input):not(.MuiSelect-nativeInput),.app-shell textarea:not(.MuiInputBase-input),.app-shell select:not(.MuiSelect-select){border-radius:10px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-main);padding:10px 12px;width:100%}.app-shell textarea:not(.MuiInputBase-input){resize:vertical}.app-shell button,.app-shell .MuiButton-root{border-radius:10px;text-transform:none;font-weight:700;min-height:38px;letter-spacing:.01em;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease}.app-shell button:not(.MuiButtonBase-root):not([class]){border:0;padding:10px 14px;background:var(--accent);color:#fff;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.app-shell button:not(.MuiButtonBase-root):not([class]):hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);box-shadow:var(--shadow-soft)}.app-shell button:not(.MuiButtonBase-root):disabled,.app-shell .MuiButton-root:disabled{opacity:.58;cursor:default}.app-shell button:focus-visible,.app-shell .MuiButtonBase-root:focus-visible{outline:2px solid rgba(136,149,255,.9);outline-offset:2px}.MuiButton-containedPrimary{background:linear-gradient(180deg,#6371ff,#4f5bdd);box-shadow:0 6px 16px #5865f24d}.MuiButton-containedPrimary:hover{background:linear-gradient(180deg,#727fff,#5865f2)}.admin-shell .MuiButton-containedPrimary{background:linear-gradient(180deg,#ef5a5d,#d04448);box-shadow:0 6px 16px #ed424547}.admin-shell .MuiButton-containedPrimary:hover{background:linear-gradient(180deg,#f06a6d,#e15154)}.MuiButton-outlined{border-color:var(--border)!important;color:var(--text-main);background:var(--surface-soft)}.MuiButton-outlined:hover{border-color:#5865f2!important;background:#5865f21f}.admin-shell .MuiButton-outlined:hover{border-color:#ef5a5d!important;background:#ed42451f}.app-shell button.secondary,.app-shell .MuiButton-root.secondary{background:#3a3d44;color:var(--text-main)}.app-shell button.danger,.app-shell .MuiButton-root.danger{background:var(--danger)}.app-shell button.active-tab{background:var(--accent-strong)}.control-on{background:var(--success)!important;color:#f4fff8!important}.app-shell button.control-on:hover:not(:disabled),.app-shell .MuiButton-root.control-on:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow-soft)}.row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3);align-items:center}.admin-tab-toolbar{align-items:flex-end}.admin-tab-toolbar>.admin-filter-field{flex:1 1 220px;min-width:220px}.admin-tab-toolbar>.admin-filter-field.admin-filter-field-sm{flex:0 1 140px;min-width:140px}.admin-tab-toolbar>.admin-filter-field.admin-filter-field-md{flex:0 1 180px;min-width:180px}.admin-tab-toolbar>.admin-room-search-field{flex:1 1 260px;min-width:260px}.admin-tab-toolbar>.MuiChip-root{flex:0 0 auto}.admin-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-2);margin-bottom:var(--space-2)}.admin-resource-card{border:1px solid rgba(100,111,126,.48);border-radius:12px;background:#1e242bd1;padding:10px;display:grid;gap:5px;min-height:112px}.admin-resource-card>span{color:#9fb2bf;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.admin-resource-card>strong{color:#edf7ff;font-size:14px;line-height:1.25;overflow-wrap:anywhere}.admin-resource-card>small{color:#a8bbc9;font-size:11px}.admin-resource-card.tone-ok{border-color:#54ae8585}.admin-resource-card.tone-warn{border-color:#dc9b569e;background:#3d2c1b70}.admin-resource-card.tone-crit{border-color:#ef5a5da8;background:#461d2285}.admin-resource-sparkline{height:26px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(3px,1fr);gap:2px;align-items:end}.admin-resource-sparkline span{border-radius:3px 3px 1px 1px;background:#7d9ab1;min-height:2px}.admin-resource-sparkline.tone-cpu span{background:#8bc6ff}.admin-resource-sparkline.tone-memory span{background:#8bffb2}.admin-resource-sparkline.tone-disk span{background:#ffd18b}.admin-resource-sparkline.tone-lag span{background:#ff9da3}.admin-resource-sparkline.tone-net span{background:#c5b2ff}.admin-resource-alerts{display:grid;gap:6px;margin-bottom:var(--space-2)}.admin-resource-alert{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(239,90,93,.55);border-radius:10px;padding:7px 9px;background:#621e2566;color:#ffd9dc;font-size:12px}.row-actions.row-actions-compact{margin-bottom:var(--space-2)}.field-hint{margin-bottom:var(--space-3);color:var(--text-soft);font-size:13px;line-height:1.45}.lobby-collapsed-hint{margin-bottom:0}.channel-list,.participant-list{display:grid;gap:var(--space-1)}.channel-item,.participant-item{width:100%;border:1px solid var(--border-soft);border-radius:8px;background:#2f3239;color:var(--text-soft);padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.channel-item{justify-content:flex-start;text-align:left}.channel-item:hover,.participant-item:hover{border-color:#8895ff73;background:#353942;color:#dfe2ff}.channel-item .MuiSvgIcon-root,.participant-item .MuiSvgIcon-root{font-size:16px}.channel-item.active-tab,.participant-item.active-tab{background:var(--accent-soft);border-color:#5865f280;color:#dfe2ff}.channel-item:focus-visible,.participant-item:focus-visible{outline:none;box-shadow:0 0 0 2px #8895ffe6}.unread-badge{min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;font-size:11px;font-weight:700;color:#fff;background:var(--danger)}.invite-card{border:1px solid rgba(84,151,185,.44);border-radius:14px;padding:10px;display:grid;gap:10px;background:linear-gradient(180deg,#2f89b733,#2f89b70d),var(--surface-alt)}.admin-shell .invite-card{background:linear-gradient(180deg,#ed424524,#ed424508),var(--surface-alt)}.invite-card p{color:var(--text-soft)}.invite-card.invite-card-compact{padding:8px;gap:8px}.invite-card.invite-card-compact .invite-grid{grid-template-columns:minmax(0,1fr);gap:8px}.invite-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.invite-card-head h3{font-size:15px;margin-bottom:2px;color:#ebf8ff}.invite-card-head p{font-size:12px;line-height:1.35}.invite-card.invite-card-compact .invite-card-head{display:grid;justify-content:flex-start;gap:4px}.invite-card.invite-card-compact .invite-card-head h3{font-size:14px}.invite-card.invite-card-compact .invite-card-head p{font-size:11px;line-height:1.3}.invite-head-badge{border:1px solid rgba(99,171,208,.52);border-radius:999px;background:#1a465f8f;color:#bfe8ff;padding:3px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.invite-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.invite-main{display:grid;gap:8px}.invite-card.invite-card-compact .invite-main{gap:6px}.invite-primary-link{display:grid;gap:6px}.invite-primary-link>span{font-size:11px;color:#a8c8d9;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.invite-link-row{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.invite-card.invite-card-compact .invite-link-row{grid-template-columns:minmax(0,1fr)}.invite-card.invite-card-compact .invite-link-row .MuiButton-root{justify-self:stretch;width:100%;justify-content:center}.invite-card.invite-card-compact .invite-primary-link>span{font-size:10px}.invite-card.invite-card-compact .invite-link-code{font-size:11px;line-height:1.3}.invite-kv{display:grid;gap:5px}.invite-kv>span{font-size:11px;color:#a8c8d9;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.invite-card code{display:block;padding:7px 8px;border-radius:8px;background:#161a1d;overflow-wrap:anywhere;border:1px solid #3b4b53;color:#e9f7ff}.invite-card.invite-card-compact code{padding:6px 7px;font-size:12px}.invite-code-row,.invite-password-row{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center}.invite-room-code{font-size:16px;font-weight:700;letter-spacing:.04em;background:linear-gradient(180deg,#172a34d1,#101c22b8);border-color:#5297bb85}.invite-code-inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.invite-code-inline span{color:var(--text-soft);font-size:12px}.invite-code-inline .invite-room-code{display:inline-block;padding:5px 8px}.invite-card.invite-card-compact .invite-code-inline .invite-room-code{padding:4px 7px}.invite-card.invite-card-compact .invite-code-inline{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 6px}.invite-card.invite-card-compact .invite-code-inline .MuiButton-root{grid-column:1 / -1;width:100%;justify-content:center}.invite-actions{display:flex;flex-wrap:wrap;gap:6px}.invite-actions .MuiButton-root{min-height:34px;padding:5px 9px;font-size:12px}.invite-card.invite-card-compact .MuiButton-root{min-height:30px;padding:4px 8px;font-size:11px}.invite-visibility-button{margin-left:0}.qr-wrap{display:inline-flex;align-items:center;justify-content:center;width:164px;min-height:164px;border-radius:10px;background:#fff;border:1px solid #476170;padding:8px}.qr-wrap img{width:148px;height:148px;display:block}.invite-card.invite-card-compact .qr-wrap{justify-self:center;width:116px;min-height:116px;padding:6px}.invite-card.invite-card-compact .qr-wrap img{width:104px;height:104px}.lobby-overview-panel .invite-card-head{display:grid;gap:4px}.lobby-overview-panel .invite-head-badge{justify-self:start}.lobby-overview-panel .invite-grid{grid-template-columns:minmax(0,1fr);gap:8px}.lobby-overview-panel .invite-link-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.lobby-overview-panel .invite-link-row .MuiButton-root{width:100%;justify-content:center}.lobby-overview-panel .qr-wrap{justify-self:center;width:118px;min-height:118px;padding:6px}.lobby-overview-panel .qr-wrap img{width:106px;height:106px}@media (max-width: 720px){.invite-link-row{grid-template-columns:minmax(0,1fr)}}.room-list{display:grid;gap:8px}.room-list.room-list-simple{gap:10px}.room-list-item{border:1px solid rgba(71,140,177,.38);border-radius:14px;padding:10px;display:grid;gap:8px;background:linear-gradient(180deg,#23303ab8,#161f269e),var(--surface-alt);transition:border-color .16s ease,transform .16s ease,background-color .16s ease}.room-list-item:hover{border-color:#63b4dc;background:linear-gradient(180deg,#293b48d6,#1c2730bd),#2a343d;transform:translateY(-1px)}.room-list-item.is-protected{border-color:#f1a44d7a}.room-list-item.room-list-item-simple{background:linear-gradient(180deg,#1e2a34a3,#141e258a),var(--surface-alt)}.room-list-item.room-list-item-simple .MuiButton-root{justify-content:center}.room-list-item-head{display:grid;gap:4px}.room-list-item-head strong{color:#eef8ff;font-size:14px}.room-list-item-head span{font-size:11px;color:#a9c7d7}.room-list-stats{display:flex;flex-wrap:wrap;gap:6px}.room-list-stats span{font-size:12px;color:#d8edfa;border:1px solid rgba(82,143,175,.45);border-radius:999px;background:#132c3c80;padding:3px 8px;display:inline-flex;align-items:center;gap:5px}.room-list-stats span .MuiSvgIcon-root{font-size:14px;color:#8dc7e5}.room-lock{font-size:14px}.prejoin-settings{border:1px solid var(--border);border-radius:12px;padding:var(--space-3);margin-bottom:var(--space-3);background:var(--surface-soft)}.prejoin-settings h3{font-size:16px}.preview-box{border:1px solid #4a4e59;border-radius:12px;min-height:170px;background:#101114;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-box video{width:100%;min-height:170px;object-fit:cover;display:block}.empty-hint{color:var(--text-soft)}.rooms-filter{margin-bottom:var(--space-2)}.rooms-directory-meta{font-size:12px;color:var(--text-dim);margin-bottom:8px}.lobby-overview-highlights{display:grid;gap:8px;margin-bottom:var(--space-2)}.lobby-overview-highlight{border:1px solid rgba(80,143,180,.36);border-radius:11px;padding:9px 10px;background:linear-gradient(180deg,#1c2a34ad,#131d248f);display:grid;gap:4px}.lobby-overview-highlight strong{font-size:13px;color:#eaf7ff}.lobby-overview-highlight span{font-size:12px;color:#b3d0df;line-height:1.35}.lobby-help-panel .invite-card{margin-top:2px}.status-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.status-row.status-row-compact{margin-bottom:0;gap:6px}.status-row.status-row-metrics{margin-bottom:0}.status-row.status-row-top-spaced{margin-top:var(--space-2)}.room-meta-row{display:flex;flex-wrap:wrap;margin-bottom:4px}.status-chip,.MuiChip-root.status-chip{font-size:10.5px;font-weight:600;color:#cde9f8;background:#2f89b733;border:1px solid rgba(47,137,183,.4);border-radius:999px;padding:2px 7px}.admin-shell .status-chip,.admin-shell .MuiChip-root.status-chip{color:#ffd7d8;background:#ed424529;border-color:#ed424557}.status-chip .MuiChip-icon,.MuiChip-root.status-chip .MuiChip-icon{color:#8dc7e5}.admin-shell .status-chip .MuiChip-icon,.admin-shell .MuiChip-root.status-chip .MuiChip-icon{color:#ffb2b4}.status-chip.status-chip-metric,.MuiChip-root.status-chip.status-chip-metric{padding-right:3px}.status-chip.status-chip-metric .MuiChip-label,.MuiChip-root.status-chip.status-chip-metric .MuiChip-label{padding-right:4px}.status-chip.status-chip-warn,.MuiChip-root.status-chip.status-chip-warn{color:#ffe0b2;background:#e67e2233;border-color:#e67e226b}.sfu-telemetry-compact{display:grid;gap:6px}.sfu-telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:6px}.sfu-metric-card{border:1px solid rgba(74,131,160,.48);border-radius:10px;background:linear-gradient(180deg,#16242ec7,#0f181fb8);padding:6px 7px;min-height:52px;display:grid;gap:2px;align-content:start}.sfu-metric-card span{font-size:10px;color:#9ebfd1;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.sfu-metric-card strong{font-size:12px;color:#ecf8ff;line-height:1.2}.sfu-sparkline{width:54px;height:14px;opacity:.92}.sfu-sparkline polyline{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sfu-sparkline.tone-ping polyline{stroke:#84d5ff}.sfu-sparkline.tone-tx polyline{stroke:#8bffb2}.sfu-sparkline.tone-rx polyline{stroke:#ffd18b}.sfu-telemetry-flags{display:flex;flex-wrap:wrap;gap:4px}.sfu-flag{border:1px solid #3e4b55;border-radius:999px;background:#181f24db;color:#c6d8e3;font-size:10px;padding:2px 7px;line-height:1.35;letter-spacing:.02em}.sfu-flag.tone-ok{border-color:#54ae858c;background:#264a3875;color:#c6f4d7}.sfu-flag.tone-muted{border-color:#61758480;background:#2b353e8f;color:#c2cfda}.sfu-flag.tone-warn{border-color:#df99529e;background:#61401e80;color:#ffe1c3}.sfu-inline-pill.tone-ok{border-color:#54ae858c;background:#264a3875;color:#c6f4d7}.sfu-inline-pill.tone-muted{border-color:#61758480;background:#2b353e8f;color:#c2cfda}.sfu-inline-pill.tone-warn{border-color:#df99529e;background:#61401e80;color:#ffe1c3}.metric-chip-label{display:inline-flex;align-items:center;gap:6px}.metric-chip-value{white-space:nowrap}.chip-sparkline{width:42px;height:14px;opacity:.9;flex:0 0 auto}.chip-sparkline polyline{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chip-sparkline.ping polyline{stroke:#84d5ff}.chip-sparkline.tx polyline{stroke:#8bffb2}.chip-sparkline.rx polyline{stroke:#ffd18b}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(186px,1fr));gap:6px;margin-bottom:0}.media-section-video #media-videos-panel{min-width:0}.tile{position:relative;min-height:152px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#131418;border:1px solid #3f434f;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.tile:hover{transform:translateY(-1px);border-color:#5c96b5a3;box-shadow:0 12px 22px #00000040}.tile.speaking{transform:scale(1.035);z-index:3;border-color:#67d6ffd6;box-shadow:0 0 0 1px #67d6ff8c,0 0 20px #4ebce640,0 10px 22px #00000047}.tile.speaking:hover{transform:scale(1.045) translateY(-1px)}.tile.tile-fullscreen.speaking{transform:none}.tile.tile-fullscreen{border-color:#96d4f3bd}.tile.tile-pseudo-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;border-radius:0;border:0;background:#000;aspect-ratio:auto}body.pseudo-fullscreen-active{overflow:hidden}.tile.placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-soft);border-style:dashed}.tile video{width:100%;height:100%;object-fit:cover;display:block}.tile audio{display:none}.tile-label{position:absolute;left:6px;bottom:6px;color:#fff;font-size:11px;padding:3px 7px;border-radius:999px;background:#141518bf;z-index:2}.tile-sub-controls{position:absolute;top:6px;right:6px;z-index:4;display:inline-flex;gap:4px;align-items:center}.tile-sub-label{color:#fff;font-size:10px;padding:2px 7px;border-radius:999px;background:#141518c7}.tile-sub-label-speaking{background:#1d749ae0;border:1px solid rgba(131,214,246,.55)}.tile-sub-label-warn{background:#7a3e1adb;border:1px solid rgba(243,178,123,.58)}.tile-icon-button{width:24px;height:24px;min-height:0!important;min-width:0;padding:0;border:1px solid rgba(174,203,221,.34);border-radius:8px;color:#d7ebf7;background:#0c1216c7;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.tile-icon-button:hover{border-color:#96d4f38f;background:#13232de6;transform:translateY(-1px)}.tile-icon-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chat-tabs{margin-bottom:8px;border:1px solid #3b4b57;border-radius:12px;padding:3px;background:linear-gradient(180deg,#1a242beb,#141b1fc7);overflow:hidden}.chat-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:8px;border:1px solid rgba(71,136,170,.34);border-radius:12px;background:linear-gradient(180deg,#1c2a34bf,#141d2394);padding:8px 10px}.chat-panel-head-main{min-width:0;display:grid;gap:3px}.chat-panel-head-main strong{font-size:13px;color:#eaf7ff;text-transform:capitalize}.chat-panel-head-main span{font-size:11px;color:#a8c6d6}.chat-panel-head-chips{display:inline-flex;align-items:center;gap:6px}.chat-tabs .MuiTabs-indicator{height:100%;border-radius:9px;z-index:0;background:linear-gradient(90deg,#2f89b7,#57a9d3)}.admin-shell .chat-tabs .MuiTabs-indicator{background:linear-gradient(90deg,#ef5a5d,#ff8789)}.chat-tabs .MuiTab-root{color:var(--text-soft);min-height:38px;text-transform:none;font-weight:600;font-size:12px;border-radius:9px;transition:color .16s ease,background-color .16s ease;z-index:1}.chat-tabs .MuiTab-root.Mui-selected{color:#f4fbff;background:#2f89b729}.admin-shell .chat-tabs .MuiTab-root.Mui-selected{color:#fff1f1;background:#ed424529}.direct-toolbar{display:grid;gap:6px;grid-template-columns:1fr;margin-bottom:var(--space-2);align-items:stretch;border:1px solid rgba(88,101,242,.28);border-radius:12px;background:#5865f214;padding:8px}.direct-toolbar-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.direct-search-field .MuiInputBase-input{font-size:12px}.direct-participant-quick{display:flex;flex-wrap:wrap;gap:5px}.direct-participant-chip{border:1px solid #3c4a57;border-radius:999px;background:#192128cc;color:#d4e6f2;min-height:27px;padding:3px 8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.direct-participant-chip:hover{border-color:#84c5e88c;background:#243743c7;transform:translateY(-1px)}.direct-participant-chip.active{border-color:#88d3f7b8;background:#204e65ad;color:#effaff}.direct-participant-chip:focus-visible{outline:none;box-shadow:0 0 0 2px #8895ffe6}.direct-participant-unread{min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;background:var(--danger);color:#fff;font-size:10px;font-weight:700}.live-media-panel #media-controls-panel{display:grid;gap:6px;align-items:stretch;margin-bottom:0}.live-media-panel .media-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(106px,1fr));gap:4px}.live-media-panel .media-controls-grid .MuiButton-root{justify-content:flex-start;min-height:26px;padding:2px 6px;font-size:10px;border-radius:8px}.live-media-panel .media-controls-grid .MuiButton-root .MuiButton-startIcon{margin-right:3px}.live-media-panel .media-controls-grid .MuiButton-root .MuiSvgIcon-root{font-size:15px}.live-media-panel .media-controls-more-toggle{width:100%;justify-content:center;min-height:24px;padding:3px 8px;font-size:10px}.media-section-controls-compact{gap:4px;padding:7px}.media-section-controls-compact .media-section-head{gap:4px}.media-section-controls-compact .media-section-head strong{font-size:11px}.messages{flex:1;min-height:320px;max-height:60vh;overflow-y:auto;display:grid;gap:var(--space-2);padding:var(--space-2);border-radius:12px;border:1px solid var(--border-soft);background:linear-gradient(180deg,#ffffff04,#fff0),#202226}.messages-wrap{position:relative}.messages.messages-empty{display:flex;align-items:center;justify-content:center}.message-bubbles{display:flex;flex-direction:column;gap:var(--space-3)}.message-bubble{position:relative;width:min(90%,680px);border:1px solid #363a45;border-radius:16px;padding:var(--space-2) 12px;background:#2c2f37;box-shadow:0 10px 18px #0000002e;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.message-bubble:hover{transform:translateY(-1px);box-shadow:0 14px 24px #0000003d}.message-bubble.reply-target{border-color:#8f9cff;box-shadow:0 0 0 1px #8f9cff4d,0 12px 22px #414db54d;animation:reply-target-pulse 1.2s ease}@keyframes reply-target-pulse{0%{transform:scale(1)}30%{transform:scale(1.01)}to{transform:scale(1)}}.message-bubble:after{content:"";position:absolute;bottom:10px;width:12px;height:12px;background:inherit;border-bottom:inherit}.message-bubble.remote{align-self:flex-start;border-color:#3f4453;border-top-left-radius:8px}.message-bubble.remote:after{left:-7px;border-left:inherit;border-right:0;border-top:0;transform:rotate(45deg)}.message-bubble.own{align-self:flex-end;border-color:#5865f280;border-top-right-radius:8px;background:linear-gradient(180deg,#5865f252,#5865f224)}.message-bubble.own:after{right:-7px;border-right:inherit;border-left:0;border-top:0;transform:rotate(-45deg)}.message-text{margin:0 0 6px;color:#f0f2ff;line-height:1.45;overflow-wrap:anywhere}.message-attachments{display:grid;gap:8px;margin-bottom:6px}.message-attachment-card{text-decoration:none;border:1px solid #404455;border-radius:11px;background:#181a2194;padding:8px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;color:#e8ebff;transition:border-color .16s ease,transform .16s ease,background-color .16s ease}.message-attachment-card:hover{border-color:#8995ff94;background:#1d202ad1;transform:translateY(-1px)}.message-attachment-card.disabled{pointer-events:none;opacity:.72}.message-attachment-card img{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid #43495c}.message-attachment-card.message-attachment-image{background:#202430b8}.message-attachment-card.message-attachment-image:hover{background:#252a39e6}.attachment-extension-badge{min-width:52px;height:52px;border-radius:10px;border:1px solid #4a4f62;background:linear-gradient(180deg,#5865f24d,#5865f21a);color:#f0f2ff;font-size:11px;font-weight:800;letter-spacing:.04em;padding:0 8px;display:inline-flex;align-items:center;justify-content:center}.attachment-meta{min-width:0;display:grid;gap:2px}.attachment-meta strong{color:#eef1ff;font-size:13px;line-height:1.25;overflow-wrap:anywhere}.attachment-meta small{color:var(--text-soft);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-actions-wrap{display:grid;gap:6px}.message-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.reaction-chip{border:1px solid #44485a;border-radius:999px;background:#282b35;color:#dfe4ff;min-height:28px;padding:4px 8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.reaction-chip:hover{border-color:#8795ff85;background:#5865f22e;transform:translateY(-1px)}.reaction-chip.active{border-color:#8795ffbd;background:#5865f242}.reaction-chip:focus-visible{outline:none;box-shadow:0 0 0 2px #8895ffe6}.reaction-chip small{font-size:11px;color:#d4dbff}.message-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-top:4px}.message-actions .MuiButton-root{min-width:0;padding:3px 8px;color:#dbe0ff;text-transform:none}.message-actions .MuiButton-root:hover{background:#5865f22e}.reaction-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.reaction-picker-button{width:34px;height:34px;padding:0;border-radius:10px;border:1px solid #484d5e;background:#303542;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s ease,border-color .14s ease}.reaction-picker-button:hover{transform:translateY(-1px);border-color:#7987ff}.reaction-picker-button:focus-visible{outline:none;box-shadow:0 0 0 2px #8895ffe6}.message-reply-preview{border-left:3px solid rgba(136,149,255,.75);background:#5f6aff24;border-radius:8px;padding:6px 8px;margin:0 0 8px;display:grid;gap:2px}.message-reply-preview.clickable{width:100%;text-align:left;border-top:0;border-right:0;border-bottom:0;cursor:pointer;transition:background-color .14s ease}.message-reply-preview.clickable:hover{background:#5f6aff3d}.message-reply-preview.clickable:focus-visible{outline:none;box-shadow:0 0 0 2px #8895ffe6}.message-reply-preview span{font-size:11px;color:#cfd5ff}.message-reply-preview small{color:#f4f6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-bottom-button{position:absolute;right:14px;bottom:14px;z-index:5;border-radius:999px}.mini-messages{min-height:220px;max-height:50vh}.messages .MuiTable-root{min-width:880px}.messages .MuiTableCell-head{background:#1a1b1f;font-weight:700;color:#d7dbff}.admin-shell .messages .MuiTableCell-head{color:#ffd2d4}.messages .MuiTableCell-root{border-bottom:1px solid #32343b;vertical-align:top;color:var(--text-main)}.messages .log-details-cell{max-width:340px;white-space:pre-wrap;word-break:break-word}.messages .MuiTableRow-hover:hover{background:#5865f214}.admin-shell .messages .MuiTableRow-hover:hover{background:#ed424514}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-thumb{background:#4d5160;border-radius:999px}.messages::-webkit-scrollbar-track{background:transparent}.message-item{border:1px solid #363942;border-radius:10px;padding:10px;background:#2a2d32}.message-item.own{border-color:#5865f28c;background:linear-gradient(180deg,#5865f22e,#5865f214)}.message-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.message-head span{font-size:12px;color:var(--text-dim)}.message-item p{margin:0 0 6px;color:#eef0ff}.message-item ul{margin:0;padding-left:18px}.message-item a{color:#a5adff}.chat-form{display:grid;gap:var(--space-2);margin-top:8px;border-top:1px solid #33414b;background:linear-gradient(180deg,#ffffff04,#fff0);border-radius:10px;padding:10px}.composer-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.composer-reply-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(88,101,242,.4);border-radius:10px;background:#5865f226;padding:8px 10px}.composer-reply-strip>div{min-width:0;display:grid;gap:2px}.composer-reply-strip strong{font-size:12px;color:#dbe0ff}.composer-reply-strip span{font-size:12px;color:#f0f2ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-emoji-row{border:1px dashed #4f5582;border-radius:10px;padding:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#5865f214}.composer-emoji-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:12px}.composer-emoji-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.composer-emoji-button{width:34px;height:34px;padding:0;border-radius:10px;border:1px solid #4a5080;background:#313750;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s ease,border-color .14s ease}.composer-emoji-button:hover{transform:translateY(-1px);border-color:#7d89ff}.composer-emoji-button:focus-visible{outline:none;box-shadow:0 0 0 2px #8895ffe6}.empty-hint-block{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);border:1px dashed var(--border);border-radius:10px;padding:var(--space-2);color:var(--text-soft);background:#ffffff05}.empty-hint-block span{font-size:13px}.file-dropzone{border:1px dashed #5b66b8;border-radius:10px;padding:var(--space-2);background:#23252a;color:var(--text-soft);display:grid;gap:var(--space-2)}.dropzone-caption{font-size:12px;color:var(--text-dim)}.file-dropzone.drag-active{border-color:#8f9bff;background:#5865f233}.file-dropzone.disabled{opacity:.56;pointer-events:none}.uploader-actions{margin-bottom:0}.upload-progress-wrap{display:grid;gap:var(--space-1)}.upload-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:12px;color:var(--text-soft)}.visually-hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-preview-list{display:grid;gap:var(--space-2);border:1px solid #404454;border-radius:12px;padding:var(--space-2);background:#242832}.file-preview-item{border:1px solid #3f4454;border-radius:10px;padding:var(--space-2);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);background:linear-gradient(180deg,#5865f21a,#5865f208)}.file-preview-item>div{display:grid;gap:2px;min-width:0}.file-preview-item strong{display:block;font-size:13px;overflow-wrap:anywhere}.file-preview-item span{font-size:12px;color:var(--text-soft)}.file-preview-total{font-size:12px;color:#d4daff;text-align:right}.chat-form input[type=file]{border:1px dashed #5c66b0;border-radius:10px;padding:9px;background:#23252a}.error{color:#ffdfe1;background:#ed424529;border:1px solid rgba(237,66,69,.4);border-radius:10px;padding:var(--space-2);margin-top:var(--space-2)}.hint{color:#d6e2ff;background:#5865f22e;border:1px solid rgba(88,101,242,.35);border-radius:10px;padding:var(--space-2);margin-top:var(--space-2)}.panel .MuiAlert-standardError{color:#ffdfe1;background:#ed424529;border:1px solid rgba(237,66,69,.4);border-radius:10px}.panel .MuiAlert-standardError .MuiAlert-icon{color:#ffb7b9}.chat-notification-snackbar{background:linear-gradient(180deg,#2e3350,#242844);color:#eef1ff;border:1px solid rgba(118,132,255,.45)}.chat-notification-snackbar .MuiSnackbarContent-message{font-weight:600}.peer-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-2)}.peer-row>span{min-width:0;flex:1 1 220px;overflow-wrap:anywhere}.peer-row .row-actions,.admin-control-sidebar .status-row,.admin-control-sidebar .row-actions,.admin-activity-sidebar .status-row,.admin-activity-sidebar .row-actions{margin-bottom:0}.panel .MuiOutlinedInput-root{border-radius:10px;background:var(--surface-raised);color:var(--text-main);transition:box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.panel .MuiOutlinedInput-notchedOutline{border-color:var(--border)}.panel .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#6b707d}.panel .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--accent)}.panel .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 3px #5865f22e}.admin-shell .panel .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#ef5a5d}.admin-shell .panel .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 3px #ed424529}.panel .MuiInputLabel-root{color:var(--text-soft)}.panel .MuiInputLabel-root.Mui-focused{color:#c9ceff}.admin-shell .panel .MuiInputLabel-root.Mui-focused{color:#ffd2d4}.panel .MuiSelect-icon{color:var(--text-soft)}.panel .MuiInputBase-input{line-height:1.45}.panel .MuiLinearProgress-root{border-radius:999px;overflow:hidden;background:#3b4049}.panel .MuiLinearProgress-bar{background:linear-gradient(90deg,#5865f2,#7a85ff)}.admin-shell .panel .MuiLinearProgress-bar{background:linear-gradient(90deg,#ef5a5d,#ff8b8d)}.legal-shell{max-width:920px}.legal-panel{display:grid;gap:12px}.legal-title{font-size:30px;line-height:1.15}.legal-panel p{color:var(--text-soft);line-height:1.55}.admin-settings-form{display:grid;gap:12px}.admin-settings-meta{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(120px,1fr))}.admin-settings-field{width:100%}@media (max-width: 1660px){.workspace-glance-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.live-layout{grid-template-columns:280px minmax(0,1fr) 360px}.admin-layout-grid{grid-template-columns:280px minmax(0,1fr) 300px}}@media (max-width: 1420px){.lobby-layout{grid-template-columns:300px minmax(0,1fr)}.lobby-layout>.discord-sidebar:last-child{grid-column:1 / -1}.live-layout{grid-template-columns:280px minmax(0,1fr)}.live-chat-overlay{width:min(480px,92vw)}.admin-layout-grid{grid-template-columns:280px minmax(0,1fr)}.admin-layout-grid>.admin-activity-sidebar{grid-column:1 / -1}.lobby-glance-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width: 1080px){.discord-shell{grid-template-columns:1fr}.discord-serverbar{position:static;height:auto;width:100%;flex-direction:row;justify-content:flex-start;overflow-x:auto}.server-pill{flex:0 0 auto;width:auto;min-width:56px;height:44px;border-radius:12px;padding:0 12px}.discord-layout,.lobby-layout,.live-layout,.admin-layout-grid,.admin-auth-layout{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch;gap:10px}.topbar h1{font-size:26px}.workspace-topbar{grid-template-columns:1fr}.project-disclaimer-banner{padding:9px 10px;font-size:12px}.workspace-glance-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.user-shell-compact .workspace-topbar{padding:9px 10px}.user-shell-compact .topbar h1{font-size:21px}.sfu-inline-strip{gap:3px}.invite-grid{grid-template-columns:1fr}.qr-wrap{justify-self:start}.admin-main-panel{min-height:auto}}@media (max-width: 720px){.app-shell{padding:10px}.app-loader-card{border-radius:18px;padding:18px 14px}.app-loader-orb{width:76px;height:76px}.app-loader-ring-middle{top:12px;right:12px;bottom:12px;left:12px}.panel{padding:12px}.workspace-glance-grid,.lobby-glance-grid,.field-grid-main-join{grid-template-columns:1fr}.field-grid-main-join>:nth-child(3){grid-column:auto}.workspace-footer{padding-top:2px}.user-shell-compact .workspace-glance-grid.workspace-glance-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.user-shell-compact .workspace-topbar-action .admin-link{width:100%}.qr-wrap{width:100%;min-height:160px}.row-actions>button,.row-actions>.MuiButton-root{width:100%;justify-content:center}.status-row .MuiChip-root{width:100%;justify-content:flex-start}.messages{min-height:240px;max-height:44vh;overflow:auto}.messages .MuiTable-root{min-width:640px}.admin-tab-toolbar>.admin-filter-field,.admin-tab-toolbar>.admin-room-search-field{width:100%;min-width:0;flex-basis:100%}.admin-tab-toolbar{align-items:stretch}.admin-tab-toolbar>.MuiChip-root{width:100%;justify-content:flex-start}.admin-resource-grid{grid-template-columns:1fr}.admin-resource-card{min-height:0}.admin-resource-alert{width:100%}.message-bubble{width:min(96%,680px);padding:9px 10px}.discord-chat-panel .messages-wrap{margin-bottom:8px}.discord-chat-panel .chat-form{position:static;bottom:auto;z-index:auto;margin-top:0;padding:10px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#1b1d21f5,#1b1d21fa),var(--surface);box-shadow:0 -10px 18px #0000003d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-grid{grid-template-columns:1fr}.media-section-video .video-grid{min-width:0;overflow-y:auto;overflow-x:hidden;align-content:start}.media-section-video.video-density-solo .video-grid{max-height:42dvh;grid-template-columns:1fr}.media-section-video.video-density-group .video-grid{max-height:52dvh;grid-template-columns:repeat(2,minmax(0,1fr))}.media-section-video.video-density-crowd .video-grid{max-height:64dvh;grid-template-columns:repeat(2,minmax(0,1fr))}.media-section-video .tile{width:100%;min-width:0;min-height:0;aspect-ratio:16 / 9}.media-section-video .tile-label{max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-section-video .tile-sub-controls{max-width:calc(100% - 12px);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px}.media-section-video .tile-sub-label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-section-video .tile-icon-button{width:22px;height:22px}.direct-toolbar,.direct-toolbar-top{grid-template-columns:1fr}.direct-toolbar-top .status-chip{width:100%;justify-content:flex-start}.sfu-inline-pill{font-size:9.5px}.chat-form{gap:10px}.chat-form button,.chat-form .MuiButton-root{width:100%}.chat-form .composer-emoji-row{padding:6px;gap:6px;flex-wrap:wrap;align-items:flex-start}.chat-form .composer-emoji-label{font-size:11px;gap:4px}.chat-form .composer-emoji-actions{gap:4px;justify-content:flex-start}.chat-form .composer-emoji-button{width:28px;height:28px;min-height:28px;border-radius:8px;flex:0 0 auto}.channel-item,.participant-item{font-size:13px}.empty-hint-block .MuiButton-root{width:100%}.room-sidebar{gap:10px}.privacy-consent-box .MuiFormControlLabel-label{font-size:12px}.lobby-directory-panel{gap:10px}.lobby-directory-panel .sidebar-section,.lobby-overview-panel .sidebar-section{border:1px solid var(--border-soft);border-radius:10px;padding:8px;background:#ffffff05}.lobby-prejoin-panel .prejoin-settings{padding:10px}.lobby-directory-panel .lobby-section-toggle,.lobby-prejoin-panel .lobby-section-toggle,.lobby-overview-panel .lobby-section-toggle{display:inline-flex!important;align-items:center}.room-sidebar .sidebar-section{border:1px solid var(--border-soft);border-radius:10px;padding:8px;background:#ffffff05}.room-sidebar .sidebar-toggle{display:inline-flex!important;align-items:center}.room-sidebar .status-row{margin-bottom:8px}.live-media-panel{gap:8px}.live-media-panel .media-section{border:1px solid var(--border-soft);border-radius:10px;padding:8px;background:#ffffff05}.live-media-panel .media-section-toggle{display:inline-flex!important;align-items:center}.live-media-panel .media-section-head strong{font-size:12px}.live-media-panel .status-row{margin-bottom:0}.live-chat-overlay{width:100vw;height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 8px calc(72px + env(safe-area-inset-bottom,0px)) 8px}.live-chat-overlay>.discord-chat-panel{height:auto;min-height:100%}.live-chat-overlay .messages{min-height:180px;max-height:38dvh}.chat-fab{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.legal-title{font-size:24px}.admin-settings-meta{grid-template-columns:1fr}.live-media-panel #media-controls-panel{gap:5px}.live-media-panel .media-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.live-media-panel .media-controls-grid .MuiButton-root{width:100%;justify-content:flex-start;min-height:24px;padding:2px 5px;font-size:9.5px;border-radius:7px}.live-media-panel .media-controls-grid .MuiButton-root .MuiButton-startIcon{margin-right:2px}.live-media-panel .media-controls-grid .MuiButton-root .MuiSvgIcon-root{font-size:14px}.live-media-panel .media-controls-more-toggle{min-height:24px;font-size:10px;padding:2px 8px;justify-content:center}.sfu-telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invite-card.invite-card-compact .qr-wrap{width:112px;min-height:112px;justify-self:center}.invite-card.invite-card-compact .qr-wrap img{width:100px;height:100px}.tile.speaking{transform:scale(1.018)}.tile.speaking:hover{transform:scale(1.024)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
