@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#313338;--bg-deep:#1e1f22;--panel:#2b2d31;--text-strong:#f2f3f5;--text-muted:#dbdee1;--text-soft:#949ba4;--accent-amber:#f0b232;--accent-coral:#f23f43;--accent-mint:#23a559;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--font-heading:"IBM Plex Sans", "Segoe UI", sans-serif;color:var(--text-muted);background:var(--bg-deep);font:16px/1.55 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-deep);min-width:320px;min-height:100vh;margin:0}body,button,input,textarea{font-family:var(--font-body)}#root{width:100%;min-height:100vh;padding:12px 0}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-strong);letter-spacing:-.01em}h1{font-size:1.1rem;line-height:1.1}h2{font-size:1.55rem;line-height:1.15}h3{font-size:1rem}h4{font-size:.95rem}p{margin-top:0}a{color:inherit}button,input,textarea{font:inherit}@media (width<=720px){#root{padding:8px 0}}.app-shell{min-height:100vh}.surface-card{border-radius:16px}.mobile-nav{background:#1f2023;border:1px solid #26282c;gap:.4rem;margin:0 12px 12px;padding:.4rem;display:none}.mobile-nav-button{flex:1 0 max-content;color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:.65rem .9rem;font-weight:600;transition:background .16s,color .16s,transform .16s}.mobile-nav-button:hover{color:var(--text-strong);background:#2b2d31}.mobile-nav-button-active{color:#fff;background:#5865f2}.app-header{background:#1f2023;border:1px solid #26282c;justify-content:space-between;align-items:center;gap:1rem;min-height:56px;margin:0 12px 12px;padding:.75rem 1rem;display:flex}.app-header-left,.app-brand,.app-header-actions,.user-chip,.channel-link-main,.chat-title-block,.profile-card,.member-row,.file-row{align-items:center;display:flex}.app-header-left,.app-brand,.user-chip,.channel-link-main,.chat-title-block,.profile-card,.member-row,.file-row{gap:.75rem}.app-brand-mark{color:#fff;background:#5865f2;border-radius:12px;place-items:center;width:2.25rem;height:2.25rem;font-size:.9rem;font-weight:700;display:grid}.app-brand-copy,.user-chip-copy,.profile-copy,.member-copy,.channel-link-copy{flex-direction:column;min-width:0;display:flex}.app-brand-copy strong,.app-breadcrumb-strong,.channel-link-copy strong,.user-chip-copy strong,.profile-copy strong,.member-copy strong,.workspace-sidebar-header strong,.file-row strong,.detail-card h4,.members-panel-header strong{color:var(--text-strong)}.app-brand-copy span,.user-chip-copy span,.profile-copy span,.member-copy span,.workspace-sidebar-header p,.detail-card p,.message-copy,.chat-subtext,.file-row span{color:var(--text-muted)}.app-breadcrumbs{color:var(--text-soft);align-items:center;gap:.5rem;font-size:.92rem;display:flex}.app-breadcrumb-channel{color:var(--text-muted)}.app-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.toolbar-button,.header-pill,.status-pill,.badge-amber,.badge-neutral,.message-kind,.profile-status,.member-presence,.composer-tool-button,.channel-group-action{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex}.toolbar-button,.composer-tool-button,.channel-group-action{color:var(--text-muted);cursor:pointer;background:#2b2d31;padding:.42rem .72rem}.toolbar-button:hover,.composer-tool-button:hover,.channel-group-action:hover{color:var(--text-strong);background:#35373c}.toolbar-button-compact,.channel-group-action{padding:.35rem .55rem}.header-pill,.status-pill,.badge-neutral,.profile-status{color:var(--text-soft);background:#2b2d31;padding:.36rem .66rem}.header-pill-live,.member-presence-online{color:#57f287;background:#23a5592e}.badge-amber,.message-kind,.member-presence-idle{color:#f0b232;background:#f0b2322e;padding:.36rem .66rem}.member-presence-busy{color:#f23f43;background:#f23f432e}.user-chip{background:#2b2d31;border-radius:12px;padding:.35rem .55rem}.discord-layout{grid-template-columns:72px 260px minmax(0,1fr) 240px;gap:0;min-height:calc(100vh - 80px);display:grid}.layout-panel{min-width:0;min-height:0}.layout-panel>.server-rail,.layout-panel>.channel-sidebar,.layout-panel>.chat-panel,.layout-panel>.activity-sidebar{height:100%}.server-rail{background:#1e1f22;border-right:1px solid #232428;flex-direction:column;align-items:center;gap:.85rem;margin-left:12px;padding:.75rem .7rem;display:flex}.server-button-icon img{width:20px;height:20px}.server-list{flex-direction:column;gap:.7rem;width:100%;display:flex}.server-button,.server-utility-button{aspect-ratio:1;width:100%;color:var(--text-strong);cursor:pointer;background:#313338;border:0;border-radius:999px;transition:border-radius .16s,background .16s,transform .16s;position:relative}.server-button:hover,.server-utility-button:hover,.server-button-active{background:#5865f2;border-radius:18px;transform:translateY(-1px)}.server-home-button{background:#5865f2;border-radius:18px}.server-button-icon{font-size:.84rem;font-weight:700}.server-active-marker{background:#fff;border-radius:999px;width:4px;height:0;transition:height .16s;position:absolute;top:50%;left:-.8rem;transform:translateY(-50%)}.server-button-active .server-active-marker{height:24px}.server-button-badge{color:#fff;background:#f23f43;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;font-size:.7rem;font-weight:700;display:grid;position:absolute;bottom:-.12rem;right:-.12rem}.server-divider{background:#35373c;border-radius:999px;width:32px;height:2px}.server-summary{color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;flex-direction:column;align-items:center;gap:.2rem;margin-top:auto;font-size:.7rem;display:flex}.server-summary strong{color:var(--text-strong);font-size:.92rem}.server-utility-button{color:#57f287;background:#313338}.channel-sidebar{background:#2b2d31;border-right:1px solid #232428;flex-direction:column;gap:1rem;padding:.85rem;display:flex}.workspace-sidebar-header{border-bottom:1px solid #232428;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.1rem .15rem .6rem;display:flex}.workspace-sidebar-header p{margin:.28rem 0 0;font-size:.82rem}.server-card,.voice-card,.detail-card,.message-empty,.empty-state{background:#232428;border:1px solid #2a2c31;border-radius:12px;padding:.85rem}.sidebar-shortcut{color:var(--text-soft);background:#1e1f22;border-radius:8px;padding:.7rem .8rem;font-size:.85rem}.sidebar-note{color:#f0b232;margin-top:.75rem;font-size:.8rem}.search-field{color:var(--text-soft);flex-direction:column;gap:.4rem;font-size:.8rem;display:flex}.search-field input,.composer textarea{width:100%;color:var(--text-strong);font:inherit;background:#1e1f22;border:0;border-radius:8px;padding:.78rem .85rem}.search-field input::placeholder,.composer textarea::placeholder{color:var(--text-soft)}.search-field input:focus,.composer textarea:focus{outline-offset:0;outline:2px solid #5865f266}.channel-groups,.channel-group,.channel-list,.members-panel,.member-group,.members-list,.files-panel,.file-list{flex-direction:column;display:flex}.channel-groups,.members-panel,.files-panel{gap:1rem}.channel-group,.member-group,.members-list,.file-list{gap:.4rem}.channel-group-header,.members-panel-header{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.channel-group-title,.member-group-title,.eyebrow{color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.72rem}.channel-link,.profile-card,.member-row,.file-row{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:8px;justify-content:space-between;gap:.7rem;padding:.5rem .65rem}.channel-link{cursor:pointer}.channel-link:hover,.profile-card:hover,.member-row:hover,.file-row:hover{background:#4f545c52}.channel-link-active{background:#4f545c99}.channel-symbol{color:var(--text-soft);font-size:1.05rem;font-weight:700}.channel-symbol-large{font-size:1.25rem}.voice-card{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.voice-card p,.profile-copy span,.member-copy span,.file-row span{margin:.2rem 0 0}.chat-panel{background:#313338;border-right:1px solid #232428;flex-direction:column;display:flex}.chat-toolbar{border-bottom:1px solid #232428;justify-content:space-between;align-items:center;gap:1rem;min-height:56px;padding:.75rem 1rem;display:flex}.chat-toolbar-actions,.attachment-row,.composer-tools{flex-wrap:wrap;gap:.5rem;display:flex}.chat-panel h3,.detail-card h4{margin:0}.chat-subtext{margin:.18rem 0 0;font-size:.86rem}.message-list{flex-direction:column;flex:1;gap:.15rem;padding:1rem 0;display:flex;overflow:auto}.channel-welcome{align-items:center;gap:1rem;margin-bottom:.6rem;padding:0 1rem 1rem;display:flex}.channel-welcome-mark{width:4rem;height:4rem;color:var(--text-strong);background:#232428;border-radius:20px;place-items:center;font-size:2rem;font-weight:700;display:grid}.channel-welcome h2{margin:0;font-size:1.75rem;line-height:1.1}.channel-welcome p{color:var(--text-muted);margin:.35rem 0 0}.message-divider{color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.75rem;margin:0 0 .35rem;padding:0 1rem;font-size:.72rem;display:flex}.message-divider:before,.message-divider:after{content:"";background:#3f4147;flex:1;height:1px}.message-row{gap:.9rem;padding:.18rem 1rem;display:flex}.message-row:hover{background:#4f545c1f}.message-avatar{color:#111214;border-radius:999px;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;font-size:.82rem;font-weight:700;display:grid}.tone-sky{background:#7dd3fc}.tone-sun{background:#fbbf24}.tone-coral{background:#fb7185}.tone-mint{background:#5eead4}.tone-user{background:#e2e8f0}.message-body{flex:1;min-width:0}.message-topline{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.message-topline strong{color:var(--text-strong)}.message-topline span,.message-meta time,.message-copy{font-size:.92rem}.message-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.message-copy{margin:.2rem 0 0;line-height:1.45}.attachment-row{margin-top:.55rem}.attachment-chip{color:#57f287;background:#23a55924;border-radius:999px;padding:.34rem .6rem;font-size:.75rem;display:inline-flex}.typing-strip{color:#c7d2fe;background:#5865f224;border-radius:8px;margin:0 1rem .75rem;padding:.6rem .8rem;font-size:.84rem}.composer{padding:0 1rem 1rem}.composer-label{color:var(--text-soft);margin-bottom:.45rem;font-size:.8rem;display:block}.composer-shell{background:#383a40;border-radius:10px;align-items:flex-end;gap:.6rem;padding:.75rem;display:flex}.composer-shell textarea{resize:vertical;background:0 0;min-height:46px;padding:.55rem 0}.composer-icon-button{width:2rem;height:2rem;color:var(--text-strong);cursor:pointer;background:#4e5058;border:0;border-radius:999px;flex-shrink:0}.composer-icon-button:hover{background:#5b5d66}.composer-tools{align-items:center}.primary-button{color:#fff;font:inherit;cursor:pointer;background:#5865f2;border:0;border-radius:8px;padding:.7rem .95rem;font-weight:600}.primary-button:hover{background:#4752c4}.activity-sidebar{background:#2b2d31;flex-direction:column;gap:1rem;padding:.85rem;display:flex}.members-panel-header{border-bottom:1px solid #232428;padding-bottom:.55rem}.detail-card-compact,.shared-note-card{padding:.8rem}.member-presence{text-transform:capitalize}@media (width<=1280px){.discord-layout{grid-template-columns:72px 250px minmax(0,1fr)}.layout-panel-activity{grid-column:2/4}}@media (width<=1024px){.discord-layout{grid-template-columns:72px minmax(0,1fr)}.layout-panel-channels,.layout-panel-chat,.layout-panel-activity{grid-column:2}}@media (width<=860px){.app-header,.chat-toolbar,.composer-shell{flex-direction:column;align-items:flex-start}.app-header-actions,.chat-toolbar-actions,.composer-tools{justify-content:flex-start}}@media (width<=720px){.mobile-nav{z-index:10;margin-inline:8px;display:flex;position:sticky;top:8px;overflow:auto}.discord-layout{min-height:auto;margin:0 8px;display:block}.layout-panel{display:none}.layout-panel-active{display:block}.layout-panel>.server-rail,.layout-panel>.channel-sidebar,.layout-panel>.chat-panel,.layout-panel>.activity-sidebar{min-height:calc(100vh - 210px)}.server-rail,.channel-sidebar,.chat-panel,.activity-sidebar{min-height:auto}.server-rail{border-bottom:1px solid #232428;border-right:0;flex-direction:row;align-items:center;margin:0;padding:.75rem}.server-list{flex-direction:row;overflow:auto}.server-button,.server-utility-button{flex:none;width:3.5rem}.server-summary{align-items:flex-end;margin-top:0;margin-left:auto}.app-header{margin-inline:8px}.app-header-left,.app-header-actions,.chat-toolbar-actions,.composer-tools{width:100%}.chat-toolbar-actions{flex-wrap:nowrap;padding-bottom:.1rem;overflow:auto}.toolbar-button,.status-pill,.composer-tool-button{flex:none}.user-chip{justify-content:flex-start;width:100%}.channel-welcome{flex-direction:column;align-items:flex-start;padding-inline:.75rem}.channel-welcome h2{font-size:1.35rem}.message-row{padding-inline:.75rem}.typing-strip{margin-inline:.75rem}.composer{padding:0 .75rem .75rem}.composer-shell textarea{min-height:88px}.primary-button{width:100%}.message-row,.member-row,.file-row{align-items:flex-start}}@media (width<=480px){.mobile-nav-button{padding-inline:.8rem}.app-brand-copy span,.chat-subtext{font-size:.78rem}.channel-welcome-mark{width:3.2rem;height:3.2rem;font-size:1.5rem}.message-avatar{width:2.2rem;height:2.2rem}}