@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{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;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}.app.light{--bg:#f5f3f1;--sidebar:#e8e5e3;--sidebar2:#dedbd9;--panel:#fff;--card:#fff;--line:#dcd9d6;--muted:#74737a;--subtle:#52515a;color:#282733}.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:23px;display:flex}.message{border-radius:8px;gap:13px;margin:0 -10px;padding:7px 10px;transition:background .15s,transform .15s;display:flex}.message-body{flex:1;min-width:0}.message-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.message-meta b{font-size:13px}.message-meta time{color:#767c89;font-size:10px}.message-body p{color:#c9cad2;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:5px 0 7px;font-size:13px;line-height:1.55}.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}.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{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:10;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-menu{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:5;border-radius:8px;max-height:220px;padding:5px;position:absolute;bottom:48px;left:0;right:0;overflow-y:auto}.mention-menu button{text-align:left;background:0 0;border-radius:5px;align-items:center;gap:9px;width:100%;padding:8px;display:flex}.mention-menu button:hover{background:#ffffff0b}.mention-menu button span:not(.mention-symbol){flex-direction:column;display:flex}.mention-menu small{color:var(--muted);margin-top:2px;font-size:10px}.mention-symbol{color:#dca8cf;background:#3b3148;border-radius:7px;place-items:center;width:24px;height:24px;font-weight:700;display:grid}.mention-none{color:var(--muted);padding:10px;font-size:11px}.mention{color:#e4b1cf;background:#5b3e58;border-radius:3px;padding:1px 3px}.profile-popover-backdrop{z-index:20;background:#05070a55;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,.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{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.active{color:#fff;background:#353844;font-weight:600}.settings-tab-btn.danger-tab{color:#ef9c91;margin-top:6px}.settings-tab-btn.danger-tab:hover{color:#ffb0a5;background:#8e3f431f}.settings-tab-divider{background:var(--line);height:1px;margin:12px 6px}.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-label{color:var(--muted);letter-spacing:.06em;font:10px DM Mono,monospace}.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:hover{background:var(--panel);color:var(--subtle);border-color:#555b6b}.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}.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{appearance:none;width:32px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;padding:0;display:grid}.workspace-head>.icon-button:hover{background:var(--sidebar2);color:var(--subtle);border-color:var(--line)}.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}@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}.composer{margin:0 8px 10px;padding:6px 8px}.composer button{place-items:center;min-width:32px;min-height:32px;padding:6px;display:grid}.content-scroll{padding:14px 12px 10px}.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{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{width:calc(100vw - 32px)}.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))}.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);flex-direction:row;flex:none;gap:6px;width:100%;padding:8px 10px;overflow-x:auto}.settings-tab-btn{white-space:nowrap;width:auto;padding:7px 12px;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}.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}.context-menu-wrap{z-index:65;border-radius:10px;max-width:calc(100vw - 16px);max-height:80vh;position:fixed;overflow-y:auto;box-shadow:0 16px 60px #000c}.context-menu{width:min(230px,100vw - 86px)}.context-menu button{padding:10px 14px;font-size:12px}.role-context-submenu{width:100%;max-height:45vh;margin-top:6px;position:static;left:auto;right:auto}.role-check-row{padding:10px 8px;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}}