@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";.mobile-menu-btn,.mobile-nav{display:none}:root{--font-serif:"Playfair Display", Georgia, "Times New Roman", serif;--font-sans:"DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-family:var(--font-sans);color:#e8e8ee;font-synthesis:none;--bg:#10131a;--sidebar:#171a23;--sidebar2:#1d202a;--panel:#20232e;--card:#242833;--line:#303441;--muted:#9196a6;--subtle:#b2b5c2;--accent:#e49a83;--accent2:#b894e8;--shadow:0 24px 80px #0008;--rail-w:72px;--ch-sidebar-w:254px;--member-sidebar-w:228px;--mobile-nav-h:56px;background:#10131a}*{box-sizing:border-box}html,body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}button,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}h1,h2,h3{font-family:var(--font-serif)}code,pre,.handle,.eyebrow,.day-divider,.section-label,time,.settings-category-label,.role-context-title{font-family:var(--font-mono)}.app.light{--bg:#f5f3f1;--sidebar:#e8e5e3;--sidebar2:#dedbd9;--panel:#fff;--card:#fff;--line:#dcd9d6;--muted:#74737a;--subtle:#52515a;color:#282733}.app.light input,.app.light textarea,.app.light select{color:#1c1c24;background:#fff;border-color:#d4d0d8}.app.light input:focus,.app.light textarea:focus,.app.light select:focus{border-color:var(--accent)}.app.light .account-info-box{background:#f0edea}.app.midnight{--bg:#000;--sidebar:#08080a;--sidebar2:#0f0f13;--panel:#141418;--card:#1a1a20;--line:#25252e;--muted:#787b89;--subtle:#9e9eb0;color:#f2f2f6}.app.midnight .server-rail{background:#040405}button.primary,.primary{background:var(--accent);color:#1a1416;border:1px solid var(--accent);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}button.primary:hover:not(:disabled),.primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}button.primary:disabled,.primary:disabled{opacity:.55;cursor:not-allowed}button.secondary,.secondary{background:var(--sidebar2);color:var(--fg,#e8e8ee);border:1px solid var(--line);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}button.secondary:hover:not(:disabled),.secondary:hover:not(:disabled){background:var(--panel);border-color:var(--muted);color:#fff}button.secondary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}button.ghost,.ghost{color:var(--subtle);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}button.ghost:hover,.ghost:hover{background:var(--sidebar2);color:var(--fg,#e8e8ee)}.app{grid-template-columns:var(--rail-w) var(--ch-sidebar-w) minmax(0,1fr) var(--member-sidebar-w);background:var(--bg);grid-template-rows:100%;height:100dvh;display:grid;overflow:hidden}.server-rail{scrollbar-width:none;background:#0d1016;flex-direction:column;align-items:center;gap:12px;padding:15px 0;display:flex;position:relative;overflow:hidden auto}.server-rail::-webkit-scrollbar{display:none}.halo-logo,.server-icon{color:#a9aeba;background:#1d222c;border-radius:15px;flex:none;place-items:center;width:44px;height:44px;font-size:17px;font-weight:700;transition:all .2s;display:grid}.halo-logo{color:#17131e;background:linear-gradient(145deg,#f0b095,#c999e5)}.server-icon:hover,.server-icon.active{color:#fff;background:#343945;border-radius:13px}.server-icon.active{box-shadow:inset 3px 0 var(--accent);color:#fff}.server-icon.add{color:#8bc6a3}.server-icon.explore{color:#a7b9ef}.server-icon.coral{color:#f1a58d}.server-icon.blue{color:#91b8e9}.server-icon.green{color:#97c5a1}.server-icon.yellow{color:#eac982}.rail-divider{background:#292d38;flex:none;width:32px;height:1px}.rail-bottom{flex-direction:column;gap:12px;margin-top:auto;display:flex}.channel-sidebar{background:var(--sidebar);flex-direction:column;min-width:0;display:flex;overflow:hidden}.workspace-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:21px 17px 15px;display:flex}.workspace-title{align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.workspace-sub{color:var(--muted);margin-top:5px;font-size:11px}.live-dot,.status{background:#73c695;border-radius:50%;width:7px;height:7px;display:inline-block}.sidebar-search{background:var(--sidebar2);color:var(--muted);border-radius:7px;gap:7px;margin:15px 12px 8px;padding:8px 9px;display:flex}.sidebar-search input,.top-search input{color:inherit;background:0 0;border:0;outline:0;width:100%;font-size:12px}.channel-list{flex:1;padding:6px 9px;overflow:auto}.section-label{color:#828797;letter-spacing:.08em;align-items:center;gap:5px;padding:11px 7px 5px;font-family:DM Mono,monospace;font-size:10px;display:flex}.section-label button{color:#828797;background:0 0;margin-left:auto;padding:0}.section-label.category{padding-top:18px}.channel{color:#969baa;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:8px;width:100%;height:33px;padding:0 9px;font-size:13px;display:flex}.channel:hover{color:#dcdde3;background:#ffffff08}.channel.active{color:#f4f2ef;background:#353844}.channel.unread{color:#f5f5f6;font-weight:600}.channel small,.channel em{margin-left:auto;font-size:10px;font-style:normal}.channel em{background:var(--accent);color:#24181a;border-radius:10px;padding:1px 5px}.user-strip{background:var(--sidebar2);flex:none;align-items:center;gap:8px;margin-top:auto;padding:10px 12px;display:flex}.user-meta{flex-direction:column;flex:1;min-width:0;display:flex}.user-meta b{font-size:12px}.user-meta span{color:var(--muted);font:10px DM Mono,monospace}.user-strip button{color:var(--muted);background:0 0;padding:4px}.avatar{color:#201b23;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;position:relative}.avatar.xs{width:26px;height:26px;font-size:9px}.avatar.sm{width:31px;height:31px;font-size:10px}.avatar.md{width:34px;height:34px;font-size:11px}.avatar.lg{width:40px;height:40px;font-size:12px}.avatar.xl{width:78px;height:78px;font-size:24px}.avatar.coral{background:#efab94}.avatar.violet{background:#b598e8}.avatar.blue{background:#8db9dc}.avatar.green{background:#9bcaa9}.avatar.yellow{background:#e6c77e}.avatar.ring{box-shadow:0 0 0 3px var(--sidebar2)}.main-area{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:14px;height:56px;padding:0 16px;display:flex}.channel-heading{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.channel-heading svg{color:var(--muted);flex:none}.channel-heading strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.channel-heading span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.top-actions{flex:none;align-items:center;gap:8px;display:flex}.top-actions>button{color:var(--muted);background:0 0;padding:4px}.top-actions>button:hover{color:var(--subtle)}.top-search{background:var(--sidebar2);width:130px;color:var(--muted);border-radius:6px;align-items:center;gap:5px;padding:6px 8px;display:flex}.content-scroll{flex-direction:column;flex:1 1 0;height:0;min-height:0;padding:24px 6% 20px;display:flex;overflow:hidden auto}.content-scroll>.messages{flex:none;width:100%}.welcome-card{background:linear-gradient(110deg,#262932,#222631);border:1px solid #343741;border-radius:12px;align-items:center;gap:18px;padding:23px 25px;display:flex;position:relative;overflow:hidden}.welcome-card:after{content:"";border:1px solid #ffffff0d;border-radius:50%;width:190px;height:190px;position:absolute;top:-75px;right:22px;box-shadow:0 0 0 30px #ffffff04,0 0 0 60px #ffffff02}.welcome-orb{color:#37242b;background:#e7af91;border-radius:15px;flex:none;place-items:center;width:51px;height:51px;display:grid}.eyebrow{color:#b9a6d7;letter-spacing:.13em;margin:0 0 6px;font:10px DM Mono,monospace}.welcome-card h1{color:#f7f1e8;margin:0 0 5px;font:600 20px Playfair Display,serif}.welcome-card p:not(.eyebrow){color:#aaaebb;margin:0;font-size:12px}.card-close{color:#757b89;background:0 0;align-self:flex-start;margin-left:auto}.day-divider{color:#747988;align-items:center;gap:12px;margin:27px 0 18px;font:10px DM Mono,monospace;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--line);flex:1;height:1px}.messages{flex-direction:column;gap:18px;display:flex}.message{border-radius:6px;flex-direction:column;margin:0 -14px;padding:4px 14px 6px;transition:background .12s;display:flex;position:relative}.message:hover .message-toolbar{display:flex}@keyframes flashHighlight{0%{background:#e49a834d}to{background:0 0}}.message.flash-highlight{animation:1.5s flashHighlight}.message-toolbar{background:var(--panel);border:1px solid var(--line);z-index:5;border-radius:6px;align-items:center;gap:2px;padding:2px;display:none;position:absolute;top:-12px;right:10px;box-shadow:0 4px 14px #00000059}.message-toolbar-btn{width:26px;height:26px;color:var(--muted);background:0 0;border-radius:4px;place-items:center;padding:0;transition:all .12s;display:inline-grid}.message-toolbar-btn:hover{background:var(--sidebar2);color:var(--accent)}.message.has-reply{padding-top:2px}.replied-message{color:#949ba4;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;width:fit-content;max-width:calc(100% - 64px);margin-bottom:3px;margin-left:54px;font-size:12px;line-height:1.3;display:flex;position:relative}.replied-message:before{content:"";pointer-events:none;border-top:2px solid #4e5058;border-left:2px solid #4e5058;border-top-left-radius:6px;width:28px;height:15px;position:absolute;top:50%;left:-34px}.replied-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;overflow:hidden}.replied-avatar .avatar{min-width:16px;width:16px!important;height:16px!important;font-size:9px!important}.replied-author{color:var(--accent);font-size:12px;font-weight:600;font-family:var(--font-sans);flex-shrink:0;transition:filter .12s}.replied-body{color:#949ba4;white-space:nowrap;text-overflow:ellipsis;max-width:480px;font-size:12px;font-family:var(--font-sans);transition:color .12s;overflow:hidden}.replied-message:hover .replied-body{color:#dbdee1;text-decoration:underline}.replied-message:hover .replied-author{filter:brightness(1.2)}.message-main{align-items:flex-start;gap:14px;width:100%;min-width:0;display:flex}.message-author-button{text-align:left;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;height:40px;margin-top:1px;padding:0}.message-body{flex:1;min-width:0}.message-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.message-name-button{text-align:left;cursor:pointer;background:0 0;padding:0}.message-meta b{font-size:14px;font-weight:600;font-family:var(--font-sans);color:var(--fg,#e8e8ee)}.message-name-button:hover b{filter:brightness(1.2)}.message-meta time{color:#767c89;font-size:11px;font-family:var(--font-mono);margin-left:4px}.message-body p{color:#dcddde;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:13.5px;line-height:1.5;font-family:var(--font-sans);margin:2px 0 6px}.mini-badge{color:#d9a7d1;background:#3f3244;border-radius:4px;align-items:center;gap:3px;padding:3px 6px;font-size:9px;display:inline-flex}.message-reactions{flex-wrap:wrap;gap:5px;display:flex}.message-reactions button{color:#bfc4d2;background:#232936;border:1px solid #363b48;border-radius:5px;padding:3px 7px;font-size:11px}.message-reactions button:hover{border-color:var(--accent);color:#fff}.message-reactions .add-reaction{color:#737a8a;align-items:center;gap:4px;padding:3px 5px;display:inline-flex}.typing{color:#818797;align-items:center;gap:6px;margin:25px 0 4px;font-size:10px;display:flex}.typing-dots{gap:2px;display:flex}.typing-dots i{background:#9499a6;border-radius:50%;width:4px;height:4px}.message-mentioned .message{background:#3b3048;box-shadow:inset 3px 0 #dba6d0}.message-mentioned .message:hover{background:#493651}.reply-bar{background:var(--sidebar);border:1px solid var(--line);color:var(--subtle);border-bottom:0;border-top-left-radius:9px;border-top-right-radius:9px;justify-content:space-between;align-items:center;margin:0 6%;padding:7px 12px;font-size:12px;animation:.14s replySlideIn;display:flex}.reply-bar+.composer{border-top:1px solid var(--line);border-top-left-radius:0;border-top-right-radius:0}@keyframes replySlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.reply-bar-info{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.reply-bar-info svg{color:var(--accent);flex-shrink:0}.reply-bar-snippet{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:380px;font-size:11px;overflow:hidden}.reply-bar-close{color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:3px;display:flex}.reply-bar-close:hover{background:var(--sidebar2);color:#fff}.composer{background:var(--sidebar2);z-index:6;border-radius:9px;flex:none;align-items:center;gap:8px;margin:0 6% 18px;padding:6px 9px;display:flex;position:relative}.composer>button,.composer .emoji-picker-wrap>button{color:#8d93a2;background:0 0;padding:5px}.composer textarea{resize:none;width:100%;min-height:34px;max-height:160px;color:inherit;background:0 0;border:0;outline:0;padding:8px 0;font-size:13px;line-height:1.45;display:block;overflow-y:auto}.composer textarea:disabled{cursor:not-allowed;color:var(--muted)}.member-sidebar{background:var(--sidebar);border-left:1px solid var(--line);padding:20px 13px;overflow:auto}.member-head{color:#808694;letter-spacing:.1em;justify-content:space-between;padding:0 5px 18px;font:10px DM Mono,monospace;display:flex}.member-head button{color:#838896;background:0 0}.online-label{color:#747988;letter-spacing:.1em;padding:8px 5px;font:10px DM Mono,monospace}.online-label.away{margin-top:17px}.member{text-align:left;background:0 0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:7px 5px;display:flex}.member:hover{background:var(--sidebar2)}.member-avatar{display:flex;position:relative}.member-avatar i{border:2px solid var(--sidebar);background:#75c89a;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.member-avatar i.idle{background:#e5b566}.member-avatar i.offline{background:#767b86}.member b,.member small{display:block}.member b{font-size:12px}.member small{color:#858a99;margin-top:2px;font-size:10px}.quick-actions{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.quick-actions button{color:#9298a8;text-align:left;background:0 0;align-items:center;gap:8px;width:100%;padding:8px;font-size:11px;display:flex}.quick-actions button:hover{color:#fff}.panel-backdrop{z-index:45;background:#080a0f99;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--panel);width:510px;max-width:100vw;height:100%;box-shadow:var(--shadow);overflow:auto}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:28px 31px 21px;display:flex}.drawer-head h2{margin:0;font:600 23px Playfair Display,serif}.drawer-head>button{background:var(--sidebar2);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.profile-cover{background:linear-gradient(120deg,#353b5a,#7e5360 50%,#e0a686);height:110px;position:relative}.profile-card{padding:0 30px 20px;position:relative}.profile-card>.avatar{margin-top:-39px}.edit-avatar{border:2px solid var(--panel);background:#222630;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:19px;left:87px}.profile-card h3{margin:10px 0 1px;font-size:18px}.handle{color:var(--muted);margin:0 0 12px;font:11px DM Mono,monospace}.bio{color:var(--subtle);margin:0;font-size:12px;line-height:1.45}.profile-stat{color:var(--muted);gap:25px;margin-top:17px;font-size:11px;display:flex}.profile-stat b{color:var(--subtle);font-size:15px;display:block}.profile-panel label,.settings-content label{color:#9297a6;letter-spacing:.06em;padding:13px 31px;font:10px DM Mono,monospace;display:block}.profile-panel input,.profile-panel textarea,.settings-content input,.settings-content textarea{background:var(--sidebar2);border:1px solid var(--line);width:100%;color:inherit;resize:vertical;border-radius:6px;outline:0;margin-top:7px;padding:10px;font-size:12px;display:block}.profile-panel textarea,.settings-content textarea{height:72px}.profile-row{gap:9px;padding:12px 31px;display:flex}.primary,.secondary,.ghost{border-radius:6px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;display:inline-flex}.primary,.secondary{background:var(--accent);color:#261e21;font-weight:600}.secondary{background:#dba28f}.ghost{color:var(--muted);background:0 0}.invite-panel{text-align:center;padding:30px}.invite-art{color:#f3b19b;background:linear-gradient(135deg,#40314b,#28394a);border-radius:12px;justify-content:center;align-items:center;gap:10px;height:128px;display:flex}.invite-art svg:nth-child(2){color:#e6a4cf;margin-top:26px}.invite-art svg:nth-child(3){color:#bedc93;margin-bottom:27px}.invite-panel h3{margin:24px 0 7px;font:600 22px Playfair Display,serif}.invite-panel>p{color:var(--muted);max-width:290px;margin:0 auto 21px;font-size:12px;line-height:1.5}.invite-link{background:var(--sidebar2);border:1px solid var(--line);color:var(--subtle);word-break:break-all;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;font:11px DM Mono,monospace;display:flex}.invite-link button{color:var(--muted);background:0 0;flex:none}.full{justify-content:center;width:100%;margin-top:9px}.or{color:#747987;align-items:center;gap:10px;margin:23px 0;font-size:10px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.invite-friends button{text-align:left;background:0 0;border-radius:6px;align-items:center;gap:9px;width:100%;padding:8px;font-size:12px;display:flex}.invite-friends button:hover{background:var(--sidebar2)}.invite-friends button svg{color:var(--accent);margin-left:auto}.settings-panel{min-height:calc(100vh - 100px);display:flex}.settings-tabs{background:var(--sidebar2);flex-direction:column;gap:3px;width:145px;padding:15px 8px;display:flex}.settings-tabs button{text-align:left;color:var(--muted);background:0 0;border-radius:5px;align-items:center;gap:7px;padding:10px 8px;font-size:11px;display:flex}.settings-tabs button.active,.settings-tabs button:hover{color:#fff;background:#ffffff0b}.settings-content{flex:1}.server-identity,.settings-title{align-items:center;gap:12px;padding:25px 23px 10px;display:flex}.server-identity{flex-wrap:wrap}.server-identity h3,.settings-title h3{margin:0;font-size:15px}.server-identity p,.settings-title p{color:var(--muted);margin:3px 0 0;font-size:11px}.server-logo{color:#352128;background:#eda58b;border-radius:14px;place-items:center;width:46px;height:46px;font-size:19px;font-weight:700;display:grid}.server-identity button{background:var(--sidebar2);color:var(--subtle);border-radius:5px;gap:5px;margin-left:auto;padding:7px;font-size:10px;display:flex}.settings-title>button{margin-left:auto}.role-row,.permission-row{border-bottom:1px solid var(--line);align-items:center;gap:9px;margin:5px 23px;padding:11px 0;font-size:12px;display:flex}.role-row>button{color:var(--muted);background:0 0;margin-left:auto}.role-mark{border-radius:7px;place-items:center;width:25px;height:25px;font-weight:700;display:grid}.role-mark.coral{color:#422b28;background:#efab94}.role-mark.violet{color:#32264e;background:#b598e8}.role-mark.blue{color:#26384b;background:#8db9dc}.role-mark.green{color:#294b34;background:#9bcaa9}.role-badge-preview{color:var(--muted);margin-left:auto;font-size:10px}.drag{color:#737988;font-size:18px}.muted{color:var(--muted);margin-left:auto;font-size:10px}.permission-row{justify-content:space-between}.permission-row small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.toggle{background:#4a4d57;border-radius:20px;width:33px;height:19px;padding:2px}.toggle span{background:#b0b4bf;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block}.toggle.on{background:#82b997}.toggle.on span{background:#fff;transform:translate(14px)}.toast{bottom:calc(25px + env(safe-area-inset-bottom));color:#edf0f6;z-index:100;white-space:nowrap;background:#2b303c;border:1px solid #484e5d;border-radius:8px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0007}.toast-icon{color:#e6ab91;place-items:center;display:grid}.auth-shell{color:#ececf1;background:#10131a;grid-template-columns:minmax(420px,1fr) 450px;min-height:100dvh;display:grid}.auth-art{background:radial-gradient(circle at 70% 34%,#40304b 0,#171c2b 31%,#10131a 70%);padding:12vh 10vw;position:relative;overflow:hidden}.auth-art:before{content:"";border:1px solid #ffffff10;border-radius:50%;width:440px;height:440px;position:absolute;top:18%;left:17%;box-shadow:0 0 0 50px #ffffff04,0 0 0 100px #ffffff02}.auth-star{color:#281e2e;background:linear-gradient(140deg,#f0b095,#b995e3);border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:45px;display:grid;box-shadow:0 20px 50px #c79ee54d}.auth-art h1{letter-spacing:-.035em;margin:13px 0 20px;font:500 clamp(38px,5vw,66px)/1.04 Playfair Display,serif;position:relative}.auth-art h1 em{color:#eda992;font-style:normal}.auth-copy{color:#a5a8b6;max-width:335px;font-size:14px;line-height:1.65;position:relative}.auth-orbit{border:1px solid #ffffff0e;border-radius:50%;position:absolute;right:-60px}.orbit-one{width:310px;height:310px;top:15%}.orbit-two{width:180px;height:180px;top:29%;right:6%}.auth-card{background:#1b1e28;padding:12vh 48px;box-shadow:-25px 0 70px #0002}.auth-brand,.halo-word{letter-spacing:-.03em;align-items:center;gap:7px;font-weight:700;display:flex}.auth-brand{color:#f0b095;margin-bottom:64px;font-size:17px}.auth-card h2{margin:0 0 7px;font:600 29px Playfair Display,serif}.auth-card>p{color:#9297a7;margin:0 0 31px;font-size:13px}.auth-card form,.drawer-form{flex-direction:column;gap:14px;display:flex}.auth-card label,.drawer-form label{color:#969bab;letter-spacing:.08em;font:10px DM Mono,monospace}.auth-card input,.drawer-form input,.drawer-form textarea,.drawer-form select{border:1px solid var(--line);width:100%;color:inherit;background:#252934;border-radius:6px;outline:none;margin-top:7px;padding:11px 12px;font:12px DM Sans,sans-serif;display:block}.auth-card input:focus,.drawer-form input:focus,.drawer-form textarea:focus,.drawer-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e49a8317}.auth-submit{justify-content:center;width:100%;margin-top:6px}.auth-switch{text-align:center;color:#858b9a;margin-top:20px;font-size:11px}.auth-switch button{color:var(--accent);background:0 0;padding:0;font-weight:600}.local-note{border-top:1px solid var(--line);color:#777e8c;align-items:center;gap:6px;margin-top:35px;padding-top:16px;font-size:10px;line-height:1.4;display:flex}.form-error{color:#f1b1a3;background:#5a3036;border-radius:6px;padding:9px;font-size:11px;line-height:1.4}.empty-home{background:var(--bg);flex-direction:column;grid-column:2/-1;min-width:0;display:flex}.empty-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:56px;padding:0 28px;display:flex}.empty-top .top-actions button{background:0 0;padding:0}.empty-hero{text-align:center;max-width:520px;margin:auto;padding:40px 24px}.empty-icon{color:#31232d;background:linear-gradient(145deg,#eeb095,#ba99df);border-radius:22px;place-items:center;width:70px;height:70px;margin:0 auto 22px;display:grid;box-shadow:0 18px 45px #d8a8b235}.empty-hero h1{margin:0 0 10px;font:600 34px Playfair Display,serif}.empty-hero>p:not(.eyebrow){color:var(--muted);max-width:390px;margin:0 auto;font-size:13px;line-height:1.65}.empty-actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:24px;display:flex}.empty-actions button{align-items:center;gap:7px;display:inline-flex}.workspace-title-button{text-align:left;background:0 0;padding:0}.channel-empty{text-align:center;max-width:390px;margin:auto;padding:50px 24px}.channel-empty-icon{color:#b9a4dc;background:#2e333f;border-radius:16px;place-items:center;width:50px;height:50px;margin:0 auto 18px;display:grid}.channel-empty h2{margin:0 0 7px;font:600 24px Playfair Display,serif}.channel-empty p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.drawer-form{padding:25px 31px}.drawer-form textarea{resize:vertical;min-height:80px}.drawer-form select{appearance:none}.optional{color:#687080;letter-spacing:0;font-family:DM Sans,sans-serif}.drawer-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:13px;display:flex}.create-preview{background:var(--sidebar2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;margin-bottom:7px;padding:15px;display:flex}.create-preview b,.create-preview small{display:block}.create-preview b{font-size:13px}.create-preview small{color:var(--muted);margin-top:4px;font-size:11px}.server-logo.coral,.color-dot.coral{color:#422b28;background:#efab94}.server-logo.violet,.color-dot.violet{color:#32264e;background:#b598e8}.server-logo.blue,.color-dot.blue{color:#26384b;background:#8db9dc}.server-logo.green,.color-dot.green{color:#294b34;background:#9bcaa9}.server-logo.yellow,.color-dot.yellow{color:#4d3c17;background:#e6c77e}.color-picker{gap:8px;margin-top:8px;display:flex}.color-dot{border:2px solid #0000;border-radius:50%;width:24px;height:24px}.color-dot.selected{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.invite-form>p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.members-panel{padding:25px 31px}.member-card{background:var(--sidebar2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:13px;display:flex}.member-card b,.member-card small{display:block}.member-card small{color:var(--muted);margin-top:4px;font-size:11px}.panel-note{color:var(--muted);margin:20px 0;font-size:11px;line-height:1.55}.full{justify-content:center}.section-actions{align-items:center;gap:3px;margin-left:auto;display:flex}.section-actions button{margin-left:0}.form-help{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.context-menu{z-index:50;background:#252a36;border:1px solid #414857;border-radius:7px;width:215px;padding:6px;position:fixed;box-shadow:0 14px 35px #0008}.context-menu button{color:#d4d7df;text-align:left;background:0 0;border-radius:4px;width:100%;padding:9px 10px;font-size:11px;display:block}.context-menu button:hover{color:#fff;background:#ffffff0d}.context-menu button.danger{color:#ed9c93}.context-menu button.danger:hover{color:#ffb0a5;background:#8e3f431f}.context-divider{background:#3a404d;height:1px;margin:5px 0}.auth-loading{color:#e49a83;background:#10131a;justify-content:center;align-items:center;gap:10px;min-height:100vh;font-size:13px;display:flex}.empty-logout{color:var(--muted);background:0 0;margin-left:8px;padding:5px}.empty-logout:hover,.logout-action:hover{color:#ef9c91}.logout-action{margin-left:auto}.message-reactions .reacted{border-color:var(--accent);color:#fff;background:#4a3540}.message-author-button,.message-name-button{text-align:left;background:0 0;padding:0}.message-author-button{border-radius:50%;height:40px}.message-name-button b{font-size:13px}.message-author-button:hover .avatar{box-shadow:0 0 0 3px var(--accent)}.message-name-button:hover b{color:var(--accent)}.composer-wrap{flex:1;min-width:0;position:relative}.mention{cursor:pointer;vertical-align:baseline;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.94em;font-weight:500;line-height:1.35;transition:all .15s;display:inline-flex}.mention-member{color:var(--accent);background:#e49a8326;border:1px solid #e49a8347}.mention-member:hover{color:#fff;background:#e49a8340}.mention-self{color:#f7b5a0;background:#e49a8342;border-color:#e49a8380;box-shadow:0 0 8px #e49a8333}.mention-role{color:var(--mention-color,var(--accent2));background:#b894e826;border:1px solid #b894e847}.mention-role:hover{filter:brightness(1.1);background:#b894e840}.role-mention-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.mention-everyone{color:#ecc468;background:#ebb45029;border:1px solid #ebb4504d}.mention-everyone:hover{color:#fff;background:#ebb45042}.mention-channel{color:#70b0ff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#5aa0f526;border:1px solid #5aa0f54d;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.94em;font-weight:500;transition:all .15s;display:inline-flex}.mention-channel:hover{color:#fff;background:#5aa0f547;border-color:#5aa0f58c;box-shadow:0 0 8px #5aa0f540}.mention-channel-icon{opacity:.85;flex-shrink:0}.mention-channel-menu-icon{color:#70b0ff;background:#5aa0f526;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mention-menu{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:25;scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:10px;flex-direction:column;gap:2px;max-height:260px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0009}.mention-menu::-webkit-scrollbar{width:5px}.mention-menu::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}.mention-section-header{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid var(--line);margin-top:4px;padding:6px 8px 3px;font:700 9px DM Mono,monospace}.mention-section-header:first-child{border-top:none;margin-top:0}.mention-item{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:6px 8px;transition:all .12s;display:flex}.mention-item:hover,.mention-item.selected{background:var(--sidebar2);color:var(--fg,#fff)}.mention-role-icon{border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.mention-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.mention-item-info b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mention-item-info small{color:var(--muted);font:10px DM Mono,monospace}.mention-badge{background:var(--sidebar);color:var(--muted);border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 6px;font:700 9px DM Mono,monospace}.mention-none{color:var(--muted);text-align:center;padding:10px;font-size:11px}.profile-popover-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:75;background:#05070a77;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.profile-popover{background:var(--panel);border:1px solid var(--line);width:min(350px,100%);box-shadow:var(--shadow);border-radius:12px;position:relative;overflow:hidden}.popover-cover{background:linear-gradient(120deg,#353b5a,#7e5360 50%,#e0a686);height:86px}.popover-close{color:#d7d9e0;background:#11151dcc;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:13px;right:13px}.popover-content{padding:0 22px 22px}.popover-content>.avatar{margin-top:-34px}.popover-name-row{align-items:center;gap:7px;margin-top:10px;display:flex}.popover-name-row h3{margin:0;font-size:18px}.owner-label{color:#dda8cf;background:#3d3145;border-radius:4px;padding:3px 6px;font-size:9px}.popover-content .handle{margin:2px 0 12px}.popover-bio{color:var(--subtle);margin:0 0 18px;font-size:12px;line-height:1.5}.profile-details{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:9px;display:flex}.profile-details>div{padding-right:24px;position:relative}.profile-details span,.popover-roles>span{color:var(--muted);letter-spacing:.08em;margin-bottom:3px;font:9px DM Mono,monospace;display:block}.profile-details b{word-break:break-word;font-size:11px;display:block}.profile-details button{color:var(--muted);background:0 0;padding:3px;position:absolute;top:0;right:0}.profile-details button:hover{color:var(--accent)}.popover-roles{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.popover-roles div{flex-wrap:wrap;gap:5px;display:flex}.popover-roles em{background:var(--sidebar2);color:var(--subtle);border-radius:5px;padding:4px 6px;font-size:10px;font-style:normal}.message{border-radius:8px;margin:0 -10px;padding:7px 10px;transition:background .15s,transform .15s}.message:hover{background:#ffffff08}.section-label.category{border-radius:6px;transition:background .15s,color .15s}.section-label.category:hover{color:#d8dbe4;background:#ffffff07}.server-icon,.channel,.member,.quick-actions button,.top-actions>button,.icon-button,.composer>button,.composer .emoji-picker-wrap>button,.workspace-title-button,.empty-logout{transition:background .15s,color .15s,transform .15s}.server-icon:hover,.channel:hover,.member:hover,.quick-actions button:hover,.top-actions>button:hover,.icon-button:hover,.composer>button:hover,.composer .emoji-picker-wrap>button:hover{transform:translateY(-1px)}.role-editor{background:var(--sidebar2);border:1px solid var(--line);border-radius:8px;margin:14px 23px;padding:15px}.role-editor label{padding:7px 0}.role-permission-grid{grid-template-columns:1fr 1fr;gap:6px;padding:8px 0;display:grid}.permission-chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);text-align:left;border-radius:5px;padding:7px;font-size:10px}.permission-chip:hover,.permission-chip.active{border-color:var(--accent);color:var(--subtle);background:#ffffff08}.settings-title select{background:var(--sidebar2);border:1px solid var(--line);color:inherit;border-radius:5px;margin-left:auto;padding:7px;font-size:11px}.role-row>button:disabled{opacity:.3;cursor:not-allowed}.danger-text{color:#ef9c91}.permission-chip-row{background:var(--panel);border:1px solid var(--line);color:var(--subtle);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 7px;font-size:10px;display:flex}.permission-state{border:1px solid var(--line);background:var(--sidebar2);min-width:68px;height:28px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:3px 7px;font-size:10px;display:inline-flex}.permission-state span{font-size:15px;font-weight:700;line-height:1}.permission-state:hover:not(:disabled){border-color:var(--accent);color:#fff}.permission-state:disabled{opacity:.35;cursor:not-allowed}.permission-state-yes{color:#9bd0ae;background:#294237;border-color:#5e9273}.permission-state-no{color:#f0aaa3;background:#452c32;border-color:#9a5b5b}.permission-state-neutral{color:var(--muted)}.permission-state small{font-size:9px}.settings-page{background:var(--panel);z-index:12;position:fixed;inset:0;overflow:auto}.settings-page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;padding:20px 34px;display:flex}.settings-page-head h1{margin:0;font:600 25px Playfair Display,serif}.settings-page-body{max-width:1180px;min-height:calc(100vh - 86px);margin:0 auto;display:flex}.settings-page-body>.settings-tabs{background:var(--sidebar2);width:220px;padding:28px 18px}.settings-page-body>.settings-content{flex:1;max-width:850px;padding:16px 34px}.settings-page .server-identity,.settings-page .settings-title{padding-left:0;padding-right:0}.settings-denied{text-align:center;max-width:560px;color:var(--muted);margin:110px auto}.settings-sidebar-header{border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;padding:4px 8px 12px;font-size:13px;overflow:hidden}.settings-category-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:14px 8px 6px;font:10px DM Mono,monospace}.settings-tab-btn{color:#969baa;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.settings-tab-btn:hover{color:#eee;background:#ffffff0a}.settings-tab-btn.danger-tab{color:#ef9c91;margin-top:6px}.settings-tab-btn.danger-tab:hover{color:#ffb0a5;background:#8e3f431f}.settings-esc-wrap{cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:3px;display:flex}.settings-esc-button{border:2px solid var(--muted);width:34px;height:34px;color:var(--muted);background:0 0;border-radius:50%;place-items:center;transition:all .15s;display:grid}.settings-esc-wrap:hover .settings-esc-button{color:#fff;background:#ffffff10;border-color:#fff}.settings-esc-wrap:hover .settings-esc-label{color:#fff}.server-identity-card{background:var(--sidebar2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:20px;margin-bottom:18px;padding:18px 20px;display:flex}.server-identity-left{flex-direction:column;flex:none;align-items:center;gap:10px;display:flex}.server-identity-left .server-logo{border-radius:20px;place-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:grid}.color-picker-mini{gap:6px;display:flex}.color-picker-mini .color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px}.color-picker-mini .color-dot.selected{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.server-identity-right{flex:1;min-width:0}.server-identity-right label{margin:0}.settings-danger-card{background:#2a1b1e;border:1px solid #78353b;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.settings-danger-card h4{color:#f3aba4;margin:0 0 4px;font-size:14px}.settings-danger-card p{color:#c29497;margin:0;font-size:12px;line-height:1.4}.settings-danger-card .danger-confirm{color:#fff;background:#b8494f;border-radius:6px;flex:none;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.settings-danger-card .danger-confirm:hover{background:#d0565d}.settings-search-bar{background:var(--sidebar2);border:1px solid var(--line);color:var(--muted);border-radius:7px;align-items:center;gap:8px;margin:12px 0 16px;padding:8px 12px;display:flex}.settings-search-bar input{color:inherit;background:0 0;border:0;outline:0;width:100%;font-size:12px}.roles-list{flex-direction:column;gap:6px;display:flex}.role-row{background:var(--sidebar2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.role-meta b{font-size:13px;display:block}.role-meta small{color:var(--muted);font-size:11px}.role-order-btns{gap:3px;display:flex}.role-order-btns button{background:var(--panel);border:1px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:4px;place-items:center;font-size:12px;display:grid}.role-order-btns button:hover:not(:disabled){color:#fff;border-color:var(--accent)}.icon-button-sm{background:var(--panel);border:1px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:5px;place-items:center;transition:all .15s;display:grid}.icon-button-sm:hover:not(:disabled){color:#fff;border-color:var(--subtle)}.icon-button-sm.danger-text:hover:not(:disabled){color:#ff968f;background:#3b1e22;border-color:#b8494f}.settings-members-list{flex-direction:column;gap:4px;display:flex}.settings-member-row{background:var(--sidebar2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.settings-member-info{min-width:140px}.settings-member-name{align-items:center;font-size:13px;display:flex}.settings-member-handle{color:var(--muted);font:11px DM Mono,monospace}.settings-member-roles{flex-wrap:wrap;flex:1;align-items:center;gap:5px;min-width:0;display:flex}.member-role-pill{color:#ddd;background:#ffffff0d;border:1px solid #ffffff15;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.member-role-pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.member-role-pill.coral{color:#efab94;background:#efab9415;border-color:#efab9444}.member-role-pill.violet{color:#b598e8;background:#b598e815;border-color:#b598e844}.member-role-pill.blue{color:#8db9dc;background:#8db9dc15;border-color:#8db9dc44}.member-role-pill.green{color:#9bcaa9;background:#9bcaa915;border-color:#9bcaa944}.member-role-pill.yellow{color:#e6c77e;background:#e6c77e15;border-color:#e6c77e44}.role-assign-wrap{position:relative}.role-assign-btn{background:var(--panel);border:1px solid var(--line);width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;display:grid}.role-assign-btn:hover{color:#fff;border-color:var(--accent)}.role-assign-popover{background:var(--panel);border:1px solid var(--line);width:180px;box-shadow:var(--shadow);z-index:20;border-radius:8px;padding:8px;position:absolute;top:calc(100% + 6px);left:0}.role-assign-popover .popover-title{color:var(--muted);letter-spacing:.06em;padding:4px 6px 8px;font:10px DM Mono,monospace}.settings-member-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.ghost-sm{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:4px;padding:4px 8px;font-size:11px}.ghost-sm.danger-text:hover{color:#ff968f;background:#3b1e22;border-color:#b8494f}.settings-invite-card{background:var(--sidebar2);border:1px solid var(--line);border-radius:10px;padding:22px}.invite-link-row{gap:8px;margin-top:8px;display:flex}.invite-link-row input{background:var(--panel);border:1px solid var(--line);color:inherit;border-radius:6px;outline:none;flex:1;padding:9px 12px;font-size:12px}.invite-link-row button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.invite-note{color:var(--muted);margin:10px 0 0;font-size:12px}.settings-role-page{background:var(--panel);min-height:100vh}.role-page-head{border-bottom:1px solid var(--line);align-items:center;gap:22px;height:86px;padding:15px 34px;display:flex}.role-page-head>div{flex:1}.role-page-head h2{align-items:center;gap:9px;margin:2px 0 0;font-size:20px;display:flex}.role-page-head>.danger-text{margin-left:auto}.role-page-tabs{border-bottom:1px solid var(--line);gap:22px;height:54px;padding:0 34px;display:flex}.role-page-tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;padding:0 4px;font-size:12px}.role-page-tabs button.active,.role-page-tabs button:hover{color:var(--subtle);border-color:var(--accent)}.role-page-content{max-width:760px;margin:0 auto;padding:34px}.role-page-card{background:var(--sidebar2);border:1px solid var(--line);border-radius:10px;padding:25px}.role-page-card h3{margin:0 0 5px;font-size:17px}.role-page-card>p{color:var(--muted);margin:0 0 22px;font-size:12px}.role-page-card label{color:var(--muted);letter-spacing:.06em;padding:10px 0;font:10px DM Mono,monospace;display:block}.role-page-card label input,.role-page-card label select{background:var(--panel);border:1px solid var(--line);width:100%;color:inherit;border-radius:6px;margin-top:7px;padding:10px;font-size:12px;display:block}.role-member-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;font-size:12px;letter-spacing:normal!important;padding:12px 0!important;font-family:inherit!important;display:flex!important}.role-member-row small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.role-member-row input,.role-check-row input{accent-color:var(--accent)}.context-menu-wrap{z-index:65;position:fixed}.context-menu-wrap .context-menu{position:relative;top:auto!important;left:auto!important}.context-menu-wrap .context-menu button{justify-content:space-between;align-items:center;gap:20px;display:flex}.role-context-submenu{background:var(--panel);border:1px solid var(--line);width:210px;max-height:70vh;box-shadow:var(--shadow);border-radius:7px;margin-left:0;padding:8px;position:absolute;top:0;left:calc(100% + 4px);overflow-y:auto}.context-menu-wrap.open-left .role-context-submenu{margin-left:0;margin-right:0;left:auto;right:calc(100% + 4px)}.role-context-title{color:var(--muted);letter-spacing:.08em;padding:5px 7px 8px;font:10px DM Mono,monospace}.role-check-row{border-radius:5px;align-items:center;gap:8px;padding:8px 7px;font-size:11px;display:flex}.role-check-row:hover{background:#ffffff08}.role-context-note{color:var(--muted);padding:7px;font-size:10px;display:block}.disabled-context{opacity:.5;cursor:not-allowed}.composer-disabled{opacity:.7}.composer input:disabled{cursor:not-allowed;color:var(--muted)}.content-scroll,.channel-list,.member-sidebar,.drawer,.settings-page{scrollbar-width:thin;scrollbar-color:#4a4659 transparent}.content-scroll::-webkit-scrollbar{width:6px;height:6px}.channel-list::-webkit-scrollbar{width:6px;height:6px}.member-sidebar::-webkit-scrollbar{width:6px;height:6px}.drawer::-webkit-scrollbar{width:6px;height:6px}.settings-page::-webkit-scrollbar{width:6px;height:6px}.content-scroll::-webkit-scrollbar-track{background:0 0}.channel-list::-webkit-scrollbar-track{background:0 0}.member-sidebar::-webkit-scrollbar-track{background:0 0}.drawer::-webkit-scrollbar-track{background:0 0}.settings-page::-webkit-scrollbar-track{background:0 0}.content-scroll::-webkit-scrollbar-thumb{background:#4a4659;border-radius:999px}.channel-list::-webkit-scrollbar-thumb{background:#4a4659;border-radius:999px}.member-sidebar::-webkit-scrollbar-thumb{background:#4a4659;border-radius:999px}.drawer::-webkit-scrollbar-thumb{background:#4a4659;border-radius:999px}.settings-page::-webkit-scrollbar-thumb{background:#4a4659;border-radius:999px}.content-scroll::-webkit-scrollbar-thumb:hover{background:#6d6380}.channel-list::-webkit-scrollbar-thumb:hover{background:#6d6380}.member-sidebar::-webkit-scrollbar-thumb:hover{background:#6d6380}.drawer::-webkit-scrollbar-thumb:hover{background:#6d6380}.settings-page::-webkit-scrollbar-thumb:hover{background:#6d6380}.app.light .content-scroll,.app.light .channel-list,.app.light .member-sidebar,.app.light .drawer,.app.light .settings-page{scrollbar-color:#b6b1b5 transparent}.app.light .content-scroll::-webkit-scrollbar-thumb{background:#b6b1b5}.app.light .channel-list::-webkit-scrollbar-thumb{background:#b6b1b5}.app.light .member-sidebar::-webkit-scrollbar-thumb{background:#b6b1b5}.app.light .drawer::-webkit-scrollbar-thumb{background:#b6b1b5}.app.light .settings-page::-webkit-scrollbar-thumb{background:#b6b1b5}.app.light .content-scroll::-webkit-scrollbar-thumb:hover{background:#918b92}.app.light .channel-list::-webkit-scrollbar-thumb:hover{background:#918b92}.app.light .member-sidebar::-webkit-scrollbar-thumb:hover{background:#918b92}.app.light .drawer::-webkit-scrollbar-thumb:hover{background:#918b92}.app.light .settings-page::-webkit-scrollbar-thumb:hover{background:#918b92}.popover-role-list{flex-wrap:wrap;align-items:center;gap:5px;min-height:22px;display:flex}.popover-role-list em{align-items:center;line-height:1.2;display:inline-flex}.popover-role-list .role-add-button{flex:0 0 22px;justify-content:center;align-self:center;align-items:center;padding:0;line-height:0;display:inline-flex}.role-add-button{background:var(--sidebar2);width:22px;height:22px;color:var(--muted);border:1px solid var(--line);border-radius:5px;place-items:center;display:inline-grid}.role-add-button:hover{background:var(--accent);color:#261e21;border-color:var(--accent)}.profile-role-picker{background:var(--panel);border:1px solid var(--line);border-radius:7px;flex-direction:column;gap:2px;margin-top:9px;padding:6px;display:flex}.profile-role-picker label{cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:7px;font-size:11px;display:flex}.profile-role-picker label:hover{background:var(--sidebar2)}.profile-role-picker input{accent-color:var(--accent);margin:0}.profile-role-picker input:disabled{cursor:not-allowed;opacity:.5}.profile-role-picker label:has(input:disabled){opacity:.55;cursor:not-allowed}.emoji-picker-wrap{flex:none;position:relative}.emoji-picker{background:var(--panel);border:1px solid var(--line);width:340px;max-height:320px;box-shadow:var(--shadow);z-index:15;border-radius:9px;flex-direction:column;gap:7px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.emoji-picker-categories{border-bottom:1px solid var(--line);grid-template-columns:repeat(9,31px);justify-content:space-between;gap:3px;padding-bottom:7px;display:grid;overflow:visible}.emoji-picker-categories button{width:31px;height:30px;color:var(--muted);background:0 0;border-radius:5px;flex:none;place-items:center;font-size:16px;display:grid}.emoji-picker-categories button svg{display:block}.emoji-picker-categories button.active,.emoji-picker-categories button:hover{background:var(--sidebar2);color:var(--accent)}.emoji-picker-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:2px 4px;font:10px DM Mono,monospace}.emoji-picker-grid{grid-template-columns:repeat(9,1fr);gap:3px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.emoji-picker-grid button{background:0 0;border-radius:5px;flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;font-size:19px;display:grid}.emoji-picker-grid button:hover{background:var(--sidebar2)}.app.light .emoji-picker{box-shadow:0 18px 45px #2a253522}.reaction-picker-popover{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:100;border-radius:12px;flex-direction:column;gap:6px;width:324px;max-height:295px;padding:8px;animation:.15s cubic-bezier(.16,1,.3,1) reactionPop;display:flex;box-shadow:0 16px 48px #000000a6,0 0 0 1px #ffffff0f}@keyframes reactionPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.reaction-picker-popover.place-up{transform-origin:0 100%;box-shadow:0 -16px 48px #000000a6,0 0 0 1px #ffffff0f}.reaction-picker-popover.place-down{transform-origin:0 0}.reaction-picker-popover.compact{gap:4px;width:296px;max-height:230px;padding:6px}.reaction-picker-popover.compact .reaction-quick-bar button{width:26px;height:26px;font-size:16px}.reaction-picker-popover.compact .emoji-picker-grid{grid-template-columns:repeat(8,1fr);gap:2px}.reaction-picker-popover.compact .emoji-picker-grid button{width:28px;height:28px;font-size:16px}.reaction-quick-bar{background:var(--sidebar2);border-radius:8px;justify-content:space-between;align-items:center;gap:2px;padding:4px 6px;display:flex}.reaction-quick-bar button{background:0 0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:transform .12s,background .12s;display:grid}.reaction-quick-bar button:hover{background:var(--panel);transform:scale(1.22)}.reaction-picker-popover.mobile-sheet{border-radius:14px;max-width:440px;max-height:275px;margin:0 auto;animation:.18s cubic-bezier(.16,1,.3,1) sheetUp;box-shadow:0 12px 48px #000000d9;left:8px!important;right:8px!important;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 12px)!important;width:auto!important;position:fixed!important;top:auto!important}@keyframes sheetUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reaction-sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:95;background:#00000073;position:fixed;inset:0}.settings-page-head>.icon-button{appearance:none;border:1px solid var(--line);background:var(--sidebar2);width:36px;height:36px;color:var(--muted);border-radius:8px;place-items:center;padding:0;display:grid}.settings-page-head>.icon-button:hover{background:var(--card);color:var(--subtle);border-color:#555b6b}.workspace-head .icon-button,.workspace-head-actions .icon-button{appearance:none;width:32px;height:32px;color:var(--muted);cursor:pointer;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:7px;outline:none;place-items:center;padding:0;transition:all .12s;display:grid}.workspace-head .icon-button:hover,.workspace-head-actions .icon-button:hover{background:var(--sidebar2);color:var(--subtle);border-color:var(--line)}.workspace-head-actions{background:0 0;align-items:center;gap:2px;display:flex}.server-invite-button .invite-icon{place-items:center;width:20px;height:20px;display:inline-grid;position:relative}.server-invite-button .invite-icon>svg:last-child{stroke-width:3px;background:var(--sidebar);border-radius:50%;padding:1px;position:absolute;bottom:-2px;right:-2px}.server-invite-button:hover .invite-icon>svg:last-child{background:var(--sidebar2)}.settings-page .settings-page-head>.icon-button{background:var(--sidebar2);color:var(--muted);border-color:var(--line)}.settings-page .settings-page-head>.icon-button:hover{background:var(--card);color:var(--subtle);border-color:#555b6b}.settings-page .server-identity>.server-logo{color:#352128;background:#eda58b;border:1px solid #ffffff18;border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.profile-name-link,.profile-handle-link,.profile-detail-link{color:inherit;text-align:left;background:0 0;border:0;padding:0}.profile-name-link:hover,.profile-handle-link:hover,.profile-detail-link:hover{color:var(--accent)}.profile-handle-link,.profile-global-handle{color:var(--muted);margin:2px 0 12px;font-size:11px;display:block}.profile-detail-link{word-break:break-word;font-size:11px;display:block}.profile-inline-edit{flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;display:flex}.profile-inline-edit input{background:var(--panel);border:1px solid var(--line);min-width:0;color:inherit;border-radius:5px;outline:none;flex:1;padding:6px 7px;font-size:11px}.profile-inline-edit input:focus{border-color:var(--accent)}.profile-inline-edit button{background:var(--sidebar2);border:1px solid var(--line);color:var(--subtle);border-radius:4px;font-size:10px;padding:5px 7px!important;position:static!important}.profile-inline-edit button:hover{background:var(--accent);border-color:var(--accent);color:#261e21}.profile-inline-edit button.ghost:hover{background:var(--sidebar2);border-color:var(--line);color:var(--subtle)}.confirmation-backdrop{z-index:60;background:#080a0fcc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirmation-modal{background:var(--panel);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:12px;padding:24px}.confirmation-icon{color:#f0a49a;background:#56333c;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:15px;display:grid}.confirmation-modal h2{margin:0 0 8px;font:600 21px Playfair Display,serif}.confirmation-modal p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.confirmation-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.confirmation-actions .danger-confirm{color:#fff;background:#b85d61;border:0;border-radius:6px;padding:9px 12px;font-size:11px;font-weight:600}.confirmation-actions .danger-confirm:hover{background:#d27072}.inline-modal-backdrop{z-index:60;background:#080a0fcc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.inline-modal{background:var(--panel);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:12px;padding:24px}.inline-modal h3{margin:0 0 16px;font:600 18px Playfair Display,serif}.inline-modal>label{color:var(--muted);letter-spacing:.06em;margin-bottom:7px;font:10px DM Mono,monospace;display:block}.inline-modal input,.inline-modal textarea{background:var(--sidebar2);border:1px solid var(--line);width:100%;color:inherit;resize:vertical;border-radius:6px;outline:none;padding:10px;font-size:12px}.inline-modal input:focus,.inline-modal textarea:focus{border-color:var(--accent)}.inline-modal textarea{min-height:80px}.inline-modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.user-settings-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:70;background:#04060ad9;justify-content:center;align-items:center;padding:24px;animation:.18s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.user-settings-modal{background:var(--bg);border:1px solid var(--line);width:min(1040px,94vw);height:min(720px,90vh);font-family:var(--font-sans);border-radius:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #000000b3}.user-settings-modal h1,.user-settings-modal h2,.user-settings-modal h3,.user-settings-modal h4,.user-account-names h3,.auth-card-left h4,.inner-modal-head h3{font-family:var(--font-serif)!important}.user-settings-modal label,.customizer-controls label,.voice-device-grid label,.settings-card-group label,.inner-modal-box form label,.preview-label{text-transform:uppercase;letter-spacing:.08em;color:#969bab!important;font:10px DM Mono,monospace!important}.user-handle-pill,.pronoun-badge,.account-info-row span,.account-info-row .mono-text,.label-with-count small,.font-slider-ticks,.settings-esc-label,kbd{font-family:var(--font-mono)!important}.user-settings-modal button{color:inherit;font-family:inherit}.server-notif-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80;background:#04060ad9;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.server-notif-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(480px,100%);padding:26px;box-shadow:0 20px 60px #000000b3}.server-notif-head{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.server-notif-icon{width:42px;height:42px;color:var(--accent);background:#e49a8326;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.server-notif-head h3{font:600 20px var(--font-serif);color:var(--fg,#e8e8ee);margin:0 0 4px}.server-notif-head p{color:var(--muted);font-size:13px;line-height:1.45;font-family:var(--font-sans);margin:0}.server-notif-options{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.server-notif-option{background:var(--sidebar2);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.server-notif-option:hover{background:var(--sidebar);border-color:var(--muted)}.server-notif-option.selected{border-color:var(--accent);background:#e49a831a}.server-notif-radio{border:2px solid var(--muted);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:2px;transition:all .15s;display:grid}.server-notif-option.selected .server-notif-radio{border-color:var(--accent)}.server-notif-radio-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.server-notif-text strong{color:var(--fg,#e8e8ee);font-size:14px;font-weight:600;font-family:var(--font-sans);align-items:center;gap:6px;margin-bottom:3px;display:flex}.server-notif-text p{color:var(--muted);font-size:12px;line-height:1.4;font-family:var(--font-sans);margin:0}.server-notif-actions{justify-content:flex-end;gap:10px;display:flex}.notif-test-btn{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;margin-left:auto;padding:3px 6px;font-size:11px;transition:all .12s;display:inline-flex}.notif-test-btn:hover{background:var(--panel);color:var(--accent);border-color:var(--accent)}.server-notif-button{color:var(--muted);transition:color .15s}.server-notif-button:hover{color:var(--fg,#e8e8ee)}.user-settings-sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:3px;width:230px;padding:22px 10px;display:flex;overflow-y:auto}.settings-sidebar-header{border-bottom:1px solid var(--line);font-family:var(--font-serif);color:var(--fg,#e8e8ee);margin-bottom:8px;padding:0 12px 12px;font-size:19px;font-weight:600}.settings-category-label{text-transform:uppercase;color:var(--muted);letter-spacing:.08em;margin-top:4px;padding:12px 12px 4px;font:10px DM Mono,monospace!important}.settings-tab-btn{font-family:var(--font-sans);width:100%;color:var(--subtle);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.settings-tab-btn:hover{background:var(--sidebar2);color:var(--fg,#e8e8ee)}.settings-tab-btn.active{color:var(--accent);background:#e0896b26;font-weight:600}.settings-tab-btn.danger-tab,.settings-tab-btn.tab-logout{color:#e06c75;margin-top:auto}.settings-tab-btn.danger-tab:hover,.settings-tab-btn.tab-logout:hover{color:#f28b93;background:#e06c751f}.settings-tab-divider{background:var(--line);height:1px;margin:8px 10px}.user-settings-content{background:var(--bg);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.settings-esc-wrap,.user-settings-esc{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:3px;display:flex}.user-settings-esc{z-index:15;position:absolute;top:18px;right:22px}.settings-esc-button{border:2px solid var(--line);background:var(--sidebar2);width:32px;height:32px;color:var(--subtle);cursor:pointer;box-sizing:border-box;border-radius:50%;place-items:center;padding:0;transition:all .15s;display:grid}.settings-esc-button:hover{background:var(--line);color:#fff;border-color:var(--muted);transform:scale(1.06)}.settings-esc-label{color:var(--muted);letter-spacing:.06em;font:700 9px DM Mono,monospace}.settings-panel-section{max-width:740px;padding:34px 44px 50px}.settings-section-head{margin-bottom:24px}.settings-section-head h2{color:var(--fg,#e8e8ee);margin:0 0 6px;font:600 22px Playfair Display,serif}.settings-section-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.settings-card-group{margin-bottom:28px}.settings-card-group h3{color:var(--fg,#e8e8ee);margin:0 0 6px;font:600 15px Playfair Display,serif}.settings-card-sub{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.4}.user-account-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 4px 16px #0003}.user-banner-preview{width:100%;height:105px;position:relative}.user-account-header{align-items:flex-end;gap:16px;margin-top:-38px;padding:0 20px 16px;display:flex;position:relative}.user-account-names{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-account-names h3{color:var(--fg,#e8e8ee);margin:0;font:600 18px Playfair Display,serif}.user-handle-pill{color:var(--muted);font:12px DM Mono,monospace}.pronoun-badge{background:var(--sidebar2);border:1px solid var(--line);color:var(--subtle);border-radius:4px;align-self:flex-start;margin-top:3px;padding:2px 6px;font:10px DM Mono,monospace;display:inline-block}.user-edit-btn{flex-shrink:0;align-self:center;margin-left:auto}.account-info-box{background:var(--sidebar2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:14px;margin:0 18px 18px;padding:14px 18px;display:flex}.account-info-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.account-info-row span{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;margin-bottom:2px;font:700 10px DM Mono,monospace;display:block}.account-info-row strong{color:var(--fg,#e8e8ee);font-size:13px;font-weight:500;display:block}.account-info-row .mono-text{color:var(--subtle);word-break:break-all;font:11px DM Mono,monospace}.ghost-sm{background:var(--panel);border:1px solid var(--line);color:var(--subtle);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.ghost-sm:hover{background:var(--accent);color:#1a1416;border-color:var(--accent)}.settings-auth-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:18px 20px;display:flex}.auth-card-left{align-items:center;gap:14px;display:flex}.auth-lock-icon{width:40px;height:40px;color:var(--accent);background:#e0896b26;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.auth-card-left h4{color:var(--fg,#e8e8ee);margin:0 0 3px;font-size:14px;font-weight:600}.auth-card-left p{color:var(--muted);margin:0;font-size:12px}.profile-customizer-grid{grid-template-columns:1fr 280px;align-items:flex-start;gap:28px;display:grid}.customizer-controls{flex-direction:column;gap:16px;display:flex}.customizer-controls label{text-transform:uppercase;color:var(--muted);letter-spacing:.06em;font:700 10px DM Mono,monospace;display:block}.customizer-controls input,.customizer-controls textarea{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--fg,#e8e8ee);box-sizing:border-box;border-radius:6px;outline:none;margin-top:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s;display:block}.customizer-controls input:focus,.customizer-controls textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.label-with-count{justify-content:space-between;align-items:center;display:flex}.label-with-count small{color:var(--muted);font:10px DM Mono,monospace}.customizer-preview{position:sticky;top:0}.preview-label{color:var(--muted);letter-spacing:.08em;margin-bottom:8px;font:700 10px DM Mono,monospace}.preview-user-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #00000080}.preview-banner{width:100%;height:85px}.preview-avatar-wrap{border:4px solid var(--panel);background:var(--sidebar2);border-radius:50%;width:68px;height:68px;margin-top:-34px;margin-left:16px;position:relative}.preview-online-status{border:2px solid var(--panel);background:#43b581;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.preview-details{padding:12px 16px 18px}.preview-details h3{color:var(--fg,#e8e8ee);margin:0 0 2px;font:600 17px Playfair Display,serif}.preview-badges-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.preview-handle{color:var(--muted);font:11px DM Mono,monospace}.preview-divider{background:var(--line);height:1px;margin:12px 0}.preview-section-title{text-transform:uppercase;color:var(--muted);letter-spacing:.08em;margin-bottom:6px;font:700 9px DM Mono,monospace}.preview-bio{color:var(--subtle);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.45}.preview-member-since{color:var(--subtle);background:var(--sidebar2);border:1px solid var(--line);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.floating-save-bar{border:1px solid var(--line);z-index:20;color:#fff;background:#11141d;border-radius:8px;justify-content:space-between;align-items:center;margin-top:24px;padding:12px 18px;font-size:13px;display:flex;position:sticky;bottom:12px;box-shadow:0 12px 40px #0009}.save-bar-actions{align-items:center;gap:10px;display:flex}.save-bar-actions button.ghost{color:#fff;cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:12px;text-decoration:underline}.safety-radio-group{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.safety-radio-card{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.safety-radio-card:hover{border-color:var(--muted)}.safety-radio-card.selected{border-color:var(--accent);background:#e0896b0f}.safety-radio-card input[type=radio]{accent-color:var(--accent);cursor:pointer;margin-top:3px}.safety-radio-card strong{color:var(--fg,#e8e8ee);margin-bottom:2px;font-size:13px;display:block}.safety-radio-card p{color:var(--muted);margin:0;font-size:12px}.settings-toggle-row{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.settings-toggle-row strong{color:var(--fg,#e8e8ee);margin-bottom:2px;font-size:13px;display:block}.settings-toggle-row p{color:var(--muted);margin:0;font-size:12px}.settings-toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.theme-picker-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.theme-card{border:2px solid var(--line);cursor:pointer;background:var(--panel);text-align:left;border-radius:10px;padding:12px;transition:all .15s}.theme-card:hover{border-color:var(--muted);transform:translateY(-2px)}.theme-card.active{border-color:var(--accent);background:#e0896b14;box-shadow:0 4px 16px #e0896b26}.theme-card-art{border:1px solid var(--line);border-radius:6px;gap:6px;height:60px;margin-bottom:10px;padding:6px;display:flex}.dark-bg{background:#11141c}.dark-bg .theme-sidebar-mock{background:#1a1e29;border-radius:3px;width:14px}.dark-bg .theme-chat-mock{flex-direction:column;flex:1;gap:4px;padding-top:4px;display:flex}.dark-bg .theme-chat-mock span{background:#252a3a;border-radius:2px;height:6px}.dark-bg .theme-chat-mock span:first-child{width:60%}.dark-bg .theme-chat-mock span:last-child{width:85%}.light-bg{background:#f5f5f7}.light-bg .theme-sidebar-mock{background:#e5e5ea;border-radius:3px;width:14px}.light-bg .theme-chat-mock{flex-direction:column;flex:1;gap:4px;padding-top:4px;display:flex}.light-bg .theme-chat-mock span{background:#d1d1d6;border-radius:2px;height:6px}.light-bg .theme-chat-mock span:first-child{width:60%}.light-bg .theme-chat-mock span:last-child{width:85%}.midnight-bg{background:#000}.midnight-bg .theme-sidebar-mock{background:#0e0e12;border-radius:3px;width:14px}.midnight-bg .theme-chat-mock{flex-direction:column;flex:1;gap:4px;padding-top:4px;display:flex}.midnight-bg .theme-chat-mock span{background:#1c1c24;border-radius:2px;height:6px}.midnight-bg .theme-chat-mock span:first-child{width:60%}.midnight-bg .theme-chat-mock span:last-child{width:85%}.theme-card-footer{color:var(--fg,#e8e8ee);align-items:center;gap:8px;font-size:13px;display:flex}.theme-active-icon{color:var(--accent);margin-left:auto}.density-picker-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.density-card{border:2px solid var(--line);cursor:pointer;background:var(--panel);border-radius:10px;padding:14px;transition:all .15s}.density-card:hover{border-color:var(--muted)}.density-card.active{border-color:var(--accent);background:#e0896b14}.density-mock-cozy{background:var(--sidebar2);border-radius:6px;align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:flex}.density-mock-cozy .mock-avatar{background:var(--accent);border-radius:50%;flex-shrink:0;width:28px;height:28px}.density-mock-cozy .mock-text{flex-direction:column;flex:1;gap:4px;display:flex}.density-mock-cozy .mock-text b{background:var(--line);border-radius:2px;width:45%;height:8px;display:block}.density-mock-cozy .mock-text p{background:var(--line);border-radius:2px;width:85%;height:6px;margin:0;display:block}.density-mock-compact{background:var(--sidebar2);color:var(--muted);border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:10px;font-size:11px;display:flex}.density-mock-compact b{color:var(--fg,#e8e8ee)}.density-card-footer strong{color:var(--fg,#e8e8ee);margin-bottom:2px;font-size:13px;display:block}.density-card-footer small{color:var(--muted);font-size:11px;display:block}.font-slider-wrap{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:18px}.font-slider-wrap input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.font-slider-ticks{color:var(--muted);justify-content:space-between;margin-top:6px;font:10px DM Mono,monospace;display:flex}.font-sample-bubble{background:var(--sidebar2);border:1px solid var(--line);color:var(--fg,#e8e8ee);border-radius:8px;padding:12px 16px;line-height:1.45}.font-sample-bubble strong{color:var(--accent);margin-right:6px}.voice-device-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.voice-device-grid label,.settings-card-group label{text-transform:uppercase;color:var(--muted);letter-spacing:.06em;font:700 10px DM Mono,monospace;display:block}.voice-device-grid select,.settings-card-group select{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--fg,#e8e8ee);cursor:pointer;box-sizing:border-box;border-radius:6px;outline:none;margin-top:6px;padding:10px 12px;font-size:12px;display:block}.voice-device-grid select option,.settings-card-group select option{color:#e8e8ee;background:#171b24}.voice-volume-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.voice-volume-grid label{display:block}.voice-volume-grid input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin-top:8px}.mic-test-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:16px;padding:16px;display:flex}.mic-test-box button.secondary{white-space:nowrap}.mic-test-box button.secondary.active-test{color:#000;background:#43b581;border-color:#43b581;font-weight:600}.audio-meter-wrap{background:var(--sidebar2);border-radius:6px;flex:1;align-items:center;gap:4px;height:26px;padding:4px 8px;display:flex}.audio-meter-bar{background:#3ba55c;border-radius:2px;flex:1;transition:height .1s}.keybind-table{flex-direction:column;gap:8px;margin-top:12px;display:flex}.keybind-row{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}kbd{background:var(--sidebar2);border:1px solid var(--line);color:var(--fg,#e8e8ee);border-bottom-width:2px;border-radius:4px;padding:3px 7px;font:600 11px DM Mono,monospace;box-shadow:0 1px 2px #0003}.kbd-combo{align-items:center;gap:4px;display:flex}.inner-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.inner-modal-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(440px,100%);padding:26px;box-shadow:0 20px 60px #000000b3}.inner-modal-head{text-align:center;margin-bottom:20px}.inner-modal-head .auth-lock-icon{width:44px;height:44px;margin:0 auto 12px}.inner-modal-head h3{color:var(--fg,#e8e8ee);margin:0 0 6px;font:600 20px Playfair Display,serif}.inner-modal-head p{color:var(--muted);margin:0;font-size:13px}.inner-modal-box form label{text-transform:uppercase;color:var(--muted);letter-spacing:.06em;margin-bottom:14px;font:700 10px DM Mono,monospace;display:block}.inner-modal-box form label input{background:var(--sidebar2);border:1px solid var(--line);width:100%;color:var(--fg,#e8e8ee);box-sizing:border-box;border-radius:6px;outline:none;margin-top:6px;padding:10px 12px;font-size:13px;display:block}.inner-modal-box form label input:focus{border-color:var(--accent)}.password-input-wrap{align-items:center;margin-top:6px;display:flex;position:relative}.password-input-wrap input{width:100%;margin-top:0!important;padding-right:38px!important}.password-eye-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:6px;display:grid;position:absolute;right:8px}.password-eye-btn:hover{color:var(--fg,#e8e8ee);background:var(--line)}.inner-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (width<=1100px){.app{grid-template-columns:var(--rail-w) var(--ch-sidebar-w) minmax(0,1fr) var(--member-sidebar-w)}.content-scroll{padding-left:4%;padding-right:4%}.composer{margin-left:4%;margin-right:4%}.top-search{width:110px}}@media (width<=900px){:root{--ch-sidebar-w:210px;--member-sidebar-w:0px}.app{grid-template-columns:var(--rail-w) var(--ch-sidebar-w) minmax(0,1fr)}.member-sidebar{display:none}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-card{padding:12vh 34px}}@media (width<=640px){:root{--rail-w:0px;--ch-sidebar-w:0px;--member-sidebar-w:0px}html,body{overflow-x:hidden}.app{grid-template-rows:1fr;grid-template-columns:1fr;position:relative}.server-rail{top:0;left:0;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));z-index:35;width:68px;padding-top:calc(12px + env(safe-area-inset-top));background:#0d1016;padding-bottom:12px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;transform:translate(-100%)}.server-rail.mobile-open{transform:translate(0)}.channel-sidebar{top:0;left:68px;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));z-index:34;width:calc(min(340px,86vw) - 68px);min-width:210px;padding-top:env(safe-area-inset-top);background:var(--sidebar);transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;transform:translate(calc(-100% - 68px));box-shadow:4px 0 24px #0008}.channel-sidebar.mobile-open{transform:translate(0)}.mobile-sidebar-overlay{z-index:33;opacity:0;pointer-events:none;background:#0007;transition:opacity .25s;position:fixed;inset:0}.mobile-sidebar-overlay.visible{opacity:1;pointer-events:all}.main-area{height:calc(100dvh - var(--mobile-nav-h) - env(safe-area-inset-bottom));grid-area:1/1;padding-bottom:0}.empty-home{height:calc(100dvh - var(--mobile-nav-h) - env(safe-area-inset-bottom));grid-column:1}.empty-top{height:calc(52px + env(safe-area-inset-top));padding:0 14px;padding-top:env(safe-area-inset-top)}.topbar{height:calc(52px + env(safe-area-inset-top));padding:0 12px;padding-top:env(safe-area-inset-top);gap:8px}.top-search{display:none}.channel-heading strong{font-size:13px}.channel-heading span,.top-actions>button[title=Your\ profile]{display:none}.mobile-menu-btn{color:var(--muted);background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;margin-right:2px;padding:6px;display:flex!important}.mobile-menu-btn:hover,.mobile-menu-btn:active{color:var(--subtle);background:#ffffff10}.reply-bar{border-radius:9px 9px 0 0;margin:0 8px}.reply-bar-snippet{max-width:180px}.composer{margin:0 8px 10px;padding:6px 8px;position:relative}.composer>button,.composer .emoji-picker-wrap>button{flex-shrink:0;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:6px;display:grid}.composer-wrap{flex:1;min-width:0;position:static}.content-scroll{padding:14px 12px 10px}.mention-menu{scrollbar-width:thin;scrollbar-color:var(--line) transparent;z-index:60!important;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:12px!important;flex-direction:column!important;gap:2px!important;max-height:220px!important;padding:6px!important;display:flex!important;position:absolute!important;bottom:calc(100% + 8px)!important;left:0!important;right:0!important;overflow-y:auto!important;box-shadow:0 12px 36px #000000bf!important}.mention-menu::-webkit-scrollbar{width:4px}.mention-menu::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.mention-item{text-align:left!important;width:100%!important;min-width:0!important;min-height:44px!important;color:inherit!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:8px!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;display:flex!important;transform:none!important}.mention-item:hover,.mention-item.selected{background:var(--sidebar2)!important;color:var(--fg,#fff)!important;transform:none!important}.mention-item-info{text-align:left!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;display:flex!important}.mention-item-info b{text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:13px!important;display:block!important;overflow:hidden!important}.mention-item-info small{color:var(--muted)!important;text-align:left!important;font:11px DM Mono,monospace!important;display:block!important}.mention-channel-menu-icon{color:#70b0ff!important;background:#5aa0f526!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:26px!important;min-width:26px!important;height:26px!important;display:flex!important}.mention-role-icon{border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:26px!important;min-width:26px!important;height:26px!important;font-size:12px!important;font-weight:700!important;display:flex!important}.mention-badge{flex-shrink:0!important;margin-left:auto!important}.channel,.section-label,.workspace-head,.member,.message{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.message-body p{-webkit-user-select:text;user-select:text}.member-sidebar{display:none}.mobile-nav{height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:40;background:#0d1016;border-top:1px solid #1e2230;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-btn{color:#666d80;letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:6px 12px;font-family:DM Mono,monospace;font-size:9px;transition:color .15s;display:flex}.mobile-nav-btn.active,.mobile-nav-btn:hover{color:var(--accent)}.panel-backdrop{z-index:45;justify-content:center;align-items:flex-end}.drawer{width:100vw;max-width:100vw;max-height:92dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.drawer:before{content:"";background:#ffffff28;border-radius:2px;width:38px;height:4px;margin:10px auto 2px;display:block}.drawer-head{padding:16px 20px 14px}.drawer-form{padding:0 20px 20px}.profile-popover-backdrop{z-index:75;align-items:flex-end;padding:12px}.profile-popover{width:100%;max-width:440px;margin-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 8px);border-radius:20px 20px 16px 16px}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-card{padding:8vh 24px}.auth-brand{margin-bottom:36px}.toast{bottom:calc(var(--mobile-nav-h) + 14px + env(safe-area-inset-bottom));z-index:99}.settings-page{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.settings-page-head{height:auto;min-height:56px;padding:14px 16px}.settings-page-head h1{font-size:19px}.settings-page-body{flex-direction:column}.settings-sidebar-header,.settings-category-label,.settings-tab-divider{display:none}.settings-page-body>.settings-tabs{border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;flex:none;gap:6px;width:100%;padding:8px 10px;overflow-x:auto}.settings-page-body>.settings-tabs::-webkit-scrollbar{display:none}.settings-tab-btn{white-space:nowrap;flex-shrink:0;width:auto;padding:8px 14px;font-size:12px}.settings-tab-btn.danger-tab{margin-top:0}.settings-page-body>.settings-content{padding:14px 16px}.server-identity-card,.settings-danger-card{flex-direction:column;align-items:flex-start}.settings-member-row{flex-wrap:wrap}.settings-member-roles{order:3;width:100%}.settings-member-actions{order:2;margin-left:auto}.role-row,.permission-row{margin:5px 0}.role-page-head{height:auto;min-height:56px;padding:12px 16px}.role-page-tabs{padding:0 16px;overflow-x:auto}.role-page-content{padding:16px}.user-settings-backdrop{z-index:70;padding:0}.user-settings-modal{border:none;border-radius:0;flex-direction:column;width:100vw;height:100dvh;max-height:none}.user-settings-sidebar{border-right:none;border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;flex-shrink:0;gap:6px;width:100%;padding:8px 10px;overflow:auto hidden}.user-settings-sidebar::-webkit-scrollbar{display:none}.user-settings-sidebar .settings-sidebar-header,.user-settings-sidebar .settings-category-label,.user-settings-sidebar .settings-tab-divider{display:none}.user-settings-sidebar .settings-tab-btn{white-space:nowrap;flex-shrink:0;width:auto;padding:8px 14px;font-size:12px}.user-settings-esc{top:calc(10px + env(safe-area-inset-top));z-index:80;position:fixed;right:12px}.user-settings-esc-btn{background:var(--sidebar2);border:1px solid var(--line);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.user-settings-esc-hint{display:none}.user-settings-scroll{padding:18px 16px 40px}.profile-customizer-grid{grid-template-columns:1fr;gap:20px}.theme-picker-grid,.density-picker-grid,.voice-device-grid,.voice-volume-grid{grid-template-columns:1fr;gap:10px}.settings-auth-card{flex-direction:column;align-items:flex-start;gap:12px}.emoji-picker{z-index:50;max-height:280px;left:8px!important;right:8px!important;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 54px)!important;width:auto!important;max-width:none!important;position:fixed!important}.emoji-picker-categories{grid-template-columns:repeat(9,1fr);gap:2px}.emoji-picker-categories button{width:100%;height:30px}.server-notif-backdrop{z-index:65;align-items:flex-end;padding:12px}.server-notif-box{width:100%;max-width:100vw;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.server-notif-option{min-height:54px;padding:12px 14px}.context-menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:84;background:#000000a6;animation:.15s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.context-menu-wrap.mobile-sheet{background:var(--panel);border:1px solid var(--line);z-index:85;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) sheetUp;display:flex;overflow:hidden;box-shadow:0 -12px 48px #000000d9;width:100vw!important;max-width:100vw!important;max-height:86vh!important;position:fixed!important;inset:auto 0 0!important}.context-menu-wrap.mobile-sheet:before{content:"";background:#ffffff38;border-radius:2px;flex-shrink:0;width:38px;height:4px;margin:10px auto 4px;display:block}.sheet-header{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 18px 10px;font:700 11px DM Mono,monospace;display:flex}.sheet-quick-reactions{background:var(--sidebar2);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-around;align-items:center;gap:4px;padding:10px 14px;display:flex}.sheet-emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:40px;height:40px;font-size:22px;transition:transform .12s,background .12s;display:grid}.sheet-emoji-btn:active{background:#ffffff1f;transform:scale(1.28)}.context-menu-wrap.mobile-sheet .context-menu{flex-direction:column;gap:3px;width:100%;max-height:50vh;padding:8px 14px;display:flex;overflow-y:auto}.context-menu-wrap.mobile-sheet .context-menu button{width:100%;min-height:46px;color:var(--fg,#e8e8ee);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.context-menu-wrap.mobile-sheet .context-menu button:active{background:var(--sidebar2);color:var(--accent)}.context-menu-wrap.mobile-sheet .context-menu button.danger{color:#f08282}.context-menu-wrap.mobile-sheet .context-menu .context-divider{border-top:1px solid var(--line);margin:6px 0}.sheet-cancel-btn{background:var(--sidebar2);border:1px solid var(--line);color:var(--muted);text-align:center;cursor:pointer;border-radius:10px;flex-shrink:0;margin:8px 14px 2px;padding:12px;font-size:13px;font-weight:600}.sheet-cancel-btn:active{background:var(--sidebar);color:#fff}.context-menu-wrap:not(.mobile-sheet){z-index:85;border-radius:10px;max-width:calc(100vw - 16px);max-height:80vh;position:fixed;overflow-y:auto;box-shadow:0 16px 60px #000c}.context-menu-wrap:not(.mobile-sheet) .context-menu{width:min(230px,100vw - 86px)}.context-menu-wrap:not(.mobile-sheet) .context-menu button{padding:10px 14px;font-size:12px}.context-menu-wrap.server-dropdown-menu{z-index:65;border-radius:8px;position:fixed;box-shadow:0 12px 36px #000a}.context-menu-wrap.server-dropdown-menu .context-menu{width:220px;max-width:calc(100vw - 86px)}}@media (width<=380px){.mobile-nav-btn{min-width:44px;padding:6px;font-size:8px}.auth-card{padding:8vh 16px}}