:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at top left,rgba(18,152,124,.18),transparent 32%),radial-gradient(circle at bottom right,rgba(255,161,22,.14),transparent 28%),#111419;color:#eef3f1}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 22%),linear-gradient(180deg,#111419,#0b0e12)}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:82px 1fr}.server-rail{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 12px;background:#0a0d11e6;border-right:1px solid rgba(255,255,255,.06)}.brand-chip,.server-pill,.avatar{display:grid;place-items:center;border-radius:24px;font-weight:700}.brand-chip{width:52px;height:52px;background:linear-gradient(135deg,#19b394,#126d61);color:#02120f;box-shadow:0 16px 32px #19b3944d}.server-pill{width:48px;height:48px;border:0;color:#d7dfdc;background:#ffffff14}.server-pill--active{background:linear-gradient(135deg,#19b3948c,#ffa1164d)}.workspace-pane{padding:20px}.workspace-header{display:flex;justify-content:space-between;align-items:end;padding-bottom:20px}.workspace-header h1,.chat-header h2{margin:0}.eyebrow{margin:0 0 6px;color:#7fc7bb;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem}.header-actions,.chat-header-actions,.composer-actions,.audio-controls,.pane-actions,.document-actions-row{display:flex;gap:10px;align-items:center}.viewer-switch{display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#ffffff0f;color:#dce8e4}.viewer-switch span{font-size:.84rem;color:#a9bab4}.viewer-switch select{border:0;background:transparent;color:inherit}.workspace-grid{min-height:calc(100vh - 112px);display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:16px}.auth-shell{min-height:calc(100vh - 112px);display:grid;grid-template-columns:minmax(0,1.15fr) 420px;gap:18px}.auth-panel{background:#111419db;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 48px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px}.auth-panel--hero{padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,rgba(25,179,148,.16),transparent 46%),linear-gradient(210deg,rgba(255,161,22,.12),transparent 38%),#111419db}.auth-panel--hero h1{margin:0;max-width:14ch;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02}.auth-panel--form{padding:22px;display:flex;flex-direction:column;gap:16px}.channels-pane,.chat-pane,.details-pane{min-height:0}.channels-pane,.detail-card,.chat-pane{background:#111419db;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 48px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.channels-pane{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:24px}.pane-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#c6d7d1}.pane-title-row--tight{margin-top:18px}.pane-title-row button,.chat-header-actions button,.session-action,.session-list-actions button,.session-row button,.member-row button,.composer-actions button,.voice-channel-card button,.control-button,.ui-error-card button,.auth-tab,.auth-dev-button{border:0;border-radius:12px;padding:8px 12px;background:#ffffff1a;color:inherit}.auth-copy,.auth-hint,.auth-notice p,.auth-loading p{margin:0;color:#9fb0aa;line-height:1.5}.auth-pills{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.auth-notice,.auth-loading{padding:16px 18px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.auth-notice{background:#7c242452;border-color:#ff89893d}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-tab{padding:12px 14px;background:#ffffff0d}.auth-tab--active{background:linear-gradient(135deg,#19b39442,#ffa11624)}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:block;color:#c9dad5}.auth-form input{width:100%;margin-top:8px;border:0;border-radius:16px;padding:13px 15px;background:#ffffff0f;color:#eef3f1}.auth-submit,.auth-dev-button{width:100%;padding:12px 14px;font-weight:700}.auth-submit{border:0;border-radius:16px;background:linear-gradient(135deg,#19b394,#126d61);color:#03110f}.auth-dev-button{background:#ffffff14}.auth-divider{display:flex;align-items:center;gap:12px;color:#9fb0aa;font-size:.84rem;text-transform:uppercase;letter-spacing:.14em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.channel-list{display:flex;flex-direction:column;gap:8px}.channel-button{display:flex;gap:8px;align-items:center;width:100%;border:0;border-radius:14px;padding:12px 14px;color:#dce8e4;background:transparent;text-align:left}.channel-button--active{background:linear-gradient(135deg,#11b39438,#ffa1161a)}.channel-button--unread{color:#fff}.channel-name--unread{font-weight:700}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ff5050d9;color:#fff;font-size:.7rem;font-weight:700;line-height:1;margin-left:auto;flex-shrink:0}.unread-badge--voice{margin-left:6px;font-size:.65rem;min-width:18px;height:18px}.unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffa116e6;margin-left:auto;flex-shrink:0}.new-messages-divider{display:flex;align-items:center;gap:12px;padding:4px 0;color:#ff5050d9;font-size:.75rem;font-weight:600}.new-messages-divider:before,.new-messages-divider:after{content:"";flex:1;height:1px;background:#ff505059}.channel-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-channel-card,.file-row,.message-card,.member-row{display:flex;justify-content:space-between;gap:12px}.voice-channel-card,.file-row{padding:12px;border-radius:16px;background:#ffffff0d}.file-row{width:100%;border:0;align-items:center;text-align:left}.file-row--active{background:linear-gradient(135deg,#19b3942e,#ffa11624)}.voice-channel-card p,.file-row p,.detail-copy,.member-row p,.chat-header p,.audio-user p,.ui-error-card p,.attachment-card span,.message-meta span,.message-meta em,.reply-chip{margin:4px 0 0;color:#9fb0aa;font-size:.92rem}.files-card{flex:1;min-height:0;padding-top:4px;display:flex;flex-direction:column;gap:12px}.library-controls{display:flex;flex-direction:column;gap:10px}.library-search-field,.library-select-field{display:flex;flex-direction:column;gap:6px;color:#c9dad5}.library-search-field span,.library-select-field span{font-size:.84rem;color:#9fb0aa}.library-search-field input,.library-select-field select{width:100%;border:0;border-radius:14px;padding:11px 13px;background:#ffffff0f;color:#eef3f1}.library-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-results-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.library-results-row p{margin:0;color:#9fb0aa;font-size:.9rem}.library-results-row button,.library-selection-card button,.library-list-empty button{border:0;border-radius:12px;padding:8px 12px;background:#ffffff1a;color:inherit}.library-selection-card,.library-list-empty{padding:14px;border-radius:18px;background:#ffffff0a}.library-selection-card{border:1px solid rgba(255,255,255,.07)}.library-selection-card p,.library-list-empty p{margin:6px 0 0;color:#9fb0aa;font-size:.9rem}.library-selection-card button,.library-list-empty button{margin-top:10px}.file-input{display:none}.file-list{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px}.file-row-copy{min-width:0;flex:1}.file-row-title{display:flex;gap:10px;align-items:center}.file-row-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.file-row-action{color:#dce8e4;font-size:.9rem;font-weight:600;white-space:nowrap}.audio-dock{margin-top:auto;padding:14px;border-radius:20px;background:linear-gradient(180deg,#19b3941f,#ffa11614)}.audio-user{display:flex;gap:12px;align-items:center;margin-bottom:12px}.avatar{width:42px;height:42px;background:linear-gradient(135deg,#ffaa1a,#d95c29);color:#120a02}.avatar--message,.avatar--member{width:38px;height:38px}.chat-pane{border-radius:28px;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto}.chat-pane--library{grid-template-rows:auto auto 1fr}.chat-header{padding:20px 24px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.08)}.message-list{padding:22px 24px;overflow:auto;display:flex;flex-direction:column;gap:20px}.message-card{align-items:flex-start}.message-body{flex:1}.message-meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}.message-body p{margin:0;line-height:1.5}.reply-chip{margin-bottom:8px}.attachment-card{margin-top:12px;display:inline-flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;background:#ffffff0f}.attachment-image-wrapper{margin-top:12px}.attachment-image{max-width:360px;max-height:280px;border-radius:12px;cursor:pointer;object-fit:cover;display:block}.attachment-image:hover{opacity:.9}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000c;cursor:pointer}.image-lightbox img{max-width:90vw;max-height:90vh;border-radius:12px;object-fit:contain}.message-list--drag-over{outline:2px dashed rgba(25,179,148,.5);outline-offset:-4px}.pending-attachments-strip{display:flex;gap:8px;padding:10px 24px 0;overflow-x:auto}.pending-attachment{position:relative;flex-shrink:0}.pending-attachment-thumb{width:64px;height:64px;border-radius:8px;object-fit:cover;display:block}.pending-attachment-remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;border:0;background:#dc3c3ce6;color:#fff;font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.composer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 24px 22px;border-top:1px solid rgba(255,255,255,.08)}.composer>.pending-attachments-strip{width:100%;flex-basis:100%}.composer input{border:0;border-radius:18px;padding:14px 18px;background:#ffffff0f;color:#eef3f1}.send-button{background:linear-gradient(135deg,#19b394,#126d61);color:#03110f;font-weight:700}.document-shell,.file-preview-shell,.library-empty-state{padding:22px 24px;overflow:auto}.document-shell,.file-preview-shell{display:flex;flex-direction:column;gap:16px}.document-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:start}.document-field{display:block;grid-column:1 / -1;color:#c9dad5}.document-field input,.document-editor-card textarea{width:100%;margin-top:8px;border:0;border-radius:18px;padding:14px 16px;background:#ffffff0f;color:#eef3f1}.document-editor-card,.document-preview-card,.document-recovery-card,.document-conflict-card,.document-history-card{min-height:0;padding:18px;border-radius:22px;background:#ffffff0d}.document-recovery-card{background:#80631233;border:1px solid rgba(255,197,79,.22)}.document-conflict-card{background:#7c242442;border:1px solid rgba(255,137,137,.24)}.document-recovery-card p,.document-conflict-card p,.document-history-row p{margin:8px 0 0;color:#c9dad5}.document-history-card{display:flex;flex-direction:column;gap:14px}.document-history-list{display:flex;flex-direction:column;gap:12px}.document-history-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:18px;background:#ffffff0a}.document-history-title-row{display:flex;gap:10px;align-items:center}.document-editor-card textarea{min-height:360px;resize:vertical}.markdown-preview{line-height:1.65;color:#dce8e4}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin:0 0 12px}.markdown-preview p,.markdown-preview ul,.markdown-preview pre,.markdown-preview blockquote{margin:0 0 14px}.markdown-preview ul{padding-left:18px}.markdown-preview code{padding:2px 6px;border-radius:8px;background:#ffffff14}.markdown-preview pre{padding:16px;border-radius:18px;overflow:auto;background:#080c10cc}.markdown-preview pre code{padding:0;background:transparent}.markdown-preview blockquote{padding-left:14px;border-left:3px solid rgba(25,179,148,.5);color:#a9bab4}.text-file-preview{margin:0;padding:20px;border-radius:22px;overflow:auto;background:#080c10cc;color:#dce8e4;white-space:pre-wrap}.file-media{width:100%;max-height:62vh;border-radius:22px;object-fit:contain;background:#080c10cc}.library-empty-state{display:grid;place-items:center;text-align:center;color:#dce8e4}.library-empty-state p{margin:8px 0 0;color:#9fb0aa}.details-pane{display:flex;flex-direction:column;gap:16px}.detail-card{border-radius:24px;padding:18px}.detail-card label{display:block;margin-top:12px;color:#c9dad5}.detail-card input[type=range]{width:100%;margin-top:8px}.media-room-card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:24px;background:radial-gradient(circle at top right,rgba(25,179,148,.14),transparent 36%),linear-gradient(180deg,#ffffff0e,#ffffff09);border:1px solid rgba(255,255,255,.08)}.media-room-card__summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.media-room-card__summary-copy{min-width:0;flex:1}.media-room-card__summary-copy p,.media-room-card__meta-card p,.media-room-participant__copy p{margin:4px 0 0;color:#9fb0aa;font-size:.92rem}.media-room-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-room-card__meta-card{padding:12px;border-radius:16px;background:#ffffff0d}.media-room-card__participants{display:flex;flex-direction:column;gap:10px}.media-room-participant{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;background:#ffffff0d}.media-room-participant__copy{min-width:0;flex:1}.media-room-participant__copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-room-track-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.media-room-track-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#ffffff14;color:#dce8e4;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.media-room-track-pill--active{background:#19b3942e;color:#92f4df}.media-room-track-pill--muted{background:#ffa11629;color:#ffd08a}.media-room-empty{margin:0;padding:12px 14px;border-radius:16px;background:#ffffff0a;color:#9fb0aa;font-size:.92rem}.member-list,.session-list,.bullet-list,.service-status-grid{display:flex;flex-direction:column;gap:12px}.session-list-actions{display:flex;justify-content:flex-end}.session-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#ffffff0d}.session-row-copy p{margin:6px 0 0;color:#9fb0aa}.service-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.service-status-card{padding:12px;border-radius:16px;background:#ffffff0d}.service-status-card p{margin:6px 0 0;color:#9fb0aa;text-transform:capitalize}.bullet-list{margin:0;padding-left:18px;color:#dce8e4}.ui-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff14;color:#dce8e4;font-size:.82rem}.ui-pill--success{background:#19b39433;color:#92f4df}.ui-pill--warning{background:#ffa1162e;color:#ffd08a}.ui-error-card{margin:18px 24px 0;padding:16px 18px;border-radius:20px;display:flex;justify-content:space-between;gap:18px;align-items:center;background:#7c242466;border:1px solid rgba(255,137,137,.28)}.ui-voice-meter{margin-top:14px}.ui-voice-meter__track{position:relative;height:20px;border-radius:999px;overflow:hidden;background:#ffffff14}.ui-voice-meter__level{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ffaa1a,#19b394)}.ui-voice-meter__threshold{position:absolute;top:0;bottom:0;width:2px;background:#ffffffd9}.control-button--danger{background:#b43a3a8c}.control-button--active{background:linear-gradient(135deg,#19b39473,#ffa11640)}.main-column{display:flex;flex-direction:column;gap:12px;min-height:0}.screen-share-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:14px;background:linear-gradient(135deg,#19b39438,#ffa11624);font-size:.88rem;font-weight:600;color:#d6f0ea}.screen-share-view{display:flex;flex-direction:column;gap:8px;border-radius:20px;overflow:hidden;background:#111419eb;border:1px solid rgba(255,255,255,.08)}.screen-share-view video,.screen-share-video{width:100%;max-height:340px;object-fit:contain;background:#0b0e12;border-radius:0 0 20px 20px}.screen-share-placeholder{display:grid;place-items:center;padding:40px 20px;color:#7c8b84;font-size:.9rem}.screen-share-controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 16px}.control-button--screen-share{white-space:nowrap}@media(max-width:1180px){.auth-shell{grid-template-columns:1fr}.workspace-grid{grid-template-columns:280px minmax(0,1fr)}.document-grid{grid-template-columns:1fr}.details-pane{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.media-room-card__meta{grid-template-columns:1fr}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.server-rail{flex-direction:row;justify-content:center}.workspace-grid{grid-template-columns:1fr}.details-pane{display:flex}.media-room-participant{flex-direction:column}.media-room-track-list{justify-content:flex-start}}.presence-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #1b2028}.presence-indicator--online{background:#19b394}.presence-indicator--idle{background:#ffaa1a}.presence-indicator--offline{background:#5c6573}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-settings{display:flex;flex-direction:column;gap:.75rem}.profile-setting-row label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#8d96a0}.profile-setting-row input[type=text]{background:#1b2028;border:1px solid #2a3040;border-radius:6px;padding:.35rem .5rem;color:#eef3f1}.profile-setting-row input[type=file]{font-size:.8rem;color:#8d96a0}.mention-highlight{padding:1px 4px;border-radius:6px;background:#19b39426;color:#7fc7bb;font-weight:600}.mention-highlight--self{background:#19b39447;color:#92f4df}.mention-highlight--everyone{background:#ffa1162e;color:#ffd08a;font-weight:600}.message-card--mentioned{border-left:3px solid rgba(25,179,148,.55);padding-left:12px;background:#19b3940f;border-radius:8px}.composer-input-wrapper{position:relative;flex:1}.composer-input-wrapper input{width:100%;border:0;border-radius:18px;padding:14px 18px;background:#ffffff0f;color:#eef3f1;font:inherit}.mention-autocomplete{position:absolute;bottom:calc(100% + 6px);left:0;right:0;max-height:220px;overflow:auto;display:flex;flex-direction:column;border-radius:16px;background:#111419f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px #0006;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;padding:6px}.mention-autocomplete-item{display:flex;gap:10px;align-items:center;width:100%;border:0;border-radius:12px;padding:10px 12px;background:transparent;color:#dce8e4;text-align:left;cursor:pointer;font:inherit}.mention-autocomplete-item--active{background:#19b3942e}.mention-autocomplete-name{font-weight:600}.mention-autocomplete-username{color:#9fb0aa;font-size:.88rem}.video-grid-container{padding:12px;border-radius:20px;background:#0000004d;margin-bottom:8px}.video-grid{gap:8px}.video-grid--gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.video-grid--speaker{display:flex;flex-direction:column;gap:8px}.video-grid--speaker>.video-tile--speaker-highlight{flex:1;min-height:280px}.video-grid-strip{display:flex;gap:8px;overflow-x:auto}.video-grid-strip>.video-tile{width:140px;min-width:140px;height:105px}.video-tile{position:relative;border-radius:14px;overflow:hidden;background:#1b2028;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:border-color .2s}.video-tile--speaking{border-color:#19b394;box-shadow:0 0 10px #19b39466}.video-tile--local{opacity:.95}.video-tile video{width:100%;height:100%;object-fit:cover;border-radius:12px}.video-tile--local video{transform:scaleX(-1)}.video-tile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#19b39433,#ffaa1a26)}.video-tile-placeholder span{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#ffaa1a,#d95c29);color:#120a02;font-size:1.2rem;font-weight:700}.video-tile-label{position:absolute;bottom:6px;left:8px;padding:2px 8px;border-radius:6px;background:#0009;color:#dce8e4;font-size:.78rem;font-weight:600;pointer-events:none}.video-layout-toggle{display:flex;gap:4px;margin-bottom:8px}.video-layout-toggle button{padding:4px 12px;border-radius:8px;background:#ffffff0f;color:#a9bab4;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:background .15s,color .15s}.video-layout-toggle button:hover{background:#ffffff1a}.video-layout-toggle button.active{background:#19b39440;color:#dce8e4}.control-button--active{background:#19b39459}.main-column{display:flex;flex-direction:column;gap:8px;min-height:0}