html,body,#root{width:100%;height:100%;margin:0}body{color:#f8fafc;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.loading-screen,.auth-screen{background:linear-gradient(#08111f33,#08111fe6),radial-gradient(circle at 50% 35%,#2dd4bf2e,#0000 42%),#08111f;place-items:center;min-height:100%;display:grid}.loading-screen>div,.auth-panel,.creator-panel,.chat-panel,.voice-panel,.jukebox-panel,.screen-share-panel,.top-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111fc7;border:1px solid #94a3b842;box-shadow:0 18px 50px #02061747}.loading-screen>div,.auth-panel{border-radius:8px;width:min(420px,100vw - 32px);padding:28px}.eyebrow{color:#5eead4;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{font-size:clamp(1.8rem,5vw,3rem);line-height:1.02}h2{font-size:1.05rem}label{color:#cbd5e1;gap:6px;font-size:.82rem;font-weight:700;display:grid}input,select{color:#f8fafc;background:#0f172ac7;border:1px solid #94a3b84d;border-radius:6px;outline:none;min-width:0;padding:10px 11px}input:focus,select:focus{border-color:#5eead4bf}input[type=range]{accent-color:#14b8a6;padding:0}.auth-panel{gap:18px;display:grid}.segmented{background:#0f172a8c;border:1px solid #94a3b833;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.segmented button,.primary-button,.character-list button,.brand-button,.icon-button,.toggle,.chat-form button{color:#f8fafc;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.segmented button{background:0 0;padding:9px 10px}.segmented button.active,.character-list button.active,.toggle.active{color:#ccfbf1;background:#14b8a63d}.primary-button{background:#0f766e;min-height:42px;font-weight:800}.primary-button:hover{background:#0d9488}.secondary-button{color:#f8fafc;background:#0f172adb;border:1px solid #94a3b842;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.secondary-button:hover{background:#1e293bf5}.form-error,.voice-error{color:#fecdd3;margin:0;font-size:.82rem}.world-screen{width:100%;height:100%;position:relative;overflow:hidden}.room-canvas{inset:0;position:absolute!important}.top-bar{z-index:4;background:#060a10d6;border-color:#0f172a8c;border-radius:8px;grid-template-columns:minmax(0,auto) 1fr auto auto;align-items:center;gap:8px;min-height:48px;padding:6px 8px;display:grid;position:absolute;top:8px;left:8px;right:8px;box-shadow:0 10px 28px #02061747}.brand-button{text-align:left;background:#0f172a5c;border-radius:6px;justify-content:flex-start;min-height:36px;padding:0 12px}.brand-button span{font-weight:900}.brand-button i{background:#e2e8f05c;width:1px;height:18px;display:block}.brand-button small{color:#f8fafc;font-size:.84rem;font-weight:800}.brand-button .online-count{color:#cbd5e1}.status-strip{color:#f8fafc;text-transform:capitalize;justify-content:flex-end;align-items:center;gap:8px;padding-right:6px;font-size:.9rem;display:flex}.status-dot{background:#94a3b8;border-radius:999px;width:9px;height:9px}.status-dot.online{background:#22c55e}.status-dot.connecting{background:#f59e0b}.status-dot.rejected{background:#fb7185}.online-count{align-items:center;gap:4px;display:inline-flex}.icon-button,.toggle,.chat-form button{background:#0f172adb;flex:0 0 38px;width:38px;height:38px}.icon-button:hover,.toggle:hover,.chat-form button:hover{background:#1e293bf2}.character-screen{background:linear-gradient(#08111fe6,#08111fb8),#08111f;grid-template-columns:minmax(330px,420px) 1fr;width:100%;height:100%;min-height:100%;display:grid}.creator-control-rail{z-index:2;background:#08111ff0;border-right:1px solid #94a3b838;align-content:start;gap:14px;height:100vh;padding:24px;display:grid;overflow-y:auto}.creator-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.creator-header h1{font-size:1.3rem}.creator-section{background:#0f172a70;border:1px solid #94a3b82e;border-radius:8px;gap:10px;padding:12px;display:grid}.creator-section h2{color:#e2e8f0;font-size:.88rem}.preset-grid{gap:8px;display:grid}.preset-card{color:#f8fafc;text-align:left;background:#0f172aad;border:1px solid #94a3b83d;border-radius:8px;gap:3px;width:100%;min-height:58px;padding:10px 12px;display:grid}.preset-card.active{background:#14b8a633;border-color:#2dd4bfad}.preset-card span,.asset-path{color:#94a3b8;overflow-wrap:anywhere;font-size:.72rem;font-weight:700}.color-row>span{color:#cbd5e1;font-size:.82rem;font-weight:800}.color-row>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.color-row input[type=color]{width:34px;height:30px;padding:2px}.slider-grid{gap:10px;display:grid}.two-column-controls{grid-template-columns:1fr auto;align-items:end}.toggle-row{grid-auto-flow:column;justify-content:start;align-items:center}.toggle-row input{accent-color:#14b8a6;width:18px;height:18px;padding:0}.creator-preview-stage{min-width:0;min-height:0;position:relative}.character-preview-full{cursor:grab;touch-action:none;width:100%;height:100%}.character-preview-full:active{cursor:grabbing}.creator-preview-toolbar{z-index:2;pointer-events:none;justify-content:flex-end;gap:8px;display:flex;position:absolute;top:20px;left:20px;right:20px}.creator-preview-toolbar span{color:#e2e8f0;background:#08111fb8;border:1px solid #94a3b833;border-radius:6px;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.preview-error{z-index:3;color:#ffe4e6;background:#7f1d1db3;border:1px solid #fb718559;border-radius:6px;padding:8px 10px;font-size:.82rem;font-weight:800;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.select-rail{gap:18px}.select-list{gap:9px;display:grid}.section-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mini-icon-button{color:#f8fafc;background:#0f172aad;border:1px solid #94a3b838;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.mini-icon-button:hover{background:#1e293be6}.selected-character{color:#f8fafc;text-align:left;background:#0f172ab8;border:1px solid #94a3b838;border-radius:8px;gap:4px;width:100%;min-height:62px;padding:10px 12px;display:grid}.selected-character.active{background:#14b8a62e;border-color:#2dd4bfad}.selected-character span{color:#cbd5e1;font-size:.78rem}.select-actions{gap:9px;display:grid}.select-actions.two-up{grid-template-columns:1fr 1fr}.room-list{gap:8px;max-height:190px;padding-right:2px;display:grid;overflow-y:auto}.room-card{color:#f8fafc;text-align:left;background:#0f172a9e;border:1px solid #94a3b838;border-radius:8px;gap:4px;width:100%;min-height:54px;padding:9px 11px;display:grid}.room-card.active{background:#14b8a62e;border-color:#2dd4bfad}.room-card-title{align-items:center;gap:7px;min-width:0;display:flex}.room-card-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.room-card-title svg{color:#5eead4;flex:none}.room-card>span:last-child,.muted-status{color:#94a3b8;font-size:.74rem;font-weight:800}.share-row{grid-template-columns:1fr 38px;gap:8px;display:grid}.share-row input{color:#cbd5e1;font-size:.78rem}.character-preview-canvas{min-height:260px;position:relative}.character-preview-canvas canvas{width:100%;height:100%;display:block}.color-field{gap:7px;display:grid}.color-field>span{color:#cbd5e1;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.color-field>div{flex-wrap:wrap;gap:7px;display:flex}.swatch{border:2px solid #f8fafc33;border-radius:50%;width:28px;height:28px}.swatch.active{border-color:#f8fafc;box-shadow:0 0 0 2px #14b8a680}.chat-panel{z-index:4;background:#070e15d1;border-color:#0f172a85;border-radius:8px;width:min(382px,100vw - 36px);padding:12px;position:absolute;bottom:18px;left:18px;box-shadow:0 18px 42px #02061757}.panel-title{color:#f8fafc;justify-content:space-between;align-items:center;gap:12px;min-height:28px;font-size:1.05rem;font-weight:850;display:flex}.panel-title span{align-items:center;gap:8px;min-width:0;display:inline-flex}.panel-title>svg{color:#cbd5e1}.chat-log{align-content:end;gap:7px;height:170px;padding:8px 4px 4px;display:grid;overflow-y:auto}.chat-log p{gap:2px;margin:0;font-size:.86rem;line-height:1.25;display:grid}.chat-log strong{color:#5eead4;font-size:.75rem}.chat-log span{color:#e2e8f0;overflow-wrap:anywhere}.chat-form{grid-template-columns:1fr 38px;gap:8px;margin-top:10px;display:grid}.hud-bottom-right{z-index:4;flex-direction:column;align-items:flex-end;gap:12px;width:min(360px,100vw - 36px);max-height:calc(100vh - 96px);display:flex;position:absolute;bottom:18px;right:18px}.voice-panel{background:#070e15d6;border-color:#0f172a85;border-radius:8px;gap:10px;width:100%;padding:12px;display:grid;box-shadow:0 18px 42px #02061757}.jukebox-panel{background:#070e15d6;border-color:#0f172a85;border-radius:8px;gap:9px;width:100%;padding:12px;display:grid;box-shadow:0 18px 42px #02061757}.jukebox-panel-stop{color:#e2e8f0;cursor:pointer;background:#94a3b81f;border:1px solid #94a3b84d;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.jukebox-panel-stop:hover{background:#f8717138;border-color:#f8717180}.jukebox-panel-now{gap:2px;min-height:30px;display:grid}.jukebox-panel-now strong{color:#f8fafc;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.2;display:-webkit-box;overflow:hidden}.jukebox-panel-now small{color:#7dd3fc;font-size:.72rem}.jukebox-panel-audio{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.jukebox-mute{color:#ccfbf1;cursor:pointer;background:#5eead424;border:1px solid #94a3b84d;border-radius:7px;align-items:center;gap:7px;padding:7px 11px;font-size:.82rem;font-weight:700;display:inline-flex}.jukebox-mute.active{color:#fecaca;background:#f871712e;border-color:#f8717173}.jukebox-panel-audio input[type=range]{accent-color:#2dd4bf;cursor:pointer;width:100%}.screen-share-panel{z-index:4;background:#070e15d6;border-color:#0f172a85;border-radius:8px;gap:10px;width:min(340px,100vw - 36px);padding:12px;display:grid;position:absolute;top:68px;bottom:auto;right:18px;box-shadow:0 18px 42px #02061757}.screen-share-panel .panel-title small{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.74rem;font-weight:800;overflow:hidden}.screen-share-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.screen-share-actions .secondary-button{min-height:38px;padding:0 12px}.screen-share-proximity{color:#ccfbf1;text-align:center;background:#14b8a624;border:1px solid #2dd4bf47;border-radius:6px;padding:7px 9px;font-size:.78rem;font-weight:850}.screen-share-audio-status{color:#cbd5e1;text-align:center;font-size:.75rem;font-weight:800}.screen-share-audio-status.active{color:#86efac}.presenting-panel{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:30;background:#0f172ad1;border:1px solid #2dd4bf52;border-radius:12px;flex-direction:column;gap:10px;width:min(230px,46vw);padding:12px 14px;display:flex;position:absolute;top:68px;left:16px;box-shadow:0 14px 34px #0206176b}.presenting-title{color:#e2e8f0;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:flex}.presenting-dot{background:#f87171;border-radius:999px;width:9px;height:9px;animation:1.8s ease-out infinite presenting-pulse;box-shadow:0 0 #f871718c}@keyframes presenting-pulse{0%{box-shadow:0 0 #f871718c}70%{box-shadow:0 0 0 8px #f8717100}to{box-shadow:0 0 #f8717100}}.presenting-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.presenting-actions .secondary-button{min-height:36px;padding:0 10px;font-size:.78rem}.secondary-button.danger{color:#fecaca;border-color:#f871716b}.secondary-button.danger:hover{background:#f8717124;border-color:#f87171b3}.screen-watch-overlay{z-index:8;background:#020617f0;border:1px solid #94a3b842;border-radius:8px;grid-template-rows:44px minmax(0,1fr);display:grid;position:absolute;inset:64px 48px 48px;overflow:hidden;box-shadow:0 24px 70px #02061799}.screen-watch-toolbar{border-bottom:1px solid #94a3b829;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 6px 14px;display:flex}.screen-watch-toolbar span{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.86rem;font-weight:850;overflow:hidden}.screen-watch-overlay video,.screen-watch-waiting{background:#020617;width:100%;height:100%;min-height:0}.screen-watch-overlay video{object-fit:contain}.screen-watch-waiting{color:#cbd5e1;place-items:center;font-size:.92rem;font-weight:850;display:grid}.voice-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.voice-toggle{color:#f8fafc;text-align:left;background:#0f172a8f;border:1px solid #94a3b833;border-radius:8px;align-content:space-between;justify-items:start;gap:6px;min-height:96px;padding:10px;display:grid}.voice-toggle:hover{background:#0f172ab8;border-color:#5eead461}.voice-toggle.active{border-color:#5eead46b}.voice-toggle span{font-size:.82rem;font-weight:800}.voice-toggle svg{color:#e2e8f0;width:24px;height:24px}.voice-toggle small{color:#86efac;font-weight:800}.speaking-list{color:#cbd5e1;flex-wrap:wrap;gap:6px;font-size:.76rem;display:flex}.speaking-list span{background:#0f172abd;border-radius:999px;min-height:22px;padding:4px 8px}.voice-mode{gap:8px;display:grid}.voice-mode-tabs{background:#0f172a80;border:1px solid #94a3b833;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:3px;display:grid}.voice-mode-option{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 6px;font-size:.78rem;font-weight:850}.voice-mode-option:hover{color:#f8fafc}.voice-mode-option.active{color:#ccfbf1;background:#14b8a629;border-color:#5eead46b}.camera-bg{gap:6px;display:grid}.camera-bg-label{text-transform:uppercase;letter-spacing:.08em;color:#7dd3fc;font-size:.7rem;font-weight:850}.camera-bg-tabs{background:#0f172a80;border:1px solid #94a3b833;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;padding:3px;display:grid}.camera-bg-option{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:.76rem;font-weight:800;display:inline-flex}.camera-bg-option:hover{color:#f8fafc}.camera-bg-option.active{color:#ccfbf1;background:#14b8a629;border-color:#5eead46b}.ptt-config{align-items:center;gap:10px;display:flex}.ptt-config-label{color:#cbd5e1;font-size:.76rem;font-weight:850}.ptt-key{color:#f8fafc;cursor:pointer;background:#0f172ad1;border:1px solid #94a3b852;border-bottom-width:3px;border-radius:6px;min-width:62px;padding:6px 10px;font-size:.82rem;font-weight:850}.ptt-key:hover{border-color:#5eead466}.ptt-key.rebinding{color:#fde68a;border-color:#facc1599}.ptt-hint{color:#94a3b8;font-size:.72rem;font-weight:700}.interaction-prompt{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f8fafc;letter-spacing:.01em;pointer-events:none;opacity:0;background:#060c16d1;border:1px solid #94a3b847;border-radius:999px;align-items:center;gap:12px;padding:10px 20px 10px 12px;font-size:.95rem;font-weight:850;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:132px;left:50%;transform:translate(-50%,14px)scale(.96);box-shadow:0 16px 40px #02061773}.interaction-prompt.visible{opacity:1;transform:translate(-50%)scale(1)}.interaction-key{color:#e2f5ef;background:linear-gradient(#1e293bf2,#0f172af2);border:1px solid #94a3b88c;border-bottom-width:3px;border-radius:8px;place-items:center;min-width:34px;height:34px;padding:0 8px;font-family:inherit;font-size:1rem;font-weight:900;display:inline-grid;box-shadow:inset 0 1px #ffffff24}.interaction-label{white-space:nowrap}@media (width<=760px){.interaction-prompt{padding:8px 16px 8px 10px;font-size:.85rem;top:120px;bottom:auto}.top-bar{grid-template-columns:minmax(0,1fr) auto auto auto;min-height:46px}.brand-button{flex-wrap:wrap;gap:6px}.brand-button small,.brand-button .online-count,.brand-button i{display:none}.status-strip{grid-column:auto;justify-content:flex-end;padding-left:0;padding-right:2px}.character-screen{grid-template-rows:minmax(42vh,1fr) minmax(52vh,auto);grid-template-columns:1fr}.creator-preview-stage{grid-row:1}.creator-control-rail{border-top:1px solid #94a3b838;border-right:0;grid-row:2;height:auto;max-height:58vh;padding:16px}.creator-preview-toolbar{flex-wrap:wrap;justify-content:flex-start;top:12px;left:12px;right:12px}.chat-panel{width:calc(100vw - 24px);padding:10px;bottom:150px;left:12px}.chat-log{height:0;display:none}.hud-bottom-right{align-items:stretch;gap:8px;width:auto;bottom:12px;left:12px;right:12px}.voice-panel{gap:8px;width:auto;padding:10px}.jukebox-panel{width:auto;padding:10px}.screen-share-panel{width:min(320px,100vw - 24px);padding:10px;top:64px;right:12px}.screen-share-actions .secondary-button{min-height:34px;font-size:.78rem}.screen-watch-overlay{inset:58px 12px 12px}.voice-toggle{gap:4px;min-height:66px;padding:10px}.voice-toggle svg{width:22px;height:22px}.speaking-list{display:none}}.jukebox-wrapper{pointer-events:none}.jukebox-screen{box-sizing:border-box;color:#e2e8f0;-webkit-user-select:none;user-select:none;pointer-events:none;background:#05070d;border:3px solid #0b1220;border-radius:10px;flex-direction:column;width:480px;height:300px;font-family:inherit;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #2dd4bf40,0 24px 60px #0009}.jukebox-video{background:#000;flex:1;min-height:0;position:relative}.jukebox-player{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.jukebox-player iframe{border:0;width:100%;height:100%}.jukebox-idle{text-align:center;background:radial-gradient(circle at 50% 38%,#2dd4bf29,#02060ff2);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 24px;display:flex;position:absolute;inset:0}.jukebox-idle strong{letter-spacing:.06em;color:#5eead4;font-size:1.6rem}.jukebox-idle span{color:#94a3b8;font-size:.95rem}.jukebox-bar{background:#04080ff5;border-top:1px solid #94a3b82e;align-items:center;gap:10px;padding:8px 10px;display:flex}.jukebox-now{flex:1;gap:1px;min-width:0;display:grid}.jukebox-now-label{text-transform:uppercase;letter-spacing:.08em;color:#38bdf8;font-size:.62rem}.jukebox-now-title{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.jukebox-now-title.muted{color:#64748b}.jukebox-bar-actions{gap:8px;display:flex}.jukebox-btn{pointer-events:auto;color:#e2e8f0;cursor:pointer;white-space:nowrap;background:#94a3b81f;border:1px solid #94a3b852;border-radius:7px;padding:8px 14px;font-size:.85rem;font-weight:700}.jukebox-btn:hover{background:#94a3b838}.jukebox-btn.primary{color:#04211d;background:#14b8a6;border-color:#14b8a6}.jukebox-btn.primary:hover{background:#2dd4bf}.jukebox-btn:disabled{opacity:.6;cursor:default}.jukebox-search{pointer-events:auto;background:#03070efa;border:1px solid #94a3b847;border-radius:10px;flex-direction:column;gap:8px;max-height:76%;padding:12px;display:flex;position:absolute;bottom:58px;left:10px;right:10px;box-shadow:0 20px 50px #0009}.jukebox-search-form{gap:8px;display:flex}.jukebox-search-form input{pointer-events:auto;color:#f1f5f9;background:#0f172ae6;border:1px solid #94a3b852;border-radius:7px;flex:1;min-width:0;padding:9px 12px;font-size:.9rem}.jukebox-search-error{color:#fca5a5;margin:0;font-size:.8rem}.jukebox-results{gap:6px;display:grid;overflow-y:auto}.jukebox-result{pointer-events:auto;color:#e2e8f0;text-align:left;cursor:pointer;background:#94a3b80f;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:6px;display:flex}.jukebox-result:hover{background:#2dd4bf24;border-color:#2dd4bf66}.jukebox-result img,.jukebox-thumb-fallback{object-fit:cover;background:#0b1220;border-radius:5px;flex-shrink:0;width:88px;height:50px}.jukebox-result-info{gap:2px;min-width:0;display:grid}.jukebox-result-title{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.jukebox-result-info small{color:#94a3b8;font-size:.72rem}.panel-title-actions{align-items:center;gap:6px;display:inline-flex}.panel-collapse{color:#cbd5e1;cursor:pointer;background:#0f172a80;border:1px solid #94a3b847;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.panel-collapse:hover{color:#f8fafc;background:#2dd4bf2e;border-color:#2dd4bf80}.chat-panel.collapsed,.voice-panel.collapsed,.jukebox-panel.collapsed,.admin-panel.collapsed{gap:0}.admin-panel{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111fdb;border:1px solid #94a3b842;border-radius:8px;gap:10px;width:min(320px,100vw - 36px);max-height:calc(100vh - 220px);padding:12px;display:grid;position:absolute;top:64px;left:18px;overflow:hidden;box-shadow:0 18px 50px #02061757}.admin-panel.collapsed{max-height:none}.admin-tabs{gap:6px;display:flex}.admin-tab{color:#cbd5e1;cursor:pointer;background:#0f172a80;border:1px solid #94a3b83d;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:.76rem;font-weight:700;display:inline-flex}.admin-tab.active{color:#f0fdfa;background:#2dd4bf2e;border-color:#2dd4bf80}.admin-surfaces{gap:9px;display:grid;overflow:auto}.admin-surface-tabs{flex-wrap:wrap;gap:6px;display:flex}.admin-surface-chip{color:#cbd5e1;cursor:pointer;background:#0f172a80;border:1px solid #94a3b83d;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:700}.admin-surface-chip.active{color:#e0f2fe;background:#38bdf833;border-color:#38bdf880}.admin-surface-current{color:#94a3b8;margin:0;font-size:.76rem}.admin-surface-current strong{color:#f8fafc}.admin-material-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:260px;padding-right:2px;display:grid;overflow:auto}.admin-material{color:#cbd5e1;cursor:pointer;background:#0f172a73;border:1px solid #94a3b838;border-radius:8px;gap:4px;padding:4px;display:grid}.admin-material img{aspect-ratio:1;object-fit:cover;border-radius:5px;width:100%;display:block}.admin-material span{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;line-height:1.15;overflow:hidden}.admin-material.active{color:#f0fdfa;border-color:#2dd4bf;box-shadow:inset 0 0 0 1px #2dd4bf}.admin-material:hover{border-color:#2dd4bf8c}.admin-members{gap:7px;max-height:340px;display:grid;overflow:auto}.admin-member{background:#0f172a80;border:1px solid #94a3b82e;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.admin-member-name{color:#f1f5f9;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;font-size:.8rem;font-weight:700;display:inline-flex;overflow:hidden}.admin-owner-tag{text-transform:uppercase;color:#fde68a;background:#fbbf2429;border-radius:999px;padding:1px 5px;font-size:.6rem;font-style:normal;font-weight:800}.admin-member-note{color:#94a3b8;font-size:.7rem}.admin-member-actions{align-items:center;gap:5px;display:inline-flex}.admin-action{color:#cbd5e1;cursor:pointer;background:#0f172a99;border:1px solid #94a3b842;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.admin-action:hover{color:#f8fafc;background:#2dd4bf29;border-color:#2dd4bf80}.admin-action.active{color:#fecaca;background:#f8717133;border-color:#f8717180}.admin-action.danger:hover{color:#fecaca;background:#f8717138;border-color:#f871718c}.admin-timeout-select{color:#cbd5e1;cursor:pointer;background:#0f172a99;border:1px solid #94a3b842;border-radius:6px;height:26px;padding:0 4px;font-size:.72rem}.kicked-overlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617b8;place-items:center;display:grid;position:absolute;inset:0}.kicked-card{text-align:center;background:#08111ff2;border:1px solid #f8717166;border-radius:12px;justify-items:center;gap:12px;max-width:360px;padding:28px 32px;display:grid;box-shadow:0 24px 70px #02061780}.kicked-card h2{color:#fecaca;margin:0;font-size:1.15rem}.kicked-card p{color:#cbd5e1;margin:0;font-size:.9rem}.kicked-card button{color:#f0fdfa;cursor:pointer;background:#2dd4bf33;border:1px solid #2dd4bf80;border-radius:8px;padding:9px 18px;font-weight:700}.kicked-card button:hover{background:#2dd4bf4d}@media (width<=720px){.admin-panel{width:auto;max-height:46vh;top:58px;left:12px;right:12px}}