:root{color:#f2f3f5;background:#0d0f13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;color:inherit;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input{color:inherit}a{color:#b8bafc}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-rows:56px minmax(0,1fr);grid-template-columns:72px 240px minmax(0,1fr);width:100%;height:100vh;overflow:hidden;background:#111318}.app-shell.members-panel-open{grid-template-columns:72px 240px minmax(0,1fr) 248px}.members-panel-open .top-navigation{grid-column:3 / 5}.server-rail{z-index:2;display:flex;grid-row:1 / -1;grid-column:1;flex-direction:column;align-items:center;gap:9px;padding:12px 10px;overflow:hidden;background:#0a0c10;border-right:1px solid #20232a}.rail-home,.server-button,.create-server-rail-button{position:relative;display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;overflow:hidden;border-radius:16px;color:#f7f7ff;background:#20232a;font-size:.8rem;font-weight:750;text-decoration:none;transition:border-radius .15s ease,background-color .15s ease,color .15s ease,transform .15s ease}.rail-home{background:#6266e8;font-size:1.2rem}.rail-home:hover,.server-button:hover,.server-button.active{border-radius:13px;background:#696cf2}.server-button.active:before{position:fixed;left:0;width:4px;height:34px;border-radius:0 4px 4px 0;background:#fff;content:""}.server-button img{width:100%;height:100%;object-fit:cover}.unread-badge{position:absolute;top:5px;right:5px;width:10px;height:10px;border-radius:50%;background:#f2f3f5;box-shadow:0 0 0 2px #0a0c10}.rail-divider{flex:0 0 2px;width:32px;border-radius:999px;background:#292c34}.server-list{display:flex;flex-direction:column;gap:9px;min-height:0;overflow-y:auto;scrollbar-width:none}.rail-status{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;margin:6px auto;border-radius:12px}.rail-spinner{border:2px solid #2d3038;border-top-color:#8f92ef;border-radius:50%;animation:spin .8s linear infinite}.rail-error{color:#ffb6b8;background:#3a2429;font-weight:800}.rail-error:hover{background:#512e34}.create-server-rail-button{color:#57d09a;font-size:1.75rem;font-weight:350}.create-server-rail-button:hover{border-radius:13px;color:#07130e;background:#57d09a;transform:translateY(-1px)}.server-sidebar{position:relative;display:flex;grid-row:1 / -1;grid-column:2;flex-direction:column;min-width:0;background:#16191f;border-right:1px solid #24272f}.sidebar-title{display:flex;flex:0 0 56px;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #272a32;box-shadow:0 1px 6px #0003}.sidebar-title>div{display:flex;min-width:0;flex-direction:column;gap:1px}.sidebar-title strong{overflow:hidden;font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.sidebar-kicker{color:#7f8491;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.sidebar-scroll{flex:1;padding:10px 8px;overflow-y:auto}.sidebar-action,.channel-item{display:flex;width:100%;align-items:center;gap:9px;border-radius:5px;padding:7px 9px;color:#b8bcc7;font-size:.86rem;text-align:left}.sidebar-action:hover,.channel-item:hover,.channel-item.selected{color:#f4f5f7;background:#252931}.channel-item.unread{position:relative;color:#f4f5f7;font-weight:700}.channel-unread-dot{position:absolute;top:50%;left:-8px;width:4px;height:8px;border-radius:0 4px 4px 0;background:#f2f3f5;transform:translateY(-50%)}.invite-people-action{color:#b9bbff}.invite-people-action>span{color:#69d39f;font-size:1rem}.channel-group{margin-top:19px}.channel-row{display:flex;align-items:center}.sidebar-category{margin-top:20px}.channel-item[draggable=true]{cursor:grab}.channel-dragging,.category-dragging{opacity:.45}.channel-drop-target{background:#9d9ff512;border-radius:6px;outline:1px dashed #9d9ff580;outline-offset:4px}.channel-row,.sidebar-category{position:relative}.reorder-drop-before:before,.reorder-drop-after:after{content:"";position:absolute;left:4px;right:4px;height:3px;border-radius:3px;background:#b6b8ff;box-shadow:0 0 0 1px #17191e,0 0 10px #9d9ff560;pointer-events:none;z-index:2}.reorder-drop-before:before{top:-2px}.reorder-drop-after:after{bottom:-2px}.sidebar-category.reorder-drop-before:before{top:-10px}.sidebar-category.reorder-drop-after:after{bottom:-10px}.reorder-preview{position:fixed;right:20px;bottom:20px;max-width:min(300px,calc(100vw - 40px));z-index:100;display:grid;gap:4px;padding:10px 12px;border:1px solid #9d9ff580;border-radius:8px;background:#252638;box-shadow:0 4px 12px #0003;font-size:.75rem;overflow-wrap:anywhere;pointer-events:none}.reorder-preview strong{color:#e5e6ff}.reorder-preview span{color:#b6b8ff}.category-toggle[draggable=true]{cursor:grab;color:#b6b8ff}.sidebar-reordering .channel-item[draggable=true],.category-toggle[draggable=true]:active{cursor:grabbing}.sidebar-drag-preview{position:fixed;top:0;left:0;z-index:10000;max-width:240px;padding:8px 12px;border:1px solid #9d9ff5;border-radius:6px;background:#252638;color:#e5e6ff;font-size:13px;pointer-events:none}.category-heading{display:flex;align-items:center;gap:8px}.category-toggle{display:flex;align-items:center;gap:6px;flex:1;min-width:0;text-align:left;padding:8px 4px;color:#d5d7dc;font-size:.8rem;font-weight:700;cursor:pointer;overflow-wrap:anywhere}.sidebar-category .channel-group{margin-top:8px}.category-empty-state{padding:0 8px;color:#9297a2;font-size:.75rem}.channel-row .channel-item{min-width:0;overflow-wrap:anywhere}.channel-edit-button,.channel-topic-button{flex-shrink:0;padding:8px;color:#b8bcc7;border-radius:5px}.channel-edit-button:hover,.channel-edit-button:focus-visible,.channel-topic-button:hover,.channel-topic-button:focus-visible{color:#f4f5f7;background:#252931}.modal.edit-channel-modal,.modal.server-settings-modal,.modal.leave-server-modal,.modal.ownership-transfer-modal,.modal.ownership-transfers-modal,.modal.channel-topic-modal,.modal.delete-channel-modal,.modal.create-category-modal{width:min(460px,calc(100% - 32px));max-height:calc(100% - 32px);overflow-y:auto;margin:auto;color:#f2f3f5}.edit-channel-modal::backdrop,.server-settings-modal::backdrop,.leave-server-modal::backdrop,.ownership-transfer-modal::backdrop,.ownership-transfers-modal::backdrop,.channel-topic-modal::backdrop,.delete-channel-modal::backdrop,.create-category-modal::backdrop{background:#000000b3}.edit-channel-modal form>input{margin-bottom:18px}.channel-topic-modal h2,.channel-topic-content{overflow-wrap:anywhere}.channel-topic-modal h3{margin:20px 0 8px;font-size:.85rem}.channel-topic-content{white-space:pre-wrap}.edit-channel-modal textarea{resize:vertical;font:inherit}.leave-server-zone{margin-top:24px;border:1px solid #6b5133;border-radius:9px;padding:16px;background:#261f17}.leave-server-zone h3{margin:0 0 8px;color:#f0c58d;font-size:.9rem}.leave-server-zone p{margin:0 0 14px;color:#b8a58d;font-size:.75rem;line-height:1.5}.leave-server-button{border-radius:6px;padding:9px 14px;color:#1b130a;background:#d99a52;font-weight:700}.leave-server-button:hover:not(:disabled),.leave-server-button:focus-visible:not(:disabled){background:#e8ad68}.leave-server-button:disabled{cursor:not-allowed;opacity:.6}.sidebar-load-state{display:flex;align-items:center;gap:9px;margin:18px 8px 4px;color:#898e99;font-size:.72rem}.sidebar-load-state .spinner{width:13px;height:13px}.sidebar-empty-state,.sidebar-error{margin:18px 8px;border:1px solid #2d313a;border-radius:7px;padding:11px;color:#858a96;background:#13161b;font-size:.7rem;line-height:1.45}.sidebar-home-state{margin-top:8px}.sidebar-error{display:flex;flex-direction:column;gap:5px;border-color:#58383d;color:#b9a2a5;background:#24191d}.sidebar-error strong{color:#f0c2c5;font-size:.72rem}.sidebar-error button{align-self:flex-start;margin-top:3px;padding:0;color:#c0c2ff;font-size:.7rem;font-weight:700}.channel-group-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 5px;color:#858a96;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.channel-add-button{display:grid;width:22px;height:22px;place-items:center;border-radius:5px;color:#9297a2;font-size:1rem;line-height:1}.channel-add-button:hover:not(:disabled){color:#fff;background:#2b2f38}.channel-symbol{color:#777d89;font-size:1.12rem;font-weight:400}.voice-symbol{font-size:.9rem}.channel-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#9d9ff5}.user-panel{display:flex;flex:0 0 58px;align-items:center;gap:9px;padding:8px 10px;background:#11141a;border-top:1px solid #252830}.user-avatar{position:relative;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#13151a;background:#b7b9fa;font-weight:800}.user-avatar span{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #11141a;border-radius:50%;background:#4ccc88}.user-details{display:flex;min-width:0;flex:1;flex-direction:column}.user-details strong{font-size:.76rem}.user-details span{color:#8b909b;font-size:.64rem}.logout-button{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border:1px solid #3a2a2f;border-radius:8px;color:#f28b8b;background:#221a1e;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .15s ease}.logout-button:hover{color:#fff;background:#d94c4c;border-color:#d94c4c}.logout-button:active{transform:scale(.94)}.logout-button:focus-visible{outline:2px solid #f28b8b;outline-offset:2px}.top-navigation{z-index:1;display:grid;grid-row:1;grid-column:3;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);align-items:center;gap:16px;min-width:0;padding:0 16px;background:#101319;border-bottom:1px solid #252831;box-shadow:0 2px 8px #0000002e}.channel-heading{display:flex;min-width:0;align-items:center;gap:8px;color:#8f949f}.channel-heading strong{flex:0 0 auto;color:#f2f3f5;font-size:.9rem}.channel-topic{overflow:hidden;padding-left:8px;border-left:1px solid #2c3039;color:#6e737f;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.top-tabs{display:flex;align-items:center;gap:4px;padding:4px;border-radius:10px;background:#0b0e13}.top-tab{display:flex;align-items:center;gap:6px;border-radius:7px;padding:7px 14px;color:#818691;font-size:.72rem;font-weight:700}.top-tab.active{color:#17182a;background:#adaffa;box-shadow:0 0 0 1px #ffffff24}.top-tools{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px}.search-field{display:flex;width:min(100%,190px);align-items:center;border:1px solid #232731;border-radius:6px;padding:0 8px;color:#6f7480;background:#090c11}.search-field input{width:100%;min-width:0;border:0;outline:0;padding:7px 0;background:transparent;font-size:.7rem}.icon-button{display:grid;width:28px;height:28px;place-items:center;border-radius:5px;color:#8c919c}.icon-button:hover{color:#fff;background:#232730}.notifications-menu,.notifications-toggle{position:relative}.notifications-toggle-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#f2f3f5;box-shadow:0 0 0 2px #101319}.notifications-panel{position:absolute;z-index:30;top:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 32px));max-height:min(480px,70vh);overflow-y:auto;padding:14px;border:1px solid #232730;border-radius:10px;background:#18191c;box-shadow:0 12px 32px #00000073}.notifications-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem}.notifications-mark-all{flex-shrink:0;padding:6px 10px;border-radius:5px;color:#d5d7dc;background:#232730;font-size:.72rem;font-weight:600}.notifications-mark-all:hover:not(:disabled){background:#2b2f3a}.notifications-empty{margin:14px 0 2px;color:#9297a2;font-size:.8rem}.notifications-servers,.notifications-channels{margin:0;padding:0;list-style:none}.notifications-servers{display:flex;flex-direction:column;gap:12px;margin-top:12px}.notifications-server-name{display:block;margin-bottom:4px;color:#9297a2;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.notifications-channel-link{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;color:#f4f5f7;font-size:.84rem;font-weight:600;text-decoration:none}.notifications-channel-link:hover,.notifications-channel-link:focus-visible{background:#252931}.notifications-channel-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notifications-channel-link time{color:#8c919c;font-size:.7rem;font-weight:500}.app-content{min-width:0;min-height:0;overflow:auto;background:radial-gradient(circle at 50% 0%,rgb(89 93 190 / 9%),transparent 34rem),#0f1217}.members-sidebar{z-index:2;display:flex;grid-row:2;grid-column:4;min-width:0;min-height:0;flex-direction:column;background:#14171d;border-left:1px solid #252831}.members-sidebar[hidden]{display:none}.members-sidebar-header{display:flex;flex:0 0 52px;align-items:center;justify-content:space-between;padding:0 14px 0 16px;border-bottom:1px solid #252831}.members-sidebar-header>div{display:flex;align-items:center;gap:8px}.members-sidebar-header h2{margin:0;color:#e7e8ec;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.members-sidebar-header span{min-width:22px;border-radius:999px;padding:2px 6px;color:#a9adb8;background:#242830;font-size:.68rem;text-align:center}.members-sidebar-header button{display:grid;width:28px;height:28px;place-items:center;border-radius:5px;color:#8f949f;font-size:1.15rem}.members-sidebar-header button:hover,.members-sidebar-header button:focus-visible{color:#fff;background:#292d35}.members-sidebar-scroll{flex:1;min-height:0;padding:10px 8px 16px;overflow-y:auto}.members-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.member-row{display:flex;min-width:0;align-items:center;gap:10px;border-radius:6px;padding:8px;color:#c4c7cf}.member-row:hover{background:#1d2128}.member-row-actionable{cursor:context-menu}.member-row-actionable:focus-visible{background:#242832;outline:2px solid #777bf0;outline-offset:-2px}.member-avatar{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid #3a3f4a;border-radius:50%;color:#9094e9;background:#242832;font-size:.84rem}.member-identity{min-width:0;flex:1}.member-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.member-name{display:block;overflow:hidden;font-size:.86rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.member-short-id{display:block;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.member-owner-badge{flex:0 0 auto;border-radius:999px;padding:3px 6px;color:#d7d8ff;background:#696cdc38;font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.members-state{display:flex;min-height:110px;align-items:center;justify-content:center;gap:8px;margin:0;padding:16px;color:#8f949f;font-size:.74rem;line-height:1.5;text-align:center}.members-error{flex-direction:column}.members-error strong{color:#e5e6ea}.members-error button,.members-load-more{border-radius:6px;padding:7px 10px;color:#dfe0ff;background:#34375b;font-size:.7rem;font-weight:700}.members-error button:hover:not(:disabled),.members-load-more:hover:not(:disabled){background:#414574}.members-page-error{margin:10px 8px;color:#ef9b9b;font-size:.7rem;line-height:1.45}.members-load-more{display:block;width:calc(100% - 16px);margin:12px 8px 0}.members-sidebar-backdrop{display:none}.member-context-menu{position:fixed;z-index:30;width:188px;border:1px solid #3a3e49;border-radius:8px;padding:5px;background:#171a20;box-shadow:0 14px 36px #0000007a}.member-context-menu button{width:100%;border-radius:5px;padding:9px 10px;color:#d9daff;font-size:.76rem;font-weight:700;text-align:left}.member-context-menu button:hover,.member-context-menu button:focus-visible{color:#fff;background:#4d50ac;outline:0}.servers-overview{width:min(100%,1080px);min-height:100%;margin:0 auto;padding:clamp(28px,5vw,64px)}.overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid #242831}.overview-actions,.empty-server-actions{display:flex;align-items:center;gap:10px}.overview-heading h1,.channel-welcome h1{margin:4px 0 8px;color:#f7f7fa;font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.035em}.overview-heading p,.channel-welcome p{max-width:580px;margin:0;color:#8f949f;line-height:1.55}.section-kicker{color:#9598f5!important;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.content-loading{display:flex;min-height:360px;align-items:center;justify-content:center;gap:10px;color:#8d929d;font-size:.82rem}.content-loading .spinner{width:17px;height:17px}.content-error{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;border:1px solid #593a40;border-radius:9px;padding:14px 16px;background:#251a1e}.content-error>div{display:flex;min-width:0;flex-direction:column;gap:3px}.content-error strong{color:#f1c9cc;font-size:.82rem}.content-error span{overflow:hidden;color:#a88e92;font-size:.72rem;text-overflow:ellipsis}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:7px;padding:0 18px;font-size:.82rem;font-weight:750}.primary-button{color:#fff;background:#6266e8;box-shadow:0 8px 20px #3d41b738}.primary-button:hover:not(:disabled){background:#7477ef;transform:translateY(-1px)}.secondary-button{color:#d5d7dc;background:#282c34;text-decoration:none}.secondary-button:hover:not(:disabled){background:#333842}.danger-button{color:#fff;background:#b52d3c}.danger-button:hover:not(:disabled){background:#cc3546}.channel-danger-zone{margin-top:24px;padding-top:20px;border-top:1px solid #393d49}.ownership-settings-zone{margin-top:24px;border:1px solid #393d49;border-radius:9px;padding:16px;background:#171a20}.ownership-settings-zone h3{margin:0 0 8px;color:#d9daff;font-size:.9rem}.ownership-settings-zone p{margin:0 0 14px;color:#9297a2;font-size:.75rem;line-height:1.5}.transfer-recipient-summary{display:flex;align-items:center;gap:12px;border:1px solid #363a45;border-radius:9px;padding:12px;background:#15181e}.transfer-recipient-summary>div{display:flex;min-width:0;flex-direction:column;gap:4px}.transfer-recipient-summary>div>span{color:#8f949f;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.transfer-recipient-summary code{overflow-wrap:anywhere;color:#d9daff;font-size:.72rem}.refresh-members-button{display:block;margin:12px 0 0 auto;border-radius:6px;padding:7px 10px;color:#d9daff;background:#34375b;font-size:.72rem;font-weight:700}.refresh-members-button:hover{background:#414574}.modal.ownership-transfers-modal{width:min(560px,calc(100% - 32px))}.transfer-list-state,.transfer-list-empty,.transfer-list-error{display:flex;min-height:100px;align-items:center;justify-content:center;gap:9px;border:1px solid #30343e;border-radius:9px;padding:16px;color:#9297a2;background:#171a20;font-size:.76rem;text-align:center}.transfer-list-empty{margin:0}.transfer-list-error{flex-direction:column;color:#efaaad;background:#251a1e}.transfer-list-error button{border-radius:6px;padding:7px 10px;color:#f2f3f5;background:#583239;font-weight:700}.ownership-transfer-list{display:flex;max-height:min(50vh,420px);flex-direction:column;gap:10px;margin:0;padding:0 4px 0 0;overflow-y:auto;list-style:none}.ownership-transfer-list>li{border:1px solid #343842;border-radius:9px;padding:14px;background:#171a20}.ownership-transfer-heading,.ownership-transfer-actions,.ownership-transfer-list dl,.ownership-transfer-list dl>div{display:flex;align-items:center}.ownership-transfer-heading{justify-content:space-between;gap:12px}.ownership-transfer-heading strong{overflow:hidden;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.ownership-transfer-heading span{border-radius:999px;padding:3px 7px;color:#c8caff;background:#30345a;font-size:.6rem;font-weight:800;text-transform:uppercase}.ownership-transfer-list dl{gap:18px;margin:12px 0}.ownership-transfer-list dl>div{min-width:0;gap:6px}.ownership-transfer-list dt{color:#777d89;font-size:.65rem;font-weight:700}.ownership-transfer-list dd{margin:0;color:#b8bcc7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem}.ownership-transfer-actions{justify-content:flex-end;gap:8px}.ownership-transfer-actions button{min-height:34px;padding-inline:12px;font-size:.72rem}.delete-channel-modal>p{overflow-wrap:anywhere}.create-overview-button span{font-size:1.25rem;font-weight:400}.empty-servers{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-servers-art{position:relative;width:130px;height:104px;margin-bottom:24px}.empty-servers-art span{position:absolute;display:grid;width:62px;height:62px;place-items:center;border:1px solid #3b3f60;border-radius:19px;color:#b4b6fb;background:#20232d;box-shadow:0 14px 28px #0000003d;font-size:1.35rem}.empty-servers-art span:nth-child(1){top:0;left:3px;transform:rotate(-8deg)}.empty-servers-art span:nth-child(2){top:10px;right:0;color:#69d39f;transform:rotate(9deg)}.empty-servers-art span:nth-child(3){bottom:0;left:34px;background:#6569e8}.empty-servers h2{margin:0 0 8px;font-size:1.25rem}.empty-servers p{max-width:390px;margin:0 0 22px;color:#858b96;font-size:.88rem;line-height:1.5}.server-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;padding-top:30px}.server-card{position:relative;overflow:hidden;border:1px solid #292d37;border-radius:11px;color:inherit;background:#171a20;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.server-card:hover{border-color:#55599c;transform:translateY(-2px)}.server-card-cover{height:78px;background:linear-gradient(140deg,#6367e8b8,#2a2e4a7f),radial-gradient(circle at 70% 30%,#6d72e7,transparent 60%)}.server-card-avatar{position:absolute;top:52px;left:18px;display:grid;width:52px;height:52px;place-items:center;border:4px solid #171a20;border-radius:16px;background:#333747;font-size:.78rem;font-weight:800}.server-card-content{padding:36px 18px 18px}.server-card h2{margin:0 0 6px;font-size:.97rem}.server-card p{margin:0;color:#818691;font-size:.72rem}.channel-view{display:flex;width:min(100%,900px);min-height:100%;margin:0 auto;flex-direction:column;padding:clamp(28px,5vw,54px) clamp(22px,5vw,62px) 20px}.channel-welcome-icon{display:grid;width:62px;height:62px;margin-bottom:18px;place-items:center;border-radius:21px;color:#eff0ff;background:#393d4a;font-size:2rem;font-weight:300}.starter-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:36px}.starter-cards article{display:flex;align-items:center;gap:13px;border:1px solid #282c35;border-radius:9px;padding:14px;background:#171a20}.starter-cards article>div{flex:1}.starter-cards h2{margin:0 0 3px;font-size:.8rem}.starter-cards p{margin:0;color:#818691;font-size:.68rem;line-height:1.45}.starter-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#b9bbff;background:#2b2e45}.channel-spacer{flex:1;min-height:70px}.message-composer{display:flex;min-height:46px;align-items:center;gap:10px;border:1px solid #2a2e37;border-radius:9px;padding:0 10px;color:#6f7480;background:#1a1d23;font-size:.78rem}.message-composer>button{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#111318;background:#8a8f9b;font-size:1.15rem}.message-composer>span{flex:1}.message-composer>div{display:flex}.message-composer>div button{padding:7px;color:#858a95}.server-id-hint{align-self:center;margin-top:8px;color:#4f545e;font-size:.58rem}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#020408c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .14s ease-out}.modal{width:min(100%,440px);border:1px solid #393d49;border-radius:14px;padding:28px;background:#1d2027;box-shadow:0 24px 80px #00000085;animation:modal-in .17s ease-out}.modal-icon{display:grid;width:44px;height:44px;margin-bottom:18px;place-items:center;border-radius:13px;color:#e8e8ff;background:#5f63df;font-size:1.7rem;font-weight:300}.channel-modal-icon{color:#bff2dc;background:#244a3a}.join-modal-icon{color:#c6c8ff;background:#30345a}.invite-modal-icon{color:#d6d8ff;background:#44488a}.modal h2{margin:0 0 8px;font-size:1.35rem;letter-spacing:-.02em}.modal>p{margin:0 0 24px;color:#9297a2;font-size:.82rem;line-height:1.5}.modal>p strong{color:#dfe0e5}.channel-type-summary{display:flex;align-items:center;gap:12px;margin:0 0 22px;border:1px solid #333742;border-radius:8px;padding:11px 12px;background:#171a20}.channel-type-summary>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#b9bbff;background:#2c2f48;font-size:1.1rem}.channel-type-summary>div{display:flex;flex-direction:column;gap:2px}.channel-type-summary strong{font-size:.78rem}.channel-type-summary small{color:#858a95;font-size:.68rem}.modal form label{display:block;margin-bottom:8px;color:#c3c6cd;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.modal form input,.modal form textarea,.modal form select{width:100%;border:1px solid #3b3f49;border-radius:7px;outline:0;padding:11px 12px;color:#f2f3f5;background:#101318}.modal form select{margin-bottom:18px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8c919c 50%),linear-gradient(135deg,#8c919c 50%,transparent 50%);background-repeat:no-repeat;background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-size:5px 5px}.modal form input:focus,.modal form textarea:focus,.modal form select:focus{border-color:#777bf0;box-shadow:0 0 0 3px #6569e829}.channel-name-field{display:flex;align-items:center;margin-bottom:18px;border:1px solid #3b3f49;border-radius:7px;color:#777d89;background:#101318}.channel-name-field:focus-within{border-color:#777bf0;box-shadow:0 0 0 3px #6569e829}.channel-name-field>span{padding-left:12px;font-size:1.05rem}.modal form .channel-name-field input{border:0;box-shadow:none}.form-error{margin:9px 0 0;color:#f08d91;font-size:.75rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.invite-create-error{margin-top:20px;border:1px solid #573a40;border-radius:7px;padding:10px 12px;background:#251a1e}.invite-result{display:flex;flex-direction:column;gap:8px;margin-top:22px}.invite-result-label{margin-top:7px;color:#8e939e;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.invite-result code{overflow-wrap:anywhere;border:1px solid #333743;border-radius:7px;padding:10px 12px;color:#c5c7ff;background:#111419;font-size:.78rem}.invite-link-row{display:flex;gap:8px}.invite-link-row input{min-width:0;flex:1;color:#8a8cf0}.copy-invite-button{flex:0 0 88px;padding-inline:12px}.invite-result .form-error{margin-top:2px}.invite-result-actions{margin-top:22px}.invite-view{display:grid;min-height:100%;place-items:center;padding:clamp(24px,5vw,56px)}.invite-card,.invite-state-card{width:min(100%,480px);border:1px solid #30343e;border-radius:15px;padding:clamp(26px,5vw,42px);background:radial-gradient(circle at 50% -10%,rgb(105 109 234 / 20%),transparent 14rem),#191c22;box-shadow:0 24px 70px #00000047;text-align:center}.invite-card h1,.invite-state-card h1{margin:9px 0 10px;color:#f7f7fa;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.035em}.invite-server-icon{display:grid;width:86px;height:86px;margin:24px auto 18px;place-items:center;overflow:hidden;border:5px solid #2d3040;border-radius:27px;color:#f0f0ff;background:#5f63dc;box-shadow:0 14px 30px #3438a547;font-size:1.25rem;font-weight:800}.invite-server-icon img{width:100%;height:100%;object-fit:cover}.invite-description,.invite-state-card>p:not(.section-kicker){max-width:360px;margin:0 auto;color:#9196a1;font-size:.84rem;line-height:1.55}.invite-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.invite-actions .primary-button,.invite-actions .secondary-button{min-width:120px}.invite-join-error{display:flex;margin-top:22px;flex-direction:column;gap:4px;border:1px solid #573a40;border-radius:8px;padding:11px 13px;color:#ab9296;background:#251a1e;font-size:.72rem;line-height:1.4;text-align:left}.invite-join-error strong{color:#f0c4c7;font-size:.76rem}.invite-state-card{display:flex;min-height:380px;flex-direction:column;align-items:center;justify-content:center}.invite-state-card.invalid{background:radial-gradient(circle at 50% -10%,rgb(151 68 78 / 16%),transparent 14rem),#191c22}.invite-state-icon{display:grid;width:66px;height:66px;margin-bottom:15px;place-items:center;border-radius:21px;color:#f3c3c7;background:#3c252b;font-size:1.75rem}.invite-spinner{width:30px;height:30px;margin-bottom:18px;border-width:3px}.spinner{width:14px;height:14px;border:2px solid rgb(255 255 255 / 35%);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.page-shell{display:grid;min-height:100vh;place-items:center;padding:1.5rem;background:radial-gradient(circle at 50% 20%,rgb(91 95 213 / 17%),transparent 30rem),#0f1116}.card{width:min(100%,32rem);border:1px solid #343843;border-radius:.8rem;padding:2rem;background:#1d2027;box-shadow:0 1rem 3rem #00000059}.card h1{margin-block:.25rem .75rem}.card a{color:#b8bafc}.eyebrow{margin:0;color:#9ea1f6;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stack{display:grid;gap:.75rem;margin-block:1.5rem}.auth-note{border:1px solid #393d60;border-radius:7px;padding:10px 12px;color:#aeb1d8;background:#24273a;font-size:.75rem;line-height:1.45}.field-help{margin-top:-.3rem;color:#858a96;font-size:.7rem;line-height:1.4}.stack .form-error{margin:-.2rem 0 0}.stack input{width:100%;border:1px solid #4e5058;border-radius:.4rem;padding:.65rem;background:#111318}.stack button{border-radius:.4rem;padding:.65rem 1rem;color:#fff;background:#6266e8}code{border-radius:.25rem;padding:.15rem .35rem;background:#111318}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:1050px){.top-navigation{grid-template-columns:minmax(180px,1fr) auto}.top-tabs{display:none}}@media(max-width:760px){.app-shell,.app-shell.members-panel-open{grid-template-columns:64px minmax(0,1fr)}.server-rail{grid-column:1;padding-inline:8px}.server-sidebar{display:none}.top-navigation,.app-content,.app-shell.members-panel-open .top-navigation{grid-column:2}.channel-topic,.top-tools .icon-button{display:none}.top-tools .members-toggle,.top-tools .ownership-transfers-toggle,.top-tools .notifications-toggle{display:grid}.members-sidebar{position:fixed;z-index:5;top:56px;right:0;bottom:0;width:min(300px,calc(100vw - 64px));box-shadow:-12px 0 28px #00000061}.members-sidebar-backdrop{position:fixed;z-index:4;inset:56px 0 0 64px;display:block;width:auto;height:auto;background:#05070a9e}.overview-heading{align-items:flex-start;flex-direction:column}.overview-actions{width:100%}.overview-actions>button{flex:1}.starter-cards{grid-template-columns:1fr}}@media(max-width:520px){.top-navigation{grid-template-columns:minmax(0,1fr) auto;gap:8px}.top-tools{display:flex}.top-tools .search-field,.top-tools .icon-button:not(.members-toggle,.ownership-transfers-toggle,.notifications-toggle){display:none}.ownership-transfer-actions{align-items:stretch;flex-direction:column-reverse}.servers-overview{padding:26px 20px}.create-overview-button{width:100%}.overview-actions,.empty-server-actions,.invite-actions{width:100%;flex-direction:column-reverse}.overview-actions>button,.empty-server-actions>button,.invite-actions>*{width:100%}.modal{padding:22px}.invite-link-row{flex-direction:column}.copy-invite-button{flex-basis:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.channel-item{text-decoration:none}.message-view{display:flex;height:100%;min-height:0;flex-direction:column}.message-view-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #232730;padding:12px clamp(16px,3vw,26px)}.message-view-header .channel-heading{margin:0}.message-view-status{display:inline-flex;align-items:center;gap:6px;color:#8b909b;font-size:.66rem;white-space:nowrap}.message-view-status .status-dot{width:8px;height:8px;border-radius:50%;background:#b0605f}.message-view-status.online .status-dot{background:#4ea675}.connection-banner{display:flex;align-items:center;gap:8px;border-bottom:1px solid #3a2f24;padding:7px clamp(16px,3vw,26px);color:#e6b980;background:#2a2419;font-size:.72rem}.message-empty .secondary-button{margin-top:12px}.message-list{display:flex;min-height:0;flex:1;flex-direction:column;overflow-y:auto;padding:18px clamp(16px,3vw,26px) 8px}.message-list-items{display:flex;flex-direction:column;gap:16px;margin-top:auto}.message-list-status{margin:auto;color:#8b909b;font-size:.8rem}.message-list-status.error{color:#f08d91}.message-load-older{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:14px}.message-load-older .secondary-button{font-size:.72rem}.message-empty{margin:auto;text-align:center;color:#8b909b}.message-empty p{margin:0 0 4px;color:#d5d7dc;font-size:.92rem;font-weight:700}.message-empty span{font-size:.76rem}.message-row{display:flex;gap:12px}.message-row.pending{opacity:.7}.message-row.failed{opacity:1}.message-avatar{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:50%;color:#eff0ff;background:#393d4a;font-size:.78rem;font-weight:700}.message-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:8px}.message-author{color:#eef0f4;font-size:.82rem;font-weight:700}.message-time,.message-edited{color:#6e737f;font-size:.62rem}.message-content{margin:3px 0 0;color:#dfe0e5;font-size:.86rem;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.message-content.deleted{color:#6e737f;font-style:italic}.message-row.failed .message-content{color:#f0c2c5}.message-error{display:flex;align-items:center;gap:8px;margin:4px 0 0;color:#f08d91;font-size:.68rem}.message-actions-wrap{position:relative;display:inline-flex;margin-left:auto}.message-actions-toggle{display:grid;width:22px;height:22px;place-items:center;border-radius:5px;color:#858a95;font-size:1rem;opacity:0;transition:opacity .12s ease}.message-row:hover .message-actions-toggle,.message-row:focus-within .message-actions-toggle{opacity:1}.message-actions-toggle:hover{color:#f4f5f7;background:#2b303a}.message-actions-menu{position:fixed;z-index:3000;display:flex;flex-direction:column;width:150px;border:1px solid #2f333d;border-radius:10px;padding:4px;background:#191c22;box-shadow:0 12px 28px #00000073}.message-actions-menu button{display:block;width:100%;border-radius:6px;padding:6px 10px;color:#dfe0e5;text-align:left;font-size:.78rem}.message-actions-menu button:hover{background:#2b303a}.message-actions-menu button.danger{color:#f08d91}.message-actions-menu button.danger:hover{background:#3a2427;color:#f6c4c6}.message-action-button{border-radius:4px;padding:3px 8px;color:#a9aeb9;background:#20242c;font-size:.66rem}.message-action-button:hover{color:#f4f5f7;background:#2b303a}.message-action-button.danger:hover{color:#f6c4c6;background:#3a2427}.message-edit-form{display:flex;flex-direction:column;gap:8px;margin-top:4px}.message-edit-form textarea{width:100%;resize:vertical;border:1px solid #2f333d;border-radius:8px;padding:8px 10px;color:inherit;background:#1a1d23;font-size:.84rem;line-height:1.45}.message-edit-actions{display:flex;justify-content:flex-end;gap:8px}.message-reactions-wrap,.reaction-add-wrap{position:relative;display:inline-flex}.message-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.reaction-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #2f333d;border-radius:999px;padding:2px 9px;color:#c9ccd4;background:#1a1d23;font-size:.72rem}.reaction-chip.mine{border-color:#696cf2;background:#24273a}.reaction-add{display:inline-flex;align-items:center;gap:3px;border:1px dashed #3a3f4b;border-radius:999px;padding:2px 9px;color:#858a95;background:transparent;font-size:.72rem;line-height:1.4}.reaction-add:hover{color:#f4f5f7;background:#24273a;border-color:#4a505c}.reaction-add-plus{font-size:.85rem;font-weight:600;line-height:1}.reaction-picker{position:absolute;top:calc(100% + 6px);left:0;z-index:20;display:flex;gap:2px;border:1px solid #2f333d;border-radius:10px;padding:6px;background:#191c22;box-shadow:0 12px 28px #00000073}.reaction-picker button{border-radius:6px;padding:4px 6px;font-size:1rem}.reaction-picker button:hover{background:#2b303a}.chat-composer{padding:8px clamp(16px,3vw,26px) 16px}.chat-composer form{display:flex;align-items:flex-end;gap:10px;border:1px solid #2a2e37;border-radius:10px;padding:8px 10px;background:#1a1d23}.chat-composer textarea{min-height:22px;max-height:160px;flex:1;resize:none;border:0;outline:0;padding:2px 0;color:inherit;background:transparent;font-size:.84rem;line-height:1.45}.chat-send-button{flex:0 0 auto;border-radius:8px;padding:6px 14px;color:#f4f5f7;background:#595dd6;font-size:.74rem;font-weight:700}.chat-send-button:hover:not(:disabled){background:#6b6fe4}.chat-composer-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:16px;padding-top:4px}.chat-counter{color:#6e737f;font-size:.62rem}@media(max-width:760px){.message-avatar{width:32px;height:32px}.message-actions-toggle{opacity:1}}.password-field{display:flex;align-items:center;gap:6px}.password-field input{flex:1}.password-toggle{flex-shrink:0;padding:6px 10px;border-radius:5px;color:#9297a2;font-size:.72rem;font-weight:700;white-space:nowrap}.password-toggle:hover{color:#fff;background:#252931}.user-profile-menu{position:relative;flex:1;min-width:0}.user-profile-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:4px 6px;border-radius:6px;color:#dcddde;text-align:left}.user-profile-trigger:hover{background:#232730}.user-profile-avatar,.user-profile-avatar-img{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#5865f2;color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0;object-fit:cover}.user-profile-avatar-lg,.user-profile-avatar-lg-img{width:56px;height:56px;border-radius:50%;object-fit:cover;font-size:1.3rem}.user-profile-trigger-text{display:flex;flex-direction:column;min-width:0}.user-profile-trigger-text strong{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-trigger-email{font-size:.65rem;color:#8c919c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-popover{position:absolute;bottom:calc(100% + 10px);left:0;width:320px;padding:16px;border-radius:10px;background:#18191c;border:1px solid #232730;box-shadow:0 12px 32px #00000073;z-index:30}.user-profile-popover-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.user-profile-popover-name{margin:0;font-size:1rem;font-weight:700}.user-profile-popover-email{margin:3px 0 0;font-size:.75rem;color:#8c919c}.user-profile-popover-joined{margin:2px 0 0;font-size:.68rem;color:#6f7480}.user-profile-popover-bio{margin:6px 0 0;font-size:.75rem;color:#b5b8c0}.user-profile-edit-button{width:100%;padding:8px 0;border-radius:5px;background:#232730;font-size:.8rem;font-weight:600;text-align:center}.user-profile-edit-button:hover{background:#2b2f3a}.user-profile-edit-form{display:flex;flex-direction:column;gap:6px;font-size:.75rem}.user-profile-edit-form label{color:#8c919c;margin-top:4px}.user-profile-edit-form input,.user-profile-edit-form textarea{padding:7px 9px;border-radius:5px;border:1px solid #232730;background:#0f1217;color:#f2f3f5;font-size:.8rem}.user-profile-avatar-editor{position:relative;align-self:center;width:72px;margin-bottom:4px}.user-profile-avatar-button{position:relative;display:block;border-radius:50%;overflow:hidden}.user-profile-avatar-camera{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;opacity:0;font-size:1.1rem;border-radius:50%;transition:opacity .15s ease}.user-profile-avatar-button:hover .user-profile-avatar-camera{opacity:1}.user-profile-avatar-remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#ed4245;color:#fff;font-size:.85rem;line-height:1;border:2px solid #18191c}.user-profile-avatar-remove:hover{background:#c53337}.user-profile-edit-actions{display:flex;gap:8px;margin-top:8px}.user-profile-edit-actions button{flex:1;padding:7px 0;border-radius:5px;font-size:.75rem;background:#232730}.user-profile-edit-actions button[type=submit]{background:#5865f2;color:#fff}.password-requirements{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-top:-.2rem;border:1px solid #343843;border-radius:.4rem;padding:.55rem .75rem;background:#171a20}.password-requirement{display:flex;align-items:center;gap:.4rem;color:#858a96;font-size:.72rem}.password-requirement[data-met=true]{color:#c7c9ff}.password-requirement-dot{display:grid;width:14px;height:14px;flex-shrink:0;place-items:center;border:1px solid #4e5058;border-radius:50%;background:transparent}.password-requirement[data-met=true] .password-requirement-dot{border-color:#6266e8;background:#6266e8}