@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#263044;background:#fffdf7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #293144;--muted: #8991a2;--line: #ece9e2;--paper: #fffdf7;--violet: #8061e9;--violet-dark: #6f4fda;--pink: #f28aae;--yellow: #f5c64f;--mint: #75c6a0;--shadow: 3px 3px 0 #273044}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #a991ff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:100%;height:100dvh;min-height:600px;display:grid;grid-template-columns:76px 246px minmax(360px,1fr) 272px;overflow:hidden;background:var(--paper)}.server-rail{z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0 16px;background:#f7f3eb;border-right:1px solid #eee8dd}.server-logo,.server-icon,.server-add,.server-discover{width:46px;height:46px;border:2px solid transparent;border-radius:16px;display:grid;place-items:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-radius .2s,box-shadow .2s}.server-logo{color:#fff;background:var(--violet);font-family:Outfit,sans-serif;font-size:28px;font-weight:700;box-shadow:3px 3px 0 var(--ink)}.server-logo:hover,.server-icon:hover,.server-add:hover,.server-discover:hover{transform:translateY(-2px);border-radius:14px}.server-logo:hover{box-shadow:4px 5px 0 var(--ink)}.rail-divider{height:2px;width:30px;border-radius:9px;background:#e7e1d8;margin:2px 0}.server-icon{position:relative;font-size:21px;background:#fff;border-color:#ece8e1}.server-icon:before{position:absolute;content:"";left:-17px;width:4px;height:0;border-radius:0 5px 5px 0;background:var(--violet);transition:height .2s}.server-icon:hover:before,.server-icon.selected:before{height:25px}.server-icon.selected{border-color:#cbbdff;box-shadow:2px 2px #d6caff}.server-peach{background:#ffe6d7}.server-yellow{background:#fff0be}.server-blue{background:#dceaff}.server-pink{background:#ffe1eb}.server-color-0{color:#a96553;background:#ffe6d7}.server-color-1{color:#8f7133;background:#fff0be}.server-color-2{color:#4c6c9e;background:#dceaff}.server-color-3{color:#aa6382;background:#ffe1eb}.server-add{color:#6ebd92;background:#f0f9f2;border-color:#d8eddd}.server-add:hover{background:#dff4e3}.server-discover{color:#8b78d5;background:#f0edfb;border-color:#e4dffc}.rail-spacer{flex:1}.rail-divider+.server-icon{margin-top:2px}.server-rail>.avatar{margin-top:4px}.rail-profile{display:grid;place-items:center;padding:0;border:0;border-radius:14px;background:transparent;cursor:pointer}.channel-sidebar{min-width:0;display:flex;flex-direction:column;background:#fbf9f3;border-right:1px solid var(--line)}.server-heading{display:flex;align-items:center;gap:10px;min-height:76px;width:100%;padding:0 17px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer}.server-heading:hover{background:#f5f1e8}.server-heading-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border:1px solid #ddd3ff;border-radius:13px;color:var(--violet);background:#f0ebff;font:700 22px Outfit}.server-heading-copy,.profile-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.server-heading-copy strong,.profile-copy strong{font:700 15px Outfit,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-heading-copy small,.profile-copy small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-heading>svg{color:#8d91a0}.sidebar-search,.friend-search{display:flex;align-items:center;gap:8px;height:36px;margin:15px 13px 10px;padding:0 10px;color:#9a9eaa;border:1px solid #ebe8e1;border-radius:10px;background:#fff}.sidebar-search:focus-within,.friend-search:focus-within{border-color:#b6a5f3;box-shadow:0 0 0 3px #eee9ff}.sidebar-search input,.friend-search input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px}.sidebar-search input::placeholder,.friend-search input::placeholder{color:#9b9fab}.channel-list{flex:1;overflow-y:auto;padding:0 11px 12px}.quick-link,.channel-item{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;border:0;border-radius:9px;text-align:left;color:#707789;background:transparent;cursor:pointer}.quick-link{font-size:13px;font-weight:600}.quick-link:hover,.channel-item:hover{background:#f0ede5;color:var(--ink)}.quick-link svg,.channel-item svg{color:#989cac;flex:0 0 auto}.quick-link:first-of-type{margin-top:3px}.nav-count{margin-left:auto;color:#999eac;font-size:11px}.new-tag{margin-left:auto;color:#9472d9;font:700 8px Outfit;letter-spacing:.05em}.channel-group{margin-top:24px}.group-heading{display:flex;align-items:center;justify-content:space-between;padding:0 7px 7px;color:#9a9eaa;font-size:10px;letter-spacing:.11em;font-weight:700}.group-heading button{display:grid;place-items:center;padding:2px;color:#9a9eaa;border:0;background:transparent;cursor:pointer}.group-heading button:hover{color:var(--violet)}.channel-item{gap:8px;min-height:35px;padding-left:10px;font-size:13px;font-weight:500}.channel-item>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-item.active{color:#654bc2;background:#eee9fc;font-weight:700}.channel-item.active svg{color:var(--violet)}.unread-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#ee84a4}.sidebar-empty{margin:3px 9px;color:#a0a1aa;font-size:10px;line-height:1.5}.sidebar-add-channel{display:flex;align-items:center;gap:6px;width:100%;margin-top:5px;padding:7px 10px;color:#8b819f;border:0;border-radius:8px;background:transparent;font-size:11px;cursor:pointer}.sidebar-add-channel:hover{color:#6950c7;background:#f0ecfc}.voice-card{display:flex;align-items:center;gap:10px;margin:0 12px 10px;padding:10px;border:1px solid #e6e2f3;border-radius:12px;text-align:left;background:#f5f1ff;cursor:pointer}.voice-card:hover{background:#eee8ff}.voice-pulse{display:grid;place-items:center;width:33px;height:33px;color:#fff;border-radius:11px;background:#9b83ec}.voice-copy{display:flex;flex:1;flex-direction:column;gap:3px}.voice-copy strong{font:700 12px Outfit}.voice-copy small{color:#8b839f;font-size:10px}.voice-video{color:#8a76cf}.profile-bar{display:flex;align-items:center;gap:9px;width:100%;padding:12px 10px;border:0;border-top:1px solid var(--line);text-align:left;background:#f7f4ed;cursor:pointer}.profile-bar:hover{background:#f0ede5}.profile-main{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:0;border:0;text-align:left;background:transparent;cursor:pointer}.profile-copy strong{font-size:13px}.profile-copy small{font-size:10px}.icon-button{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;padding:0;color:#969baa;border:0;border-radius:9px;background:transparent;cursor:pointer;transition:color .15s,background .15s}.icon-button:hover,.icon-button.is-active{color:var(--violet);background:#f0ecfc}.profile-bar .icon-button{width:28px;height:28px}.avatar{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 auto;color:#725d77;border:2px solid #fff;border-radius:14px;font:700 11px Outfit,sans-serif;box-shadow:0 1px 3px #2830451b}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar-small{width:31px;height:31px;border-radius:11px;font-size:9px}.avatar-peach{color:#a8624d;background:#ffdfcf}.avatar-blue{color:#4c6c9e;background:#dbeaff}.avatar-lilac{color:#795c9f;background:#eee2ff}.avatar-mint{color:#477b65;background:#d6f0e2}.avatar-yellow{color:#927238;background:#fff0c4}.avatar-violet{color:#fff;background:#8b70e3}.presence{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid #fbf9f3;border-radius:50%;background:#65bd86}.presence:after{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;content:"";border:1px solid #65bd8655;border-radius:50%}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--paper)}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:76px;flex:0 0 auto;padding:0 22px;border-bottom:1px solid var(--line)}.header-title{display:flex;align-items:center;gap:10px;min-width:0}.channel-hash{display:grid;place-items:center;width:37px;height:37px;flex:0 0 auto;color:#7e63d4;border-radius:12px;background:#f0ecfd}.channel-hash svg{stroke-width:2.5}.header-title h1{overflow:hidden;margin:0;color:#252e40;font:700 17px Outfit,sans-serif;text-overflow:ellipsis;white-space:nowrap}.header-title p{margin:3px 0 0;color:#9296a3;font-size:11px}.header-title p span{color:#a07fe9}.header-actions{display:flex;align-items:center;gap:5px}.header-action{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 9px;color:#7c8494;border:1px solid #eeece7;border-radius:9px;background:#fff;font-size:11px;cursor:pointer}.header-action:hover{color:#6e53c7;border-color:#d9d0f5;background:#f8f5ff}.header-action svg{color:#83b78e}.header-divider{height:23px;width:1px;margin:0 3px;background:var(--line)}.header-search{display:flex;align-items:center;gap:6px;height:34px;margin-left:4px;padding:0 8px;color:#9a9eaa;border:1px solid #eeece7;border-radius:9px;background:#fff}.header-search input{width:46px;border:0;outline:none;color:var(--ink);background:transparent;font-size:11px;transition:width .2s}.header-search:focus-within input{width:95px}.header-search kbd{padding:2px 4px;color:#a0a3af;border:1px solid #eeece7;border-radius:4px;background:#fbfaf7;font:9px DM Sans;white-space:nowrap}.mobile-back{display:none}.welcome-banner{display:flex;align-items:center;gap:10px;margin:15px 22px 0;padding:10px 12px;border:1px solid #ece4fd;border-radius:11px;background:#f8f5ff}.welcome-sparkle{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;color:#8466dc;border-radius:9px;background:#ece5ff}.welcome-banner p{flex:1;margin:0;color:#7e7d8d;font-size:11px;line-height:1.55}.welcome-banner p strong{margin-right:4px;color:#4d4568;font-size:11px}.welcome-banner button{display:grid;place-items:center;padding:4px;color:#a09aae;border:0;background:transparent;cursor:pointer}.conversation{flex:1;min-height:0;overflow-y:auto;padding:18px 22px 8px;scrollbar-color:#e8e4dd transparent;scrollbar-width:thin}.day-divider{display:flex;align-items:center;gap:12px;margin:3px 0 20px}.day-divider span{color:#aaa9af;font-size:9px;font-weight:700;letter-spacing:.1em;white-space:nowrap}.day-divider i{height:1px;flex:1;background:#efede8}.message{position:relative;display:flex;gap:11px;margin:0 -9px 8px;padding:8px 9px;border-radius:12px;transition:background .15s}.message:hover{background:#fbf9f4}.message-arrival{animation:message-arrive .34s cubic-bezier(.2,.8,.2,1) both}.message-avatar-button,.message-author-button,.member-profile-button,.member-info{padding:0;border:0;text-align:left;background:transparent;cursor:pointer}.message-avatar-button{align-self:flex-start;flex:0 0 auto;border-radius:12px}.message-avatar-button:focus-visible,.message-author-button:focus-visible,.member-profile-button:focus-visible,.member-info:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.message-body{min-width:0;flex:1;padding-top:1px}.message-meta{display:flex;align-items:baseline;gap:8px;min-height:19px}.message-author-button{color:#343c4d;font:700 13px Outfit,sans-serif}.message-author-button:hover{color:#7257d2;text-decoration:underline}.message-meta time{color:#aaaab2;font-size:10px}.message-text{margin:4px 0 0;color:#586072;font-size:12.5px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.message-text a{color:#7056d2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}.message-text a:hover{color:#5135ba}.message-attachment-wrap{margin-top:9px}.message-attachment-image{display:block;width:fit-content;max-width:min(100%,440px);overflow:hidden;border:1px solid #e9e4dc;border-radius:12px;background:#f5f2ec}.message-attachment-image img{display:block;max-width:100%;max-height:360px;object-fit:contain}.message-attachment-video{display:block;width:min(100%,440px);max-height:360px;border:1px solid #e9e4dc;border-radius:12px;background:#1d2430}.message-attachment-file,.attachment-loading{display:inline-flex;align-items:center;gap:9px;max-width:min(100%,400px);padding:10px 12px;color:#6651b5;border:1px solid #e3dcf8;border-radius:10px;background:#f8f5ff;font-size:11px;text-decoration:none}.message-attachment-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-attachment-file small{color:#9691a6;white-space:nowrap}.message-attachment-file:hover{border-color:#bdaef1;background:#f1ecff}.attachment-loading{color:#8c879b;background:#faf9f6}.attachment-error{margin:8px 0 0;color:#a35d69;font-size:10px}.message-delete{display:inline-grid;place-items:center;width:26px;height:26px;margin-left:auto;color:#aa6a75;border:1px solid #f0dfe1;border-radius:7px;background:#fff8f8;cursor:pointer}.message-delete:hover{color:#963d4b;border-color:#e7c3c9;background:#ffeff0}.member-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;color:#99783e;border-radius:5px;background:#fff1cb;font:700 8px Outfit}.reactions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:8px}.reaction,.reaction-add{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:38px;height:26px;padding:0 7px;border:1px solid #ebe8e2;border-radius:8px;background:#fff;cursor:pointer;transition:.15s}.reaction:hover,.reaction-add:hover{border-color:#c9b9ff;background:#f8f5ff}.reaction.reacted{border-color:#d8cbff;background:#f2edff}.reaction span{font-size:13px}.reaction b{color:#858b99;font-size:10px;font-weight:600}.reaction-add{position:relative;width:27px;min-width:27px;padding:0;color:#a2a5b0}.reaction-add svg:last-child{position:absolute;right:3px;top:3px}.message-hover-actions{position:absolute;right:6px;top:-12px;display:none;align-items:center;gap:1px;padding:2px 4px;border:1px solid #ece9e3;border-radius:9px;background:#fff;box-shadow:0 3px 8px #27304412}.message:hover .message-hover-actions{display:flex}.shared-image{width:min(100%,325px);margin-top:10px;overflow:hidden;border:1px solid #e9e7e0;border-radius:11px;background:#fff}.garden-art{position:relative;height:150px;overflow:hidden;background:linear-gradient(#c8e5ff 0,#c8e5ff 58%,#daf0c0 58%)}.garden-sun{position:absolute;top:17px;right:46px;width:36px;height:36px;border-radius:50%;background:#ffdb84;box-shadow:0 0 0 8px #ffdb8430}.garden-cloud{position:absolute;top:30px;width:49px;height:13px;border-radius:20px;background:#fffdf6}.garden-cloud:before,.garden-cloud:after{position:absolute;content:"";bottom:3px;width:19px;height:19px;border-radius:50%;background:inherit}.garden-cloud:before{left:8px}.garden-cloud:after{right:6px;width:15px;height:15px}.cloud-a{left:48px}.cloud-b{top:52px;left:158px;transform:scale(.7)}.garden-hill{position:absolute;bottom:-35px;width:70%;height:94px;border-radius:50% 50% 0 0}.hill-a{left:-13%;background:#82c98e;transform:rotate(-7deg)}.hill-b{right:-16%;bottom:-48px;background:#69b982;transform:rotate(7deg)}.garden-flower{position:absolute;z-index:1;color:#fff7a9;font-size:26px;text-shadow:0 1px 1px #b6a473}.flower-a{bottom:22px;left:78px}.flower-b{bottom:42px;left:203px;font-size:19px}.flower-c{bottom:20px;right:59px;font-size:22px}.image-caption{display:flex;align-items:center;gap:6px;padding:8px 10px;color:#858a98;font-size:10px}.empty-search{display:flex;flex-direction:column;align-items:center;gap:8px;margin:auto;color:#9c93b8;font-size:12px}.empty-search strong{color:#4a4459;font:700 15px Outfit}.onboarding{max-width:360px;padding:20px;text-align:center}.onboarding>span:not(.onboarding-icon){color:#9295a1;font-size:12px;line-height:1.6}.onboarding-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:5px;color:#765bd2;border:1px solid #e3dafa;border-radius:17px;background:#f1edff;box-shadow:3px 3px #ddd4f5}.onboarding-button{display:flex;align-items:center;gap:7px;min-height:38px;margin-top:8px;padding:0 13px;color:#fff;border:1.5px solid var(--ink);border-radius:11px;background:var(--violet);box-shadow:3px 3px 0 var(--ink);font-size:11px;font-weight:700;cursor:pointer}.onboarding-button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.composer-wrap{padding:8px 22px 16px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.pending-attachment{display:flex;align-items:center;gap:7px;width:fit-content;max-width:100%;margin:0 0 7px 4px;padding:6px 9px;color:#6c5ab1;border:1px solid #e3dcf8;border-radius:8px;background:#f8f5ff;font-size:10px}.pending-attachment>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-attachment>button{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;color:#8e879d;border:0;border-radius:6px;background:transparent;cursor:pointer}.pending-attachment>button:hover{background:#ebe5fa}.composer{display:flex;align-items:center;gap:8px;min-height:48px;padding:5px 8px;border:1.5px solid #e8e5de;border-radius:13px;background:#fff;transition:border-color .15s,box-shadow .15s}.composer:focus-within{border-color:#bba9f5;box-shadow:0 0 0 3px #f0ebff}.composer-plus{width:30px;height:30px;color:#8270c5;border-radius:9px;background:#f2efff}.composer input{min-width:0;flex:1;height:35px;border:0;outline:0;color:#394155;background:transparent;font-size:12px}.composer input::placeholder{color:#a2a4af}.composer-tools{display:flex;align-items:center;gap:1px}.composer-tools .icon-button{width:29px;height:29px}.send-button{display:grid;place-items:center;width:31px;height:31px;margin-left:3px;color:#fff;border:0;border-radius:9px;background:var(--violet);cursor:pointer}.send-button:hover{background:var(--violet-dark)}.composer-hint{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:6px 4px 0;color:#aaabb4;font-size:9px}.friends-panel{display:flex;flex-direction:column;min-width:0;padding:21px 15px 13px;border-left:1px solid var(--line);background:#fcfaf5}.friends-panel.members-hidden{display:none}.friends-header{display:flex;align-items:flex-start;justify-content:space-between;padding:0 3px}.friends-header h2{margin:0;color:#293144;font:700 16px Outfit,sans-serif}.online-count{display:flex;align-items:center;gap:5px;margin-top:5px;color:#9599a5;font-size:10px}.online-count i{width:7px;height:7px;border-radius:50%;background:#72c68b;box-shadow:0 0 0 3px #72c68b20}.online-count i:empty{display:inline-block}.online-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#b6b7be}.online-dot.online{background:#65bd86;box-shadow:0 0 0 2px #65bd8620}.add-friend-button{width:30px;height:30px;color:#745bd0;border:1px solid #e1d9fa;background:#f3efff}.add-friend-button:hover{color:#fff;background:var(--violet)}.friend-search{height:34px;margin:17px 0 12px;padding:0 9px;background:#fff}.friend-search input{font-size:11px}.friend-tabs{display:flex;align-items:center;gap:6px;padding-bottom:15px;border-bottom:1px solid var(--line)}.friend-tabs>button:not(.friend-tab-add){padding:6px 9px;color:#8d92a0;border:0;border-radius:7px;background:transparent;font-size:11px;cursor:pointer}.friend-tabs>button.selected:not(.friend-tab-add){color:#654dc2;background:#eee9fc;font-weight:700}.request-count{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:2px;padding:0 4px;color:#fff;border-radius:6px;background:#ed8baa;font-size:9px}.friend-tab-add{display:grid;place-items:center;width:26px;height:26px;margin-left:auto;color:#969aaa;border:1px solid #eae7e0;border-radius:7px;background:#fff;cursor:pointer}.friend-section-title{display:flex;align-items:center;justify-content:space-between;margin:17px 2px 8px;color:#a0a1aa;font-size:9px;letter-spacing:.08em;font-weight:700}.friend-list{display:flex;flex-direction:column;gap:3px}.friend-row{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:7px 6px;border:0;border-radius:10px;text-align:left;background:transparent;cursor:pointer;transition:background .15s}.friend-row:not(button){cursor:default}.friend-row:hover{background:#f2efe8}.friend-info{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px}.friend-info strong{overflow:hidden;color:#3d4555;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.member-row{cursor:default}.member-profile-button{display:grid;flex:0 0 auto;border-radius:12px}.member-info{flex:1}.member-info strong{display:flex;align-items:center;gap:4px}.member-info strong svg{flex:0 0 auto;color:#d49d2c;fill:#f6d681}.member-role-badge{display:inline-flex;align-items:center;max-width:76px;overflow:hidden;padding:3px 6px;color:var(--role-color);border:1px solid color-mix(in srgb,var(--role-color) 25%,white);border-radius:6px;background:color-mix(in srgb,var(--role-color) 10%,white);font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.member-row select{width:73px;min-width:0;padding:4px 2px;color:#777e8e;border:1px solid #e5e1db;border-radius:6px;background:#fff;font-size:9px}.member-row select:focus-visible{outline:2px solid var(--violet);outline-offset:1px}.friend-info small{display:flex;align-items:center;gap:4px;overflow:hidden;color:#9b9eaa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.friend-info small svg{flex:0 0 auto;color:#a487e3}.friend-info small .online-dot{margin-right:1px}.music-bars{color:#73b48a;font-size:12px}.friend-hover-icons{display:none;align-items:center;gap:5px;color:#9a91b2}.friend-row:hover .friend-hover-icons{display:flex}.no-friends{padding:12px 5px;color:#9699a5;font-size:11px}.accept-request{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;color:#42805e;border:1px solid #d6e9d9;border-radius:8px;background:#e8f6e9;cursor:pointer}.accept-request:hover{color:#fff;background:#65ad7b}.friends-spacer{flex:1;min-height:20px}.invite-card{position:relative;overflow:hidden;min-height:139px;padding:15px 12px 12px;border:1.5px solid #e4dafa;border-radius:13px;background:linear-gradient(130deg,#f5f0ff,#fff8f0)}.invite-decoration{position:absolute;top:-20px;right:6px;width:93px;height:82px;opacity:.65}.invite-decoration span{position:absolute;top:9px;right:17px;color:#a991ec;font-size:38px}.invite-decoration i{position:absolute;top:43px;right:50px;width:11px;height:11px;border-radius:50%;background:#f7be63}.invite-decoration b{position:absolute;top:23px;right:0;width:10px;height:10px;border-radius:2px;background:#f495b0;transform:rotate(24deg)}.invite-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px}.invite-copy strong{color:#473b64;font:700 14px/1.3 Outfit}.invite-copy span{color:#8c8698;font-size:10px}.invite-card>button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:32px;margin-top:12px;color:#fff;border:1px solid #6d53cb;border-radius:9px;background:#8061e9;box-shadow:2px 2px #47347f;font-size:10px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.invite-card>button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #47347f}.invite-card>button:active{transform:translate(1px,1px);box-shadow:1px 1px #47347f}.whats-new{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 7px;border:1px solid #f0ede6;border-radius:10px;text-align:left;background:#fff;cursor:pointer}.whats-new:hover{border-color:#dcd3f7;background:#faf8ff}.whats-new>span:first-child{display:grid;place-items:center;width:29px;height:29px;color:#b078d5;border-radius:9px;background:#f8eafd}.whats-new>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.whats-new strong{color:#54586b;font-size:10px}.whats-new small{color:#a0a1aa;font-size:9px}.whats-new>svg{color:#a2a1ad}.mobile-nav{display:none}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#26304477;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .16s ease-out}.dialog{position:relative;width:min(100%,410px);padding:27px;border:2px solid var(--ink);border-radius:20px;background:#fffdf8;box-shadow:7px 7px #263044;animation:pop-in .25s cubic-bezier(.2,.8,.2,1)}.dialog-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:32px;height:32px;color:#828796;border:0;border-radius:9px;background:transparent;cursor:pointer}.dialog-close:hover{color:var(--ink);background:#f3f0e9}.dialog-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:17px;border:1.5px solid var(--ink);border-radius:14px;background:#ebe5ff;box-shadow:3px 3px 0 var(--ink)}.dialog-icon.friend{color:#4e966f;background:#dcf2e3}.dialog-icon.channel{color:#bd7086;background:#ffe3ed}.dialog h2{margin:0;color:#293144;font:700 23px Outfit}.dialog>p{margin:7px 0 19px;color:#828795;font-size:12px;line-height:1.5}.server-settings-dialog{max-height:min(90dvh,760px);overflow-y:auto}.server-settings-dialog>.dialog-submit{margin-top:12px}.role-manager{margin-top:22px;padding-top:16px;border-top:1px solid #ece8e1}.role-manager h3{margin:0 0 11px;color:#394155;font:700 14px Outfit}.role-manager-row{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:3px 2px}.role-manager-row>div{display:flex;gap:5px}.role-manager-row button{display:grid;place-items:center;width:28px;height:28px;color:#8a8199;border:1px solid #e9e4ed;border-radius:7px;background:#fff;cursor:pointer}.role-manager-row button:hover{color:#7158c8;background:#f4f0ff}.role-manager-row button:last-child{color:#a35d69;border-color:#f0dfe1;background:#fff7f7}.role-manager-row button:last-child:hover{background:#ffebed}.role-empty{color:#9295a1;font-size:11px}.role-editor{margin-bottom:6px}.role-edit-form{margin:4px 0 11px;padding:10px;border:1px solid #eee9e2;border-radius:10px;background:#fcfaf6}.permission-option{display:flex;align-items:flex-start;gap:8px;margin-top:9px;color:#535b6c;cursor:pointer}.permission-option input{width:14px;height:14px;flex:0 0 auto;margin:2px 0 0;accent-color:var(--violet)}.permission-option span{display:flex;flex-direction:column;gap:2px}.permission-option strong{font-size:10px}.permission-option small{color:#9295a1;font-size:9px}.role-save-button{width:100%;height:32px;margin-top:11px;color:#fff;border:1px solid var(--ink);border-radius:8px;background:var(--violet);box-shadow:2px 2px 0 var(--ink);font-size:10px;font-weight:700;cursor:pointer}.role-permission-options{margin-top:9px;padding:8px 10px;border:1px solid #eee9e2;border-radius:9px}.role-permission-options summary{color:#776f8b;font-size:10px;font-weight:700;cursor:pointer}.role-create-row{display:flex;align-items:center;gap:7px;margin-top:11px}.role-create-row>input:first-child{min-width:0;flex:1;height:38px;padding:0 9px;border:1px solid #dedbe2;border-radius:8px;font-size:11px}.role-create-row>input[type=color]{width:34px;height:34px;padding:3px;border:1px solid #dedbe2;border-radius:8px;background:#fff}.role-create-row>button{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:35px;padding:0 8px;color:#fff;border:1px solid var(--ink);border-radius:8px;background:var(--violet);font-size:10px;font-weight:700;cursor:pointer}.user-profile-content{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 0 3px;text-align:center}.user-profile-content>.avatar{width:66px;height:66px;border-radius:20px;font-size:20px}.user-profile-content>strong{color:#343c4d;font:700 17px Outfit}.user-profile-content>span{color:#9295a1;font-size:11px}.user-profile-content>p{width:100%;margin:10px 0 0;padding:12px;color:#6d7382;border-radius:10px;background:#f7f4ed;font-size:12px;overflow-wrap:anywhere}.dialog-label{display:flex;flex-direction:column;gap:7px;color:#777e8f;font-size:9px;letter-spacing:.08em;font-weight:700}.dialog-label input{height:43px;padding:0 12px;border:1.5px solid #dedbe2;border-radius:10px;color:var(--ink);background:#fff;font-size:12px;letter-spacing:normal}.dialog-label input:focus{border-color:var(--violet);outline:0;box-shadow:3px 3px #d8ccff}.dialog-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:43px;margin-top:16px;color:#fff;border:1.5px solid var(--ink);border-radius:11px;background:var(--violet);box-shadow:3px 3px 0 var(--ink);font-size:12px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.dialog-submit:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.dialog-footnote{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px;color:#9999a4;font-size:9px}.profile-preview{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:11px;border:1px solid #eee9e2;border-radius:11px;background:#fbf9f4}.profile-preview>span:last-child{display:flex;flex-direction:column;gap:3px}.profile-preview strong{color:#3d4555;font:700 13px Outfit}.profile-preview small{color:#9396a2;font-size:10px}.profile-dialog .dialog-label{margin-top:12px}.signout-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:14px;padding:9px;color:#a15967;border:1px solid #f1dce0;border-radius:9px;background:#fff6f7;font-size:11px;cursor:pointer}.signout-button:hover{background:#ffebed}.toast{position:fixed;z-index:30;right:25px;bottom:24px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 32px);padding:12px 16px;color:#41495a;border:1px solid #e5e1d8;border-radius:12px;background:#fff;box-shadow:0 5px 20px #20263a1c;font-size:12px;animation:pop-in .2s ease-out}.toast>span{display:grid;place-items:center;width:23px;height:23px;color:#36885d;border-radius:7px;background:#e4f5e9}.toast-error{color:#8f4651;border-color:#f1d7dc;background:#fff9f9}.toast-error>span{color:#a64e5c;background:#fbe7e9}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;min-height:100dvh;color:#9295a1;background:var(--paper);font-size:12px}.loading-screen strong{color:#3d4555;font:700 17px Outfit}.loading-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:5px;color:#fff;border:2px solid var(--ink);border-radius:16px;background:var(--violet);box-shadow:4px 4px 0 var(--ink);font:700 26px Outfit}.auth-shell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;overflow:hidden;padding:35px 18px;background:#faf7ef}.auth-decoration{position:absolute;pointer-events:none}.auth-orb{top:-150px;left:-110px;width:390px;height:390px;border:2px solid #273044;border-radius:48% 52% 62% 38%;background:#f5ce62;opacity:.72;transform:rotate(-15deg)}.auth-spark{right:max(8vw,35px);bottom:10%;color:#f28aae;font-size:108px;transform:rotate(14deg)}.auth-card{position:relative;z-index:1;width:min(100%,420px);padding:30px 34px 24px;border:2px solid var(--ink);border-radius:24px;background:#fffdf8;box-shadow:8px 8px 0 var(--ink)}.auth-brand{display:flex;align-items:center;gap:8px;color:#30364a;font:700 20px Outfit}.auth-brand>span{display:grid;place-items:center;width:31px;height:31px;color:#fff;border-radius:10px;background:var(--violet);box-shadow:2px 2px 0 var(--ink)}.auth-brand i{margin-left:-4px;color:#f0bb41;font-size:14px;font-style:normal}.auth-heading{margin-top:24px}.auth-eyebrow{display:flex;align-items:center;gap:6px;color:#8769ce;font-size:9px;font-weight:700;letter-spacing:.09em}.auth-heading h1{margin:8px 0 5px;color:#293144;font:700 40px/.98 Outfit;letter-spacing:-.035em}.auth-heading h1 em{color:#8061e9;font-style:normal}.auth-heading>p{margin:9px 0 18px;color:#858a98;font-size:11px;line-height:1.6}.auth-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:#f1eee8}.auth-mode button{height:32px;color:#898d99;border:0;border-radius:7px;background:transparent;font-size:11px;cursor:pointer}.auth-mode button.active{color:#5f49b3;background:#fff;box-shadow:0 1px 4px #29314417;font-weight:700}.auth-form{display:flex;flex-direction:column;gap:11px;margin-top:15px}.auth-form>label{display:flex;flex-direction:column;gap:6px;color:#62697a;font-size:10px;font-weight:700}.auth-form input{width:100%;height:39px;padding:0 11px;color:var(--ink);border:1px solid #e4e0d9;border-radius:9px;outline:none;background:#fff;font-size:11px}.auth-form input:focus{border-color:#aa98ed;box-shadow:0 0 0 3px #efeaff}.auth-form input::placeholder{color:#b0b1b9}.auth-input{position:relative;display:flex;align-items:center}.auth-input>svg{position:absolute;left:11px;color:#9993aa}.auth-input input{padding-left:34px}.auth-submit,.google-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:42px;border:1.5px solid var(--ink);border-radius:10px;font-size:11px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.auth-submit{margin-top:3px;color:#fff;background:var(--violet);box-shadow:3px 3px 0 var(--ink)}.auth-submit:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.auth-submit:disabled,.google-button:disabled{cursor:not-allowed;opacity:.62}.auth-separator{display:flex;align-items:center;gap:10px;margin:15px 0 12px;color:#a5a4ac;font-size:9px}.auth-separator:before,.auth-separator:after{height:1px;flex:1;content:"";background:#eeebe5}.google-button{color:#505768;border-color:#e5e1da;background:#fff}.google-button:hover:not(:disabled){border-color:#cfc5ee;background:#fbf9ff}.google-mark{width:16px;height:16px}.auth-legal{display:flex;align-items:center;justify-content:center;gap:5px;margin:14px 0 0;color:#a2a3ab;font-size:9px}.auth-legal svg{color:#68a77c}.auth-error{display:flex;align-items:flex-start;gap:6px;margin:0;padding:8px 9px;color:#a54f5d;border:1px solid #f1d8dc;border-radius:8px;background:#fff5f6;font-size:10px;line-height:1.45}.auth-error svg{flex:0 0 auto}.auth-success{display:flex;align-items:flex-start;gap:6px;margin:0;padding:8px 9px;color:#387752;border:1px solid #d8ebdc;border-radius:8px;background:#f1faf2;font-size:10px;line-height:1.45}.auth-success svg{flex:0 0 auto}.forgot-password{display:block;margin:12px auto 0;padding:4px;color:#7964c0;border:0;background:transparent;font-size:10px;cursor:pointer}.forgot-password:hover{color:#5239a8;text-decoration:underline}.verification-card{padding-top:26px}.verification-icon{display:grid;place-items:center;width:50px;height:50px;margin:24px 0 14px;color:#765bd2;border:1.5px solid var(--ink);border-radius:15px;background:#eee9ff;box-shadow:3px 3px 0 var(--ink)}.verification-card h1{margin:0;color:#293144;font:700 34px/.98 Outfit;letter-spacing:-.03em}.verification-card h1 em{color:#8061e9;font-style:normal}.verification-card>p:not(.auth-error):not(.auth-success){color:#858a98;font-size:11px;line-height:1.65}.verification-card>p strong{color:#4d5260}.verification-resend{margin-top:10px}.auth-footer{z-index:1;margin-top:22px;color:#858797;font-size:10px}.auth-footer span{color:#8b70e3}.firebase-setup{position:relative;z-index:1;width:min(100%,560px);margin-top:26px;padding:17px 19px;border:1px solid #e6ddfa;border-radius:14px;background:#fffdf8;box-shadow:3px 3px #e5dcf8}.firebase-setup>div{display:flex;align-items:center;gap:8px}.firebase-setup>div>span{display:grid;place-items:center;width:28px;height:28px;color:#775dc9;border-radius:8px;background:#f0ebff}.firebase-setup h2{margin:0;color:#45445a;font:700 14px Outfit}.firebase-setup p,.firebase-setup li{color:#777d8d;font-size:10px;line-height:1.6}.firebase-setup p{margin:8px 0}.firebase-setup ol{margin:0;padding-left:17px}.firebase-setup li+li{margin-top:3px}.firebase-setup code{padding:1px 4px;color:#654bc2;border-radius:4px;background:#f1edfb;font-size:9px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.96) translateY(7px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(min-width:1600px){.app-shell{grid-template-columns:80px 270px minmax(440px,1fr) 295px}.chat-header{padding-right:30px;padding-left:30px}.conversation{padding-right:34px;padding-left:34px}.welcome-banner{margin-right:34px;margin-left:34px}.composer-wrap{padding-right:34px;padding-left:34px}}@media(max-width:1180px){.app-shell{grid-template-columns:68px 220px minmax(330px,1fr) 240px}.chat-header{padding:0 15px}.header-actions{gap:2px}.header-action{padding:0 7px}.header-search kbd{display:none}.conversation{padding-right:16px;padding-left:16px}.welcome-banner{margin-right:16px;margin-left:16px}.composer-wrap{padding-right:16px;padding-left:16px}.friends-panel{padding-right:11px;padding-left:11px}.server-heading{padding-right:12px;padding-left:12px}}@media(max-width:980px){.app-shell{grid-template-columns:66px 215px minmax(320px,1fr)}.friends-panel{display:none}.friends-panel.mobile-show{position:fixed;z-index:8;top:0;right:0;bottom:70px;display:flex;width:min(320px,calc(100vw - 66px));box-shadow:-8px 0 24px #25304a1a}.mobile-friends{display:grid}.header-search input{width:30px}}@media(max-width:650px){body{overflow:hidden}.app-shell{position:relative;display:block;min-height:0;height:100dvh}.server-rail,.channel-sidebar{display:none}.server-rail.mobile-show{position:fixed;z-index:9;top:0;bottom:70px;left:0;display:flex;width:66px;box-shadow:8px 0 20px #26304417}.channel-sidebar.mobile-show{position:fixed;z-index:8;top:0;bottom:70px;left:66px;display:flex;width:min(260px,calc(100vw - 66px));box-shadow:8px 0 20px #26304417}.chat-panel{position:absolute;top:0;right:0;bottom:64px;left:0;display:none}.chat-panel.mobile-show{display:flex}.chat-header{height:62px;padding:0 12px}.header-title{gap:8px}.header-title h1{font-size:15px}.header-title p{font-size:10px}.header-actions{gap:0}.header-action,.header-divider{display:none}.header-actions>.icon-button:not(.mobile-friends){display:none}.header-search{width:34px;justify-content:center;padding:0;border:0;background:transparent}.header-search input{position:absolute;z-index:2;right:78px;width:0;height:34px;opacity:0}.header-search:focus-within{width:auto}.header-search:focus-within input{position:static;width:min(140px,34vw);opacity:1}.header-search kbd{display:none}.mobile-back{display:grid;place-items:center;width:30px;height:34px;padding:0;color:#7c8291;border:0;border-radius:8px;background:transparent}.mobile-friends{display:grid;color:#8061e9}.channel-hash{width:33px;height:33px}.welcome-banner{gap:8px;margin:11px 11px 0;padding:8px}.welcome-banner p{font-size:10px}.welcome-banner p strong{display:block}.conversation{padding:15px 13px 5px}.day-divider{margin-bottom:14px}.message{gap:9px;margin-right:-5px;margin-left:-5px;padding:7px 5px}.avatar{width:35px;height:35px;border-radius:12px}.message-meta>strong{font-size:12px}.message-text{font-size:12px}.message-hover-actions{display:none!important}.composer-wrap{padding:7px 10px 10px}.composer{min-height:47px;gap:5px;padding:4px 6px}.composer input{font-size:11px}.composer-tools .icon-button{width:27px;height:29px}.composer-tools .icon-button:nth-child(1),.composer-tools .icon-button:nth-child(2){display:none}.composer-hint{display:none}.friends-panel.mobile-show{top:0;right:0;bottom:64px;width:min(345px,calc(100vw - 20px));padding:19px 15px 11px}.mobile-nav{position:fixed;z-index:11;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-around;height:calc(64px + env(safe-area-inset-bottom));padding:4px 7px env(safe-area-inset-bottom);border-top:1px solid #ebe7de;background:#fffdf8}.mobile-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:52px;color:#9c9ba5;border:0;border-radius:10px;background:transparent;font-size:9px;cursor:pointer}.mobile-nav button.active{color:#7659d4}.mobile-nav button.active svg{stroke-width:2.5}.mobile-nav .avatar{width:25px;height:25px;border-radius:9px;font-size:8px}.mobile-nav button>span:last-child{line-height:1}.toast{right:12px;bottom:75px;left:12px;justify-content:center;text-align:center}.auth-shell{justify-content:flex-start;min-height:100dvh;overflow:auto;padding:24px 16px 28px}.auth-orb{top:-185px;left:-160px;width:300px;height:300px}.auth-spark{right:7px;bottom:4%;font-size:62px}.auth-card{padding:23px 22px 20px;border-radius:21px;box-shadow:5px 5px 0 var(--ink)}.auth-heading{margin-top:19px}.auth-heading h1{font-size:36px}.firebase-setup{margin-top:20px;padding:14px}.auth-footer{margin:18px 0}.verification-card{margin-top:min(12vh,75px)}.friends-panel.mobile-show.members-hidden{display:flex}}@media(max-width:375px){.chat-header{padding:0 8px}.header-title p{display:none}.header-actions>.icon-button.mobile-friends{width:29px}.message-text{font-size:11.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes message-arrive{0%{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}