:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gc-font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--gc-font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--gc-canvas:#0e1117;--gc-sidebar:#141922;--gc-content:#151a23;--gc-aside:#141922;--gc-surface:#1d2430;--gc-surface-raised:#242d3b;--gc-surface-hover:#252e3d;--gc-surface-selected:#293345;--gc-input:#1d2430;--gc-text-primary:#f1f4f9;--gc-text-secondary:#b7c0d0;--gc-text-muted:#929eb2;--gc-text-disabled:#6f7b8f;--gc-border-subtle:#242d3b;--gc-border-control:#6d7c94;--gc-accent:#5c5fe8;--gc-accent-hover:#5558db;--gc-accent-pressed:#484bbf;--gc-accent-text:#b7baff;--gc-on-accent:#fff;--gc-success:#58d5a2;--gc-success-bg:#19352f;--gc-warning:#f4bd62;--gc-warning-bg:#3d3020;--gc-danger:#ff9199;--gc-danger-bg:#422830;--gc-danger-solid:#b8273e;--gc-on-danger:#fff;--gc-focus:#adb8ff;--gc-stream-canvas:#090b10;--gc-overlay:#000000a8;--gc-avatar-blue:#365aca;--gc-avatar-green:#137c58;--gc-avatar-violet:#6d3dbe;--gc-avatar-orange:#a64c18;--gc-avatar-gray:#556176;--gc-text-caption:12px;--gc-text-small:13px;--gc-text-body:14px;--gc-text-message:15px;--gc-text-title:16px;--gc-text-section:20px;--gc-text-page:24px;--gc-line-caption:16px;--gc-line-small:18px;--gc-line-body:20px;--gc-line-message:22px;--gc-line-title:24px;--gc-line-section:28px;--gc-line-page:32px;--gc-weight-regular:400;--gc-weight-medium:500;--gc-weight-semibold:600;--gc-weight-bold:700;--gc-space-1:4px;--gc-space-2:8px;--gc-space-3:12px;--gc-space-4:16px;--gc-space-5:20px;--gc-space-6:24px;--gc-space-8:32px;--gc-space-10:40px;--gc-space-12:48px;--gc-space-16:64px;--gc-radius-xs:4px;--gc-radius-sm:6px;--gc-radius-md:10px;--gc-radius-lg:14px;--gc-radius-shell:20px;--gc-radius-full:999px;--gc-size-icon:20px;--gc-size-icon-lg:24px;--gc-size-control-sm:32px;--gc-size-control:40px;--gc-size-control-lg:48px;--gc-layout-nav-wide:312px;--gc-layout-aside-wide:312px;--gc-layout-nav-medium:264px;--gc-layout-aside-medium:240px;--gc-layout-nav-small:256px;--gc-layout-header:72px;--gc-layout-composer-min:56px;--gc-layout-composer-max:180px;--gc-layout-row-channel:42px;--gc-layout-user-footer:68px;--gc-layout-voice-dock:116px;--gc-layout-frame-wide:24px;--gc-layout-frame-medium:16px;--gc-duration-fast:.12s;--gc-duration-base:.18s;--gc-duration-slow:.24s;--gc-ease-standard:cubic-bezier(.2, 0, 0, 1);--gc-shadow-popup:0 12px 36px #00000040;--gc-shadow-shell:0 20px 70px #00000024}*,:before,:after{box-sizing:border-box}html{background:var(--gc-canvas);color:var(--gc-text-primary)}body{min-width:320px;font-family:var(--gc-font-family);font-size:var(--gc-text-body);line-height:var(--gc-line-body);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--gc-focus);outline-offset:3px}.gc-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--gc-text-muted);font-size:var(--gc-text-caption);font-weight:var(--gc-weight-medium);line-height:var(--gc-line-caption);margin:0}.state{color:var(--gc-text-secondary)}.state-error{color:var(--gc-danger)}.gc-button,.voice-join,.authentication-submit{min-height:var(--gc-size-control);justify-content:center;align-items:center;gap:var(--gc-space-2);border-radius:var(--gc-radius-md);padding:0 var(--gc-space-4);color:var(--gc-on-accent);background:var(--gc-accent);font-weight:var(--gc-weight-semibold);transition:background var(--gc-duration-fast) var(--gc-ease-standard);border:1px solid #0000;display:inline-flex}.gc-button:hover:not(:disabled),.voice-join:hover:not(:disabled),.authentication-submit:hover:not(:disabled){background:var(--gc-accent-hover)}.gc-button:active:not(:disabled),.voice-join:active:not(:disabled),.authentication-submit:active:not(:disabled){background:var(--gc-accent-pressed)}.voice-leave{min-height:var(--gc-size-control);border:1px solid var(--gc-border-control);border-radius:var(--gc-radius-md);padding:0 var(--gc-space-4);color:var(--gc-text-primary);font-weight:var(--gc-weight-semibold);background:0 0;justify-content:center;align-items:center;display:inline-flex}.voice-leave:hover:not(:disabled){background:var(--gc-surface-hover)}.voice-join:disabled,.voice-leave:disabled,.authentication-submit:disabled{color:var(--gc-text-disabled);background:var(--gc-surface);border-color:var(--gc-border-subtle)}.maintenance-banner{z-index:10;justify-content:center;align-items:center;gap:var(--gc-space-2);min-height:44px;padding:var(--gc-space-3) var(--gc-space-4);color:var(--gc-warning);background:var(--gc-warning-bg);font-weight:var(--gc-weight-semibold);text-align:center;display:flex;position:relative}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.session-state{place-content:center;gap:var(--gc-space-4);min-height:100dvh;padding:var(--gc-space-6);color:var(--gc-text-secondary);background:var(--gc-canvas);text-align:center;display:grid}.session-state button{min-height:var(--gc-size-control);border:1px solid var(--gc-border-control);border-radius:var(--gc-radius-md);color:var(--gc-text-primary);background:var(--gc-surface)}.authentication-page{min-height:100dvh;padding:var(--gc-space-6);background:var(--gc-canvas);place-content:center;display:grid}.authentication-card{border:1px solid var(--gc-border-subtle);border-radius:var(--gc-radius-lg);width:min(100%,440px);padding:clamp(var(--gc-space-6), 6vw, var(--gc-space-10));background:var(--gc-content);box-shadow:var(--gc-shadow-shell)}.authentication-card h1{margin:var(--gc-space-2) 0 0;font-size:var(--gc-text-page);line-height:var(--gc-line-page)}.authentication-intro{margin:var(--gc-space-3) 0 0;color:var(--gc-text-secondary)}.authentication-tabs{gap:var(--gc-space-1);margin-top:var(--gc-space-6);padding:var(--gc-space-1);border-radius:var(--gc-radius-md);background:var(--gc-surface);grid-template-columns:1fr 1fr;display:grid}.authentication-tabs button{min-height:var(--gc-size-control);border-radius:var(--gc-radius-sm);color:var(--gc-text-secondary);background:0 0;border:0}.authentication-tabs button.selected{color:var(--gc-text-primary);background:var(--gc-surface-raised)}.authentication-form{gap:var(--gc-space-4);margin-top:var(--gc-space-6);display:grid}.authentication-field{gap:var(--gc-space-2);color:var(--gc-text-secondary);font-size:var(--gc-text-small);line-height:var(--gc-line-small);display:grid}.authentication-field input{width:100%;min-height:var(--gc-size-control);border:1px solid var(--gc-border-control);border-radius:var(--gc-radius-md);padding:0 var(--gc-space-3);color:var(--gc-text-primary);background:var(--gc-input)}.authentication-field input[aria-invalid=true]{border-color:var(--gc-danger)}.authentication-hint,.authentication-error{margin:calc(var(--gc-space-2) * -1) 0 0;font-size:var(--gc-text-caption);line-height:var(--gc-line-caption)}.authentication-hint{color:var(--gc-text-muted)}.authentication-error{color:var(--gc-danger)}.authentication-submit{width:100%}.app-frame{background:var(--gc-canvas);min-height:100dvh}.gc-shell{background:var(--gc-content);grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid;overflow:hidden}.sidebar,.main,.members{min-width:0;min-height:0}.sidebar{border-right:1px solid var(--gc-border-subtle);background:var(--gc-sidebar);flex-direction:column;min-height:0;display:flex}.guild-header{width:100%;min-height:var(--gc-layout-header);align-items:center;gap:var(--gc-space-3);padding:0 var(--gc-space-6);color:var(--gc-text-primary);font-size:var(--gc-text-title);font-weight:var(--gc-weight-semibold);text-align:left;background:0 0;border:0;display:flex}.guild-mark{border-radius:var(--gc-radius-md);width:32px;height:32px;color:var(--gc-text-primary);background:var(--gc-surface-raised);font-size:var(--gc-size-icon-lg);font-weight:var(--gc-weight-bold);flex:0 0 32px;place-items:center;display:grid}.nav-content{min-height:0;padding:var(--gc-space-3);overscroll-behavior:contain;scrollbar-width:thin;flex:1;overflow:auto}.main{background:var(--gc-content);min-height:0;overflow:hidden}.members{border-left:1px solid var(--gc-border-subtle);min-height:0;padding:var(--gc-space-6);background:var(--gc-aside);scrollbar-width:thin;display:none;overflow:auto}.members-heading{margin:0 0 var(--gc-space-6);color:var(--gc-text-secondary);font-size:var(--gc-text-small);font-weight:var(--gc-weight-medium)}.members p{margin:var(--gc-space-4) 0 0;color:var(--gc-text-muted);font-size:var(--gc-text-small);line-height:var(--gc-line-small)}.members-summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-list{gap:var(--gc-space-2);margin:var(--gc-space-4) 0 0;padding:0;list-style:none;display:grid}.member-card{min-height:56px}.member{align-items:center;gap:var(--gc-space-3);border-radius:var(--gc-radius-sm);width:100%;padding:var(--gc-space-1) 0;color:var(--gc-text-primary);text-align:left;background:0 0;border:0;display:flex}.member:hover{background:var(--gc-surface-hover)}.member-avatar{border-radius:var(--gc-radius-full);width:36px;height:36px;color:var(--gc-on-accent);background:var(--gc-avatar-violet);font-size:var(--gc-text-title);font-weight:var(--gc-weight-medium);flex:0 0 36px;place-items:center;display:grid}.member-copy{min-width:0}.member-name{color:var(--gc-text-primary);font-size:var(--gc-text-body);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-state,.member-speaking{color:var(--gc-text-muted);font-size:var(--gc-text-caption)}.member-speaking.active{color:var(--gc-success)}.user-footer{min-height:var(--gc-layout-user-footer);align-items:center;gap:var(--gc-space-3);border-top:1px solid var(--gc-border-subtle);padding:var(--gc-space-3) var(--gc-space-5);display:flex}.user-footer-avatar{border-radius:var(--gc-radius-full);width:36px;height:36px;color:var(--gc-on-accent);background:var(--gc-avatar-blue);font-weight:var(--gc-weight-semibold);flex:0 0 36px;place-items:center;display:grid}.user-footer .username{flex:1;min-width:0}.user-footer p{color:var(--gc-text-primary);font-size:var(--gc-text-body);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.user-footer small{color:var(--gc-text-muted);font-size:var(--gc-text-caption)}.user-footer-settings{width:var(--gc-size-control);height:var(--gc-size-control);border-radius:var(--gc-radius-sm);color:var(--gc-text-secondary);background:0 0;border:0;place-items:center;padding:0;display:grid}.user-footer-settings:hover{background:var(--gc-surface-hover)}.user-footer-settings svg{width:var(--gc-size-icon);height:var(--gc-size-icon);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px}@media (width>=1440px){.app-frame{padding:var(--gc-layout-frame-wide)}.gc-shell{grid-template-columns:var(--gc-layout-nav-wide) minmax(0, 1fr) var(--gc-layout-aside-wide);border:1px solid var(--gc-border-subtle);border-radius:var(--gc-radius-shell);height:calc(100dvh - 48px);min-height:0;box-shadow:var(--gc-shadow-shell)}.gc-shell.no-aside{grid-template-columns:var(--gc-layout-nav-wide) minmax(0, 1fr)}.members{display:block}}@media (width>=1280px) and (width<=1439px){.app-frame{padding:var(--gc-layout-frame-medium)}.gc-shell{grid-template-columns:var(--gc-layout-nav-medium) minmax(0, 1fr) var(--gc-layout-aside-medium);border:1px solid var(--gc-border-subtle);border-radius:var(--gc-radius-lg);height:calc(100dvh - 32px);min-height:0}.gc-shell.no-aside{grid-template-columns:var(--gc-layout-nav-medium) minmax(0, 1fr)}.members{display:block}}@media (width>=1024px) and (width<=1279px){.app-frame{padding:var(--gc-layout-frame-medium)}.gc-shell{grid-template-columns:var(--gc-layout-nav-small) minmax(0, 1fr);border:1px solid var(--gc-border-subtle);border-radius:var(--gc-radius-lg);height:calc(100dvh - 32px);min-height:0}}@media (width<=1023px){.gc-shell{overflow:auto}.sidebar{border-right:0;border-bottom:1px solid var(--gc-border-subtle)}.nav-content{flex:none;max-height:42dvh}.main{min-height:58dvh}}.sidebar-tabs{gap:var(--gc-space-1);border-bottom:1px solid var(--gc-border-subtle);padding:0 var(--gc-space-3) var(--gc-space-3);display:flex}.workspace-sidebar-tabs button{border-radius:var(--gc-radius-sm);min-height:36px;padding:0 var(--gc-space-2);color:var(--gc-text-muted);font-size:var(--gc-text-small);font-weight:var(--gc-weight-medium);background:0 0;border:0;flex:1}.workspace-sidebar-tabs button:hover{color:var(--gc-text-primary);background:var(--gc-surface-hover)}.workspace-sidebar-tabs button.is-selected{color:var(--gc-text-primary);background:var(--gc-surface-selected)}.channel-navigation,.direct-message-navigation{padding:0}.channel-category+.channel-category{margin-top:var(--gc-space-2)}.channel-category h2,.direct-message-navigation h2{padding:var(--gc-space-4) var(--gc-space-3) var(--gc-space-2);color:var(--gc-text-muted);font-size:var(--gc-text-caption);font-weight:var(--gc-weight-medium);line-height:var(--gc-line-caption);justify-content:space-between;align-items:center;margin:0;display:flex}.channel-category:first-child h2{padding-top:var(--gc-space-2)}.empty-category{margin:var(--gc-space-2) var(--gc-space-3);color:var(--gc-text-muted);font-size:var(--gc-text-small)}.channel-button{width:100%;height:var(--gc-layout-row-channel);align-items:center;gap:var(--gc-space-3);border-radius:var(--gc-radius-sm);padding:0 var(--gc-space-3);color:var(--gc-text-secondary);font-size:var(--gc-text-body);text-align:left;background:0 0;border:0;display:flex;position:relative}.channel-button:hover{color:var(--gc-text-primary);background:var(--gc-surface-hover)}.channel-button.selected{color:var(--gc-text-primary);background:var(--gc-surface-selected)}.channel-button.voice-connected:before{background:var(--gc-success);content:"";border-radius:3px;width:3px;height:18px;position:absolute;top:12px;left:0}.channel-button.voice-connected{color:var(--gc-text-primary)}.channel-icon{width:var(--gc-size-icon);height:var(--gc-size-icon);flex:0 0 var(--gc-size-icon);color:var(--gc-text-muted);font-size:var(--gc-size-icon-lg);justify-content:center;align-items:center;display:inline-flex}.channel-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:100%;height:100%}.channel-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.channel-state{border-radius:var(--gc-radius-sm);min-height:20px;color:var(--gc-warning);background:var(--gc-warning-bg);font-size:var(--gc-text-caption);line-height:var(--gc-line-caption);white-space:nowrap;align-items:center;padding:2px 6px;display:inline-flex}.dm-avatar{border-radius:var(--gc-radius-full);width:28px;height:28px;color:var(--gc-on-accent);background:var(--gc-avatar-green);font-size:var(--gc-text-small);font-weight:var(--gc-weight-medium);flex:0 0 28px;place-items:center;display:grid}.starter{gap:var(--gc-space-2);margin:0 0 var(--gc-space-3);border-bottom:1px solid var(--gc-border-subtle);padding:0 0 var(--gc-space-3);display:grid}.starter-header{justify-content:space-between;align-items:center;display:flex}.starter-header h3{color:var(--gc-text-primary);font-size:var(--gc-text-small);margin:0}.starter-header button{color:var(--gc-text-secondary);font-size:var(--gc-text-section);background:0 0;border:0}.candidate-list{gap:var(--gc-space-1);display:grid}.admin-topology-controls,.audio-settings,.text-message-search,.direct-message-search{gap:var(--gc-space-3);margin:0 0 var(--gc-space-3);border:1px solid var(--gc-border-subtle);border-radius:var(--gc-radius-md);padding:var(--gc-space-3);background:var(--gc-surface);display:grid}.admin-topology-controls h2,.text-message-search h3,.direct-message-search h3{font-size:var(--gc-text-small);margin:0}.admin-topology-form,.text-search-form,.direct-search-form{gap:var(--gc-space-2);display:grid}.admin-topology-form input,.admin-topology-form select,.text-search-form input,.direct-search-form input{min-height:var(--gc-size-control-sm);border:1px solid var(--gc-border-control);border-radius:var(--gc-radius-sm);padding:0 var(--gc-space-2);color:var(--gc-text-primary);background:var(--gc-input)}.admin-topology-form button,.text-search-form button,.direct-search-form button,.text-search-more,.direct-search-more{min-height:var(--gc-size-control-sm);border-radius:var(--gc-radius-sm);color:var(--gc-on-accent);background:var(--gc-accent);font-weight:var(--gc-weight-semibold);border:0}.admin-topology-status{color:var(--gc-success);font-size:var(--gc-text-caption);margin:0}.admin-topology-error,.text-search-error,.direct-search-error{color:var(--gc-danger);font-size:var(--gc-text-caption);margin:0}.voice-room{flex-direction:column;height:100%;min-height:0;display:flex}.room-wrap{min-height:0;padding:var(--gc-space-6);scrollbar-width:thin;flex:1;overflow:auto}.room-intro{justify-content:space-between;align-items:center;gap:var(--gc-space-3);margin-bottom:var(--gc-space-6);display:flex}.room-intro p{color:var(--gc-text-secondary);font-size:var(--gc-text-body);margin:0}.room-intro .gc-button{flex:none}.voice-advanced{margin-top:var(--gc-space-6);border:1px solid var(--gc-border-subtle);border-radius:var(--gc-radius-md);padding:var(--gc-space-3);color:var(--gc-text-secondary)}.voice-advanced summary{cursor:pointer;color:var(--gc-text-secondary);font-size:var(--gc-text-small);font-weight:var(--gc-weight-medium)}.voice-advanced[open] summary{margin-bottom:var(--gc-space-3)}.participant-grid,.voice-participant-volumes{gap:var(--gc-space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.voice-participant-volumes>h3,.voice-participant-volumes>p{grid-column:1/-1;margin:0}.participant{align-items:center;gap:var(--gc-space-2);border-radius:var(--gc-radius-lg);min-height:176px;padding:var(--gc-space-5) var(--gc-space-3) var(--gc-space-3);color:var(--gc-text-primary);background:var(--gc-surface);text-align:center;border:2px solid #0000;flex-direction:column;display:flex}.participant.talking{border-color:var(--gc-success)}.avatar.lg{border-radius:var(--gc-radius-full);width:64px;height:64px;color:var(--gc-on-accent);background:var(--gc-avatar-violet);font-size:26px;font-weight:var(--gc-weight-medium);place-items:center;display:grid}.participant-name{max-width:100%;font-size:var(--gc-text-body);font-weight:var(--gc-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.participant-status{color:var(--gc-text-muted);font-size:var(--gc-text-caption)}.participant-status.talking{color:var(--gc-success)}.participant-volume{width:100%;color:var(--gc-text-muted);font-size:var(--gc-text-caption);text-align:left;margin-top:auto}.participant-volume summary{cursor:pointer;text-align:center}.participant-volume input{width:100%;margin-top:var(--gc-space-2);accent-color:var(--gc-accent)}.participant small{color:var(--gc-text-muted);font-size:var(--gc-text-caption)}.voice-dock{border-top:1px solid var(--gc-border-subtle);min-height:48px;padding:var(--gc-space-3);background:var(--gc-surface)}.voice-dock.connected{min-height:var(--gc-layout-voice-dock)}.voice-dock-header,.dock-info{align-items:center;gap:var(--gc-space-2);color:var(--gc-success);font-size:var(--gc-text-caption);display:flex}.voice-status{min-width:0;color:var(--gc-text-primary);font-size:var(--gc-text-small);font-weight:var(--gc-weight-semibold);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.voice-status-channel{color:var(--gc-text-secondary);font-weight:var(--gc-weight-regular)}.status-dot{border-radius:var(--gc-radius-full);background:var(--gc-text-muted);flex:0 0 8px;width:8px;height:8px}.status-dot.connected{background:var(--gc-success)}.voice-hint{margin:var(--gc-space-1) 0 0 var(--gc-space-4);color:var(--gc-text-muted);font-size:var(--gc-text-caption);line-height:var(--gc-line-caption)}.voice-actions{justify-content:space-between;gap:var(--gc-space-2);margin-top:var(--gc-space-2);display:flex}.voice-icon-button{width:var(--gc-size-control);height:var(--gc-size-control);border-radius:var(--gc-radius-sm);color:var(--gc-text-secondary);background:var(--gc-surface-raised);border:0;place-items:center;display:grid}.voice-icon-button:hover:not(:disabled),.voice-icon-button[aria-pressed=true]{color:var(--gc-text-primary);background:var(--gc-surface-hover)}.voice-icon-button.voice-icon-button--danger{color:var(--gc-danger)}.voice-icon-button:disabled{color:var(--gc-text-disabled)}.voice-icon{width:var(--gc-size-icon);height:var(--gc-size-icon);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px}.audio-settings{gap:var(--gc-space-2);display:grid}.audio-settings label{gap:var(--gc-space-1);color:var(--gc-text-secondary);font-size:var(--gc-text-caption);display:grid}.audio-settings select{min-height:var(--gc-size-control-sm);border:1px solid var(--gc-border-control);border-radius:var(--gc-radius-sm);color:var(--gc-text-primary);background:var(--gc-input)}.audio-settings fieldset{gap:var(--gc-space-2);border:1px solid var(--gc-border-subtle);border-radius:var(--gc-radius-sm);padding:var(--gc-space-3);margin:0;display:grid}.audio-settings legend{padding:0 var(--gc-space-1);color:var(--gc-text-secondary);font-size:var(--gc-text-caption)}.audio-settings fieldset label{grid-template-columns:auto 1fr;align-items:center}.audio-settings fieldset p{margin:0 0 0 var(--gc-space-5);font-size:var(--gc-text-caption)}.screen-settings{gap:var(--gc-space-2);width:min(340px,100%);color:var(--gc-text-secondary);display:grid}.screen-settings select{min-height:var(--gc-size-control);border:1px solid var(--gc-border-control);border-radius:var(--gc-radius-md);color:var(--gc-text-primary);background:var(--gc-input)}.stream-wrap{gap:var(--gc-space-4);height:100%;min-height:0;padding:var(--gc-space-6);flex-direction:column;flex:1;display:flex}.stream-meta{align-items:center;gap:var(--gc-space-2);color:var(--gc-text-muted);font-size:var(--gc-text-caption);flex-wrap:wrap;display:flex}.stream-meta h3{color:var(--gc-text-primary);font-size:var(--gc-text-title);margin:0}.screen-stage{border:1px solid var(--gc-border-subtle);border-radius:var(--gc-radius-md);background:var(--gc-stream-canvas);flex:1;place-items:center;min-height:180px;display:grid;overflow:hidden}.screen-stage>.state{color:var(--gc-text-muted);text-align:center}.screen-player{border-radius:var(--gc-radius-md);background:var(--gc-stream-canvas);object-fit:contain;width:100%;max-height:100%;display:block}.stream-controls{align-items:center;gap:var(--gc-space-2);flex-wrap:wrap;display:flex}.stream-controls .volume-control{align-items:center;gap:var(--gc-space-2);min-width:148px;color:var(--gc-text-secondary);font-size:var(--gc-text-caption);flex:1;display:flex}.stream-controls input,.volume-control input{width:100%;accent-color:var(--gc-accent)}.stream-rail{gap:var(--gc-space-2);min-height:72px;padding:var(--gc-space-1) 0;scrollbar-width:thin;display:flex;overflow:auto}.stream-option{gap:var(--gc-space-1);border:1px solid var(--gc-border-subtle);border-radius:var(--gc-radius-md);min-width:168px;min-height:64px;padding:var(--gc-space-3);color:var(--gc-text-primary);background:var(--gc-surface);text-align:left;display:grid}.stream-option.selected{border-color:var(--gc-accent-text);background:var(--gc-surface-selected)}.stream-option small{color:var(--gc-text-muted)}@media (width<=1023px){.room-wrap,.stream-wrap{padding:var(--gc-space-4)}.room-intro{flex-direction:column;align-items:flex-start}.participant-grid,.voice-participant-volumes{grid-template-columns:repeat(auto-fill,minmax(144px,1fr))}}.conversation-pane,.text-conversation,.direct-message-conversation{height:100%;min-height:0;color:var(--gc-text-primary);flex-direction:column;display:flex}.conversation-pane>.eyebrow,.conversation-pane>h2,.conversation-pane>p{margin-left:var(--gc-space-6);margin-right:var(--gc-space-6)}.main-header{min-width:0;min-height:var(--gc-layout-header);align-items:center;gap:var(--gc-space-3);border-bottom:1px solid var(--gc-border-subtle);padding:0 var(--gc-space-6);display:flex}.main-title{flex:1;min-width:0}.main-title h2{color:var(--gc-text-primary);font-size:var(--gc-text-title);font-weight:var(--gc-weight-semibold);line-height:var(--gc-line-title);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.main-title small{color:var(--gc-text-muted);font-size:var(--gc-text-caption);font-weight:var(--gc-weight-regular);line-height:var(--gc-line-caption);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.conversation-symbol{width:var(--gc-size-icon-lg);height:var(--gc-size-icon-lg);flex:0 0 var(--gc-size-icon-lg);color:var(--gc-text-muted);font-size:var(--gc-text-section);place-items:center;display:grid}.conversation-symbol--person{border:1px solid var(--gc-border-control);border-radius:var(--gc-radius-full);font-size:var(--gc-text-small)}.header-actions{gap:var(--gc-space-1);display:flex}.header-action{width:var(--gc-size-control);height:var(--gc-size-control);border-radius:var(--gc-radius-sm);color:var(--gc-text-secondary);background:0 0;border:0;place-items:center;padding:0;display:grid}.header-action:hover{background:var(--gc-surface-hover)}.header-action svg{width:var(--gc-size-icon);height:var(--gc-size-icon);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px}.conversation-tools{margin:var(--gc-space-3) var(--gc-space-5) 0}.conversation-tools .text-message-search,.conversation-tools .direct-message-search{margin:0}.messages{min-height:0;padding:var(--gc-space-6) 28px;scrollbar-width:thin;flex:1;margin:0;list-style:none;overflow:auto}.message-list>li+li{margin-top:var(--gc-space-6)}.message-list>.state{color:var(--gc-text-muted)}.message-row{gap:var(--gc-space-4);border-radius:var(--gc-radius-sm);background:0 0;border-left:0;min-width:0;margin:0;padding:0;display:flex}.message-row:hover{background:var(--gc-surface-hover)}.message-row.deleted{opacity:.75}.message-avatar{border-radius:var(--gc-radius-full);width:40px;height:40px;color:var(--gc-on-accent);background:var(--gc-avatar-blue);font-size:17px;font-weight:var(--gc-weight-medium);flex:0 0 40px;place-items:center;display:grid}.message-content{flex:1;min-width:0}.message-meta{align-items:baseline;gap:var(--gc-space-2);margin-bottom:var(--gc-space-1);color:var(--gc-text-muted);font-size:var(--gc-text-caption);display:flex}.message-author{color:var(--gc-text-primary);font-size:var(--gc-text-body);font-weight:var(--gc-weight-medium)}.message-item p{color:var(--gc-text-primary);font-size:var(--gc-text-message);line-height:var(--gc-line-message);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.message-item.deleted p{color:var(--gc-text-muted);font-style:italic}.message-actions{gap:var(--gc-space-2);margin:var(--gc-space-2) 0 0;display:flex}.message-actions button,.message-item textarea+button,.reply-target button{min-height:var(--gc-size-control-sm);border-radius:var(--gc-radius-sm);padding:0 var(--gc-space-2);color:var(--gc-text-secondary);background:var(--gc-surface-raised);border:0}.message-item textarea{width:100%;min-height:70px;margin-top:var(--gc-space-2);border:1px solid var(--gc-border-control);border-radius:var(--gc-radius-sm);padding:var(--gc-space-2);color:var(--gc-text-primary);background:var(--gc-input)}.reply-preview,.reply-target{margin:0 0 var(--gc-space-2);border-left:2px solid var(--gc-accent-text);padding-left:var(--gc-space-3);color:var(--gc-text-secondary);font-size:var(--gc-text-caption)}.message-code{margin:var(--gc-space-2) 0 0;border-radius:var(--gc-radius-sm);padding:var(--gc-space-2);color:var(--gc-text-secondary);background:var(--gc-stream-canvas);overflow-x:auto}.message-item a{color:var(--gc-accent-text)}.composer-wrap{padding:0 var(--gc-space-5) var(--gc-space-6);flex-shrink:0}.composer{min-height:var(--gc-layout-composer-min);align-items:flex-end;gap:var(--gc-space-2);border:1px solid var(--gc-border-control);border-radius:var(--gc-radius-md);padding:7px var(--gc-space-2);background:var(--gc-input);display:flex}.composer:focus-within{outline:2px solid var(--gc-focus);outline-offset:3px}.message-composer{flex-wrap:wrap}.composer textarea{min-width:0;min-height:40px;max-height:var(--gc-layout-composer-max);resize:vertical;padding:var(--gc-space-2) 0;color:var(--gc-text-primary);font-size:var(--gc-text-body);line-height:var(--gc-line-body);background:0 0;border:0;flex:1}.composer textarea:focus{outline:0}.composer textarea::placeholder{color:var(--gc-text-muted)}.emoji-picker{display:flex;position:relative}.emoji-trigger,.composer-send,.attachment-trigger{width:var(--gc-size-control);height:var(--gc-size-control);border-radius:var(--gc-radius-sm);color:var(--gc-text-secondary);background:0 0;border:0;place-items:center;padding:0;display:grid}.emoji-trigger:hover,.composer-send:hover:not(:disabled),.attachment-trigger:hover{background:var(--gc-surface-hover)}.emoji-menu{right:0;bottom:calc(100% + var(--gc-space-2));z-index:30;gap:var(--gc-space-1);border:1px solid var(--gc-border-subtle);border-radius:var(--gc-radius-md);width:max-content;padding:var(--gc-space-1);background:var(--gc-surface-raised);box-shadow:var(--gc-shadow-popup);display:flex;position:absolute}.emoji-menu button{border-radius:var(--gc-radius-sm);background:0 0;border:0;width:32px;height:32px}.emoji-menu button:hover{background:var(--gc-surface-hover)}.composer-send:not(:disabled){color:var(--gc-accent-text)}.composer-send svg{width:var(--gc-size-icon);height:var(--gc-size-icon);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px}.composer-send:disabled{color:var(--gc-text-disabled)}.composer .attachment-picker{display:contents}.attachment-input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.attachment-hint{display:none}.attachment-state,.attachment-list{flex-basis:100%}.attachment-state{color:var(--gc-text-muted);font-size:var(--gc-text-caption);margin:0}.attachment-error{color:var(--gc-danger)}.attachment-list{gap:var(--gc-space-1);padding-left:var(--gc-space-5);color:var(--gc-text-secondary);margin:0;display:grid}.attachment-preview{max-width:min(100%,512px);max-height:384px;margin:var(--gc-space-2) 0;border-radius:var(--gc-radius-sm);object-fit:contain;display:block}.text-message-attachments{gap:var(--gc-space-2);margin:var(--gc-space-2) 0 0;padding:0;list-style:none;display:grid}.text-message-attachments a{color:var(--gc-accent-text);overflow-wrap:anywhere}.text-search-results,.direct-search-results{gap:var(--gc-space-2);margin:0;padding:0;list-style:none;display:grid}.text-search-result,.direct-search-result{border-left:2px solid var(--gc-border-control);padding:var(--gc-space-2) var(--gc-space-3);background:var(--gc-surface)}@media (width<=1023px){.main-header{min-height:56px;padding:0 var(--gc-space-4)}.messages{padding:var(--gc-space-5) var(--gc-space-4)}.composer-wrap{padding:0 var(--gc-space-3) var(--gc-space-3)}}