:root{
  --bg-primary:#313338;--bg-primary-alt:#2e3035;--bg-secondary:#2b2d31;--bg-secondary-alt:#232428;--bg-tertiary:#1e1f22;
  --bg-floating:#111214;--bg-input:#1e1f22;--bg-message-hover:#2e3035;--bg-mod-hover:#35373c;--bg-mod-active:#404249;
  --text:#dbdee1;--text-soft:#b5bac1;--text-muted:#949ba4;--text-faint:#6d6f78;--header:#f2f3f5;--link:#00a8fc;
  --brand:#5865f2;--brand-hover:#4752c4;--green:#23a55a;--yellow:#f0b232;--red:#da373c;--red-hover:#a1282c;--border:#1f2023;
  --rail:72px;--channels:240px;--members:240px;--topbar:48px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg-tertiary);color:var(--text);font-family:"gg sans","Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px}
button,input,textarea,select{font:inherit}button{color:inherit}a{color:var(--link);text-decoration:none}svg{display:block}img{max-width:100%}
.discord-shell{height:100vh;width:100vw;display:grid;grid-template-columns:var(--rail) var(--channels) minmax(0,1fr) var(--members);background:var(--bg-primary);overflow:hidden}

/* Server rail */
.guild-rail{background:var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;padding:12px 0 8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;gap:8px}.guild-rail::-webkit-scrollbar{display:none}.guild-list{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.guild-button{position:relative;width:48px;height:48px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--bg-primary);color:var(--header);cursor:pointer;transition:background .16s,border-radius .16s,color .16s}.guild-button:hover,.guild-button.active{background:var(--brand);border-radius:16px}.guild-button svg{width:28px;height:28px}.guild-initials{font-size:14px;font-weight:750;letter-spacing:-.3px}.guild-add{color:var(--green)}.guild-add:hover{background:var(--green);color:#fff}.guild-separator{width:32px;height:2px;border-radius:2px;background:#35363c}.guild-pill{position:absolute;left:-12px;width:4px;height:0;border-radius:0 4px 4px 0;background:#fff;transition:height .16s}.guild-button:hover .guild-pill{height:20px}.guild-button.active .guild-pill{height:40px}

/* Channel sidebar */
.channel-sidebar{position:relative;background:var(--bg-secondary);display:flex;flex-direction:column;min-width:0;overflow:hidden}.guild-header{height:var(--topbar);flex:none;border-bottom:1px solid rgba(0,0,0,.22);box-shadow:0 1px 0 rgba(0,0,0,.14),0 2px 4px rgba(0,0,0,.06);z-index:4}.guild-title-button{width:100%;height:48px;padding:0 16px;border:0;background:transparent;color:var(--header);display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;font-size:15px;cursor:pointer;text-align:left}.guild-title-button:hover{background:var(--bg-mod-hover)}.guild-title-button span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guild-title-button svg{width:18px;height:18px;flex:none}.channel-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 8px 12px;scrollbar-width:thin;scrollbar-color:#1a1b1e transparent}.home-channel-area{display:none}.home-channel-area.visible{display:block}.home-nav-item,.dm-item{width:100%;border:0;background:transparent;color:var(--text-muted);border-radius:4px;min-height:42px;display:flex;align-items:center;gap:12px;padding:0 8px;cursor:pointer;text-align:left}.home-nav-item:hover,.home-nav-item.active-home,.dm-item:hover,.dm-item.active{background:var(--bg-mod-hover);color:var(--header)}.home-nav-item svg{width:24px;height:24px}.dm-heading{height:40px;margin-top:8px;padding:10px 4px 4px 10px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;color:var(--text-muted);font-weight:750;font-size:11px}.mini-plus{border:0;background:none;color:var(--text-soft);font-size:21px;line-height:1;cursor:pointer}.dm-item{min-height:44px}.dm-avatar{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:750;flex:none;overflow:visible}.dm-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.dm-status{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--green);border:3px solid var(--bg-secondary);box-sizing:content-box}.dm-text{min-width:0;display:flex;flex-direction:column}.dm-text strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-text small{font-size:11px;color:#8e9297;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-row{height:28px;margin-top:8px;padding:8px 2px 2px;display:flex;align-items:center;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.02em}.category-row>button{border:0;background:transparent;color:inherit;padding:0 4px;display:flex;align-items:center;gap:2px;cursor:pointer;min-width:0}.category-row>button:hover{color:var(--text)}.category-chevron{width:10px;height:10px;transition:transform .15s}.category-row.collapsed .category-chevron{transform:rotate(-90deg)}.category-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-add{margin-left:auto!important;font-size:20px!important;line-height:1}.channel-row-wrap{position:relative}.channel-row{position:relative;width:100%;min-height:34px;border:0;border-radius:4px;background:transparent;color:var(--text-muted);padding:0 8px;display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer;font-size:15px}.channel-row:hover{background:var(--bg-mod-hover);color:var(--text)}.channel-row.active{background:var(--bg-mod-active);color:#fff}.channel-row.connected{color:#fff}.channel-row .channel-icon{width:20px;height:20px;flex:none;color:#80848e}.channel-row:hover .channel-icon,.channel-row.active .channel-icon,.channel-row.connected .channel-icon{color:var(--text-soft)}.channel-row .channel-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-row-actions{position:absolute;right:5px;top:4px;display:none;gap:1px}.channel-row-wrap:hover .channel-row-actions{display:flex}.channel-row-action{width:26px;height:26px;border:0;background:transparent;border-radius:4px;color:var(--text-soft);display:grid;place-items:center;cursor:pointer}.channel-row-action:hover{background:#1e1f22;color:#fff}.channel-row-action svg{width:16px;height:16px}.voice-channel-block{margin-bottom:1px}.voice-member-stack{padding-left:29px;margin:0 0 2px}.voice-member-chip{height:30px;display:flex;align-items:center;gap:7px;padding:0 5px;border-radius:4px;color:var(--text-soft);font-size:13px;cursor:pointer}.voice-member-chip:hover{background:var(--bg-mod-hover);color:var(--text)}.voice-member-avatar{position:relative;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#4f545c;color:#fff;font-size:11px;font-weight:750;overflow:visible}.voice-member-avatar img{width:24px;height:24px;border-radius:50%;object-fit:cover}.voice-member-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:6px;height:6px;border-radius:50%;background:var(--green);border:2px solid var(--bg-secondary)}

/* Voice connection + account */
.voice-connection{flex:none;border-top:1px solid rgba(0,0,0,.24);background:var(--bg-secondary-alt);padding:8px}.voice-connection-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.voice-connection-copy{min-width:0;flex:1;border:0;background:transparent;padding:2px;text-align:left;cursor:pointer}.voice-connection-copy strong{display:block;color:var(--green);font-size:13px;font-weight:700}.voice-connection-copy small{display:block;margin-top:1px;color:var(--text-soft);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signal-bars{font-size:10px;letter-spacing:-1px;margin-right:4px}.voice-connection-icons{display:flex}.voice-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:7px}.voice-quick-actions button{height:30px;border:0;border-radius:4px;background:#2b2d31;color:var(--text-soft);display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:12px;font-weight:600}.voice-quick-actions button:hover{background:#383a40;color:#fff}.voice-quick-actions button.active{background:#404249;color:#fff}.voice-quick-actions svg{width:17px;height:17px}.account-bar{height:52px;flex:none;background:var(--bg-secondary-alt);display:flex;align-items:center;padding:0 8px;gap:4px}.account-profile{min-width:0;flex:1;border:0;background:transparent;border-radius:4px;padding:3px 4px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.account-profile:hover{background:var(--bg-mod-hover)}.account-avatar{position:relative;width:32px;height:32px;flex:none;border-radius:50%;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:750;overflow:visible}.account-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.status-indicator{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:3px solid var(--bg-secondary-alt);border-radius:50%;box-sizing:content-box;background:var(--green)}.status-indicator.idle{background:var(--yellow)}.status-indicator.dnd{background:var(--red)}.status-indicator.invisible{background:#80848e}.account-copy{min-width:0;display:flex;flex-direction:column;line-height:16px}.account-copy strong,.account-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-copy strong{font-size:13px;font-weight:700;color:var(--header)}.account-copy small{font-size:11px;color:var(--text-soft)}.account-actions{display:flex}.small-icon-button{width:32px;height:32px;border:0;border-radius:4px;background:transparent;color:var(--text-soft);display:grid;place-items:center;cursor:pointer}.small-icon-button:hover{background:#3f4147;color:var(--text)}.small-icon-button svg{width:20px;height:20px}.small-icon-button.active-off{color:var(--red)}.danger-icon:hover{color:#f23f42}

/* Main header */
.content-column{min-width:0;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.content-header{height:var(--topbar);flex:none;padding:0 12px 0 16px;border-bottom:1px solid rgba(0,0,0,.24);box-shadow:0 1px 0 rgba(0,0,0,.1);display:flex;align-items:center;gap:8px;z-index:4}.header-channel-icon{color:#80848e;font-size:24px;font-weight:500;line-height:1}.content-header>strong{color:var(--header);font-size:15px;font-weight:700;white-space:nowrap}.header-divider{height:24px;width:1px;background:#3f4147;margin:0 3px}.header-topic{color:var(--text-soft);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.header-grow{flex:1}.header-tools{display:flex;align-items:center;gap:2px}.header-icon{width:32px;height:32px;border:0;background:transparent;color:var(--text-soft);display:grid;place-items:center;border-radius:4px;cursor:pointer}.header-icon:hover,.header-icon.active-tool{color:var(--text)}.header-icon svg{width:22px;height:22px}.search-wrap{width:144px;height:24px;border-radius:4px;background:var(--bg-tertiary);display:flex;align-items:center;padding:0 6px;margin:0 4px;transition:width .2s}.search-wrap:focus-within{width:220px}.search-wrap input{min-width:0;flex:1;border:0;background:transparent;color:var(--text);font-size:12px;outline:none}.search-wrap svg{width:16px;height:16px;color:var(--text-muted)}.mobile-toggle{display:none;border:0;background:transparent;color:var(--text-soft);width:30px;height:30px;padding:4px}.mobile-toggle svg{width:22px;height:22px}

/* Messages */
.text-channel-view{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg-primary)}.messages{flex:1;min-height:0;overflow-y:auto;padding:16px 0 8px;scrollbar-width:thin;scrollbar-color:#1a1b1e #2b2d31}.channel-welcome{padding:32px 16px 10px;margin-top:auto}.welcome-icon{width:68px;height:68px;border-radius:50%;background:#41434a;display:grid;place-items:center;font-size:40px;color:#fff;font-weight:700}.channel-welcome h1{margin:14px 0 4px;font-size:30px;line-height:1.1;color:#fff;letter-spacing:-.4px}.channel-welcome p{margin:0;color:var(--text-soft);font-size:14px}.message{content-visibility:auto;contain-intrinsic-size:56px;position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;padding:2px 48px 2px 16px;min-height:44px;margin-top:14px}.message:hover{background:var(--bg-message-hover)}.message-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:750;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-main{min-width:0}.msg-meta{height:22px;display:flex;align-items:baseline;gap:7px}.msg-author{font-weight:650;color:#f2f3f5;font-size:15px}.msg-time,.edited{font-size:11px;color:var(--text-muted)}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.38;color:var(--text);font-size:15px}.attachment{display:inline-flex;align-items:center;gap:7px;margin-top:6px;max-width:420px;padding:10px 12px;border-radius:5px;background:#2b2d31;border:1px solid #232428;color:var(--link)}.reaction-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.reaction-chip{border:1px solid #4e5058;border-radius:8px;background:#2b2d31;color:var(--text);padding:3px 7px;cursor:pointer}.reaction-chip:hover{border-color:var(--brand)}.msg-actions{position:absolute;right:16px;top:-12px;height:32px;display:none;align-items:center;border:1px solid #232428;border-radius:4px;background:#2b2d31;box-shadow:0 4px 8px rgba(0,0,0,.25);overflow:hidden}.message:hover .msg-actions{display:flex}.msg-actions button{width:32px;height:30px;border:0;background:transparent;color:var(--text-soft);cursor:pointer}.msg-actions button:hover{background:#3f4147;color:#fff}.composer{flex:none;padding:0 16px 24px}.composer-box{min-height:44px;border-radius:8px;background:#383a40;display:flex;align-items:flex-end;padding:0 8px}.composer textarea{min-width:0;flex:1;max-height:190px;resize:none;border:0;background:transparent;color:var(--text);outline:none;padding:11px 8px 10px;font-size:15px;line-height:22px}.composer textarea::placeholder{color:#949ba4}.composer-action,.composer-send{width:36px;height:44px;flex:none;border:0;background:transparent;color:var(--text-soft);display:grid;place-items:center;cursor:pointer}.composer-action:hover,.composer-send:hover{color:#fff}.composer-action svg,.composer-send svg{width:22px;height:22px}.composer-action.attach svg{width:24px;height:24px}.gif-badge{font-size:10px;font-weight:900;background:var(--text-soft);color:#383a40;border-radius:3px;padding:2px 3px}

/* Friends / home */
.friends-view{flex:1;min-height:0;background:var(--bg-primary);display:flex;flex-direction:column}.friends-toolbar{height:48px;flex:none;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.24)}.friends-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff}.friends-title svg{width:23px;height:23px;color:var(--text-soft)}.toolbar-divider{width:1px;height:24px;background:#3f4147;margin:0 4px}.friends-tab{border:0;background:transparent;color:var(--text-soft);border-radius:4px;padding:4px 8px;cursor:pointer}.friends-tab:hover{background:#35373c;color:#fff}.friends-tab.active{background:#404249;color:#fff}.add-friend-tab{background:var(--green)!important;color:#fff!important}.friends-content{flex:1;min-height:0;overflow-y:auto;padding:16px 30px 30px}.friends-search{height:34px;background:var(--bg-tertiary);border-radius:4px;display:flex;align-items:center;margin-bottom:20px}.friends-search input{width:100%;border:0;background:transparent;color:var(--text);outline:none;padding:0 10px}.friend-section-title{font-size:11px;color:var(--text-muted);font-weight:750;text-transform:uppercase;padding:0 8px 8px}.friend-row{height:62px;border-top:1px solid #3f4147;display:flex;align-items:center;gap:12px;padding:0 8px}.friend-row:hover{background:#2e3035;border-radius:8px}.friend-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:750;overflow:visible}.friend-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.friend-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--green);border:3px solid var(--bg-primary)}.friend-copy{min-width:0;flex:1}.friend-copy strong{display:block;color:#fff;font-size:14px}.friend-copy small{display:block;color:var(--text-muted);font-size:12px;margin-top:2px}.friend-actions{display:flex;gap:8px}.friend-actions button{width:36px;height:36px;border:0;border-radius:50%;background:#2b2d31;color:var(--text-soft);display:grid;place-items:center;cursor:pointer}.friend-actions button:hover{color:#fff}.friend-actions button.success:hover{color:var(--green)}.friend-actions button.danger:hover{color:#f23f42}.add-friend-panel{max-width:700px}.add-friend-panel h2{font-size:16px;color:#fff;margin:0 0 6px}.add-friend-panel p{color:var(--text-soft);font-size:14px;margin:0 0 18px}.add-friend-box{height:50px;border:1px solid var(--bg-tertiary);background:var(--bg-tertiary);border-radius:5px;display:flex;align-items:center;padding:0 10px}.add-friend-box:focus-within{border-color:var(--link)}.add-friend-box input{min-width:0;flex:1;border:0;background:transparent;color:#fff;outline:none}.add-friend-box button{border:0;border-radius:3px;background:var(--brand);color:#fff;padding:8px 13px;font-size:13px;font-weight:650;cursor:pointer}

/* Member list */
.member-sidebar{background:var(--bg-secondary);min-width:0;overflow:hidden}.member-scroll{height:100%;overflow-y:auto;padding:16px 8px;scrollbar-width:thin;scrollbar-color:#1a1b1e transparent}.member-group-title{padding:8px 8px 4px;color:var(--text-muted);font-size:10px;font-weight:750;text-transform:uppercase}.member{height:42px;border:0;width:100%;background:transparent;border-radius:4px;display:flex;align-items:center;gap:10px;padding:0 8px;color:var(--text-muted);cursor:pointer;text-align:left}.member:hover{background:var(--bg-mod-hover);color:var(--text)}.member-avatar{position:relative;width:32px;height:32px;border-radius:50%;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:750;flex:none;overflow:visible}.member-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.member-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border:3px solid var(--bg-secondary);border-radius:50%;background:var(--green)}.member-copy{min-width:0}.member-copy strong{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-copy small{display:block;font-size:11px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discord-shell.members-hidden{grid-template-columns:var(--rail) var(--channels) minmax(0,1fr)}.discord-shell.members-hidden .member-sidebar{display:none}

/* Voice call view - only opened explicitly */
.voice-channel-view{position:relative;flex:1;min-height:0;background:#111214;display:flex;flex-direction:column}.call-topbar{height:58px;flex:none;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202225;background:#18191c}.call-title{display:flex;align-items:center;gap:10px;min-width:0}.call-voice-icon{width:34px;height:34px;border-radius:50%;background:#2b2d31;color:var(--text-soft);display:grid;place-items:center}.call-voice-icon svg{width:19px;height:19px}.call-title strong{display:block;color:#fff;font-size:14px}.call-title small{display:block;color:var(--text-muted);font-size:11px;margin-top:2px}.call-top-actions{display:flex;gap:6px}.call-top-actions button{width:36px;height:36px;border:0;border-radius:50%;background:#2b2d31;color:var(--text-soft);display:grid;place-items:center;cursor:pointer;font-size:24px}.call-top-actions button:hover{background:#3f4147;color:#fff}.call-top-actions svg{width:19px;height:19px}.voice-stage{flex:1;min-height:0;padding:16px 16px 94px;overflow:auto}.voice-grid{height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:minmax(180px,1fr);gap:8px;align-content:center}.voice-tile{position:relative;min-height:200px;border-radius:8px;background:#1e1f22;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.voice-tile.speaking{box-shadow:inset 0 0 0 3px var(--green)}.voice-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111214}.voice-tile .tile-avatar{width:92px;height:92px;border-radius:50%;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:750;font-size:30px;overflow:hidden;z-index:1}.voice-tile .tile-avatar img{width:100%;height:100%;object-fit:cover}.voice-tile .tile-name{position:absolute;left:10px;bottom:9px;z-index:3;border-radius:4px;background:rgba(0,0,0,.68);color:#fff;font-size:12px;font-weight:650;padding:4px 7px}.call-control-bar{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);height:70px;padding:8px 12px;border-radius:16px;background:#18191c;display:flex;align-items:center;gap:9px;box-shadow:0 8px 28px rgba(0,0,0,.45);z-index:8}.call-control{min-width:54px;height:54px;padding:0 8px;border:0;border-radius:10px;background:#2b2d31;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.call-control:hover{background:#3f4147}.call-control.active-off{background:#f2f3f5;color:#1e1f22}.call-control.active-on{background:var(--green);color:#fff}.call-control.hangup{background:var(--red)}.call-control.hangup:hover{background:var(--red-hover)}.call-control svg{width:21px;height:21px}.call-control span{font-size:9px;line-height:1}.call-control.hangup{min-width:72px}

/* Floating menus & profiles */
.floating-card,.floating-menu{position:fixed;z-index:80;box-shadow:0 12px 35px rgba(0,0,0,.5)}.own-profile-card{left:78px;bottom:58px;width:300px;border-radius:8px;background:#111214;overflow:hidden;border:1px solid #111214}.profile-banner-mini{height:62px;background:linear-gradient(135deg,#5865f2,#7d52c9)}.profile-card-avatar{position:absolute;left:16px;top:34px;width:64px;height:64px;border-radius:50%;background:var(--brand);border:6px solid #111214;display:grid;place-items:center;font-size:22px;font-weight:750;color:#fff;overflow:visible}.profile-card-avatar img{width:52px;height:52px;border-radius:50%;object-fit:cover}.profile-card-avatar .status-indicator{border-color:#111214}.profile-card-body{padding:40px 16px 16px}.profile-card-body h3{margin:0;color:#fff;font-size:19px}.profile-handle{font-size:13px;color:var(--text-soft);margin-top:2px}.profile-divider{height:1px;background:#2b2d31;margin:12px 0}.profile-card-body strong{font-size:10px}.profile-card-body p{font-size:13px;line-height:1.4;color:var(--text);margin:5px 0 12px}.profile-edit-link{display:block;background:#4e5058;color:#fff;border-radius:3px;text-align:center;padding:8px;font-size:12px;font-weight:650}.profile-edit-link:hover{background:#5d6069}.server-menu{left:80px;top:56px;width:220px;padding:6px;border-radius:5px;background:#111214}.server-menu button{width:100%;height:34px;border:0;border-radius:3px;background:transparent;color:var(--text-soft);display:flex;align-items:center;justify-content:space-between;padding:0 8px;cursor:pointer;text-align:left;font-size:13px}.server-menu button:hover{background:var(--brand);color:#fff}.server-menu .menu-brand{color:#949cf7}.server-menu .menu-danger{color:#f23f42}.server-menu .menu-danger:hover{background:#da373c;color:#fff}.menu-separator{height:1px;background:#2b2d31;margin:4px}.profile-popover-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.25);display:grid;place-items:center}.member-profile-card{width:min(340px,calc(100vw - 30px));border-radius:8px;background:#111214;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.55)}.member-profile-banner{height:80px;background:linear-gradient(135deg,#5865f2,#7d52c9)}.member-profile-main{position:relative;padding:52px 16px 16px}.member-profile-avatar{position:absolute;left:16px;top:-42px;width:82px;height:82px;border-radius:50%;border:7px solid #111214;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:28px;font-weight:750;overflow:hidden}.member-profile-avatar img{width:68px;height:68px;border-radius:50%;object-fit:cover}.member-profile-main h3{margin:0;color:#fff;font-size:20px}.member-profile-main .handle{color:var(--text-soft);font-size:13px;margin-top:2px}.member-profile-actions{display:flex;gap:8px;margin-top:14px}.member-profile-actions button{flex:1;border:0;border-radius:3px;background:var(--brand);color:#fff;padding:9px;cursor:pointer;font-weight:650}.member-profile-actions button.secondary{background:#4e5058}

/* Modals */
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.78);display:none;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.discord-modal{position:relative;width:min(440px,calc(100vw - 30px));border-radius:5px;background:var(--bg-primary);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.55)}.modal-copy{text-align:center;padding:24px 24px 10px}.modal-copy h2{margin:0;color:var(--header);font-size:22px}.modal-copy p{margin:8px 0 0;color:var(--text-soft);font-size:14px}.modal-form-body{padding:10px 16px 20px}.modal-form-body label{display:flex;flex-direction:column;gap:7px;margin-top:14px;color:var(--text-soft);font-size:11px;font-weight:750;text-transform:uppercase}.modal-form-body input,.modal-form-body textarea,.modal-form-body select{width:100%;border:0;border-radius:3px;background:var(--bg-tertiary);color:var(--text);padding:11px 10px;outline:none}.modal-form-body textarea{min-height:76px;resize:vertical}.modal-form-body input:focus,.modal-form-body textarea:focus,.modal-form-body select:focus{box-shadow:0 0 0 1px var(--link)}.modal-footer{min-height:64px;padding:12px 16px;background:var(--bg-secondary);display:flex;justify-content:flex-end;align-items:center;gap:10px}.split-footer{justify-content:flex-start}.footer-grow{flex:1}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:var(--text-muted);font-size:28px;line-height:1;cursor:pointer;z-index:2}.primary-button{border:0;border-radius:3px;background:var(--brand);color:#fff;padding:10px 16px;font-weight:650;cursor:pointer}.primary-button:hover{background:var(--brand-hover)}.text-button,.danger-text-button{border:0;background:transparent;color:#fff;padding:9px 12px;cursor:pointer}.text-button:hover{text-decoration:underline}.danger-text-button{color:#f23f42}.danger-text-button:hover{text-decoration:underline}.switch-row{flex-direction:row!important;align-items:center!important;justify-content:space-between}.switch-row span{display:flex;flex-direction:column;text-transform:none}.switch-row small{font-size:12px;color:var(--text-muted);font-weight:400}.switch-row input{width:22px;height:22px}
.toast{position:fixed;right:20px;top:20px;z-index:200;max-width:420px;border-radius:4px;background:#111214;color:#fff;padding:12px 15px;box-shadow:0 8px 25px rgba(0,0,0,.45);font-size:13px;border-left:4px solid var(--red)}.toast.success{border-left-color:var(--green)}

/* Auth */
.auth-page{min-height:100%;display:grid;place-items:center;background:radial-gradient(circle at 18% 25%,#26319a 0,transparent 35%),radial-gradient(circle at 82% 72%,#513488 0,transparent 34%),#111214}.auth-card{width:min(92vw,480px);background:var(--bg-primary);padding:32px;border-radius:5px;box-shadow:0 20px 70px #0008}.auth-card h1{margin:0 0 8px;color:#fff}.muted{color:var(--text-muted)}.field{display:grid;gap:7px;margin:16px 0}.field label{font-size:12px;text-transform:uppercase;font-weight:800}.field input,.field textarea,.field select{width:100%;background:var(--bg-tertiary);color:#fff;border:1px solid #111214;border-radius:3px;padding:12px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--link)}.btn{border:0;border-radius:3px;padding:10px 14px;color:#fff;background:var(--brand);font-weight:700;cursor:pointer}.btn:hover{background:var(--brand-hover)}.btn.secondary{background:#4e5058}.btn.danger{background:var(--red)}.error{background:#6d1f24;color:#ffdfe1;padding:10px;border-radius:4px}.ok{background:#164f2c;color:#d9ffe6;padding:10px;border-radius:4px}

/* Discord-like settings/profile page */
.settings-page{height:100vh;background:var(--bg-primary);display:grid;grid-template-columns:minmax(260px,1fr) minmax(540px,740px) minmax(120px,1fr);overflow:hidden}.settings-nav-wrap{background:var(--bg-secondary);display:flex;justify-content:flex-end;overflow:auto}.settings-nav{width:218px;padding:60px 10px 40px}.settings-nav-title{color:var(--text-muted);font-size:11px;font-weight:750;text-transform:uppercase;padding:6px 10px}.settings-nav button,.settings-nav a{width:100%;min-height:32px;border:0;border-radius:4px;background:transparent;color:var(--text-soft);display:flex;align-items:center;padding:6px 10px;text-align:left;cursor:pointer;font-size:14px}.settings-nav button:hover,.settings-nav a:hover{background:var(--bg-mod-hover);color:var(--text)}.settings-nav button.active{background:var(--bg-mod-active);color:#fff}.settings-nav-separator{height:1px;background:#3f4147;margin:8px 10px}.settings-content{overflow-y:auto;padding:60px 40px 80px;scrollbar-width:thin;scrollbar-color:#1a1b1e transparent}.settings-pane{max-width:660px}.settings-pane h1{margin:0 0 20px;color:#fff;font-size:20px}.settings-pane h2{margin:26px 0 8px;color:#fff;font-size:16px}.settings-pane p{color:var(--text-soft);font-size:14px;line-height:1.45}.settings-close-col{position:relative}.settings-close{position:absolute;top:60px;left:30px;width:40px;height:40px;border:2px solid var(--text-muted);border-radius:50%;background:transparent;color:var(--text-muted);display:grid;place-items:center;font-size:24px;cursor:pointer}.settings-close:hover{color:#fff;border-color:#fff}.settings-close:after{content:"ESC";position:absolute;top:44px;font-size:9px;font-weight:700;color:var(--text-muted)}.account-card{border-radius:8px;background:#1e1f22;overflow:hidden}.account-card-banner{height:92px;background:linear-gradient(120deg,#5865f2,#7d52c9)}.account-card-head{position:relative;padding:62px 16px 16px;display:flex;align-items:flex-end;gap:14px}.settings-avatar{position:absolute;left:18px;top:-52px;width:100px;height:100px;border-radius:50%;border:8px solid #1e1f22;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:32px;font-weight:750;overflow:hidden}.settings-avatar img{width:84px;height:84px;border-radius:50%;object-fit:cover}.account-card-head h2{margin:0;font-size:20px}.account-card-head p{margin:2px 0 0}.account-card-body{margin:0 16px 16px;padding:16px;border-radius:8px;background:var(--bg-secondary)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}.settings-row+.settings-row{border-top:1px solid #3f4147}.settings-row-label{min-width:0}.settings-row-label strong{display:block;color:var(--text-muted);font-size:10px;text-transform:uppercase}.settings-row-label span{display:block;color:#fff;font-size:14px;margin-top:3px;overflow-wrap:anywhere}.settings-form-card{background:var(--bg-secondary);border-radius:8px;padding:18px;margin-bottom:18px}.settings-form-card h2{margin:0 0 12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-input{display:grid;gap:6px}.settings-input.full{grid-column:1/-1}.settings-input label{font-size:11px;color:var(--text-muted);font-weight:750;text-transform:uppercase}.settings-input input,.settings-input textarea,.settings-input select{width:100%;border:0;border-radius:3px;background:var(--bg-tertiary);color:#fff;padding:10px;outline:none}.settings-input textarea{min-height:90px;resize:vertical}.settings-input input:focus,.settings-input textarea:focus,.settings-input select:focus{box-shadow:0 0 0 1px var(--link)}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}.settings-danger-zone{border:1px solid rgba(218,55,60,.55);border-radius:6px;padding:16px;margin-top:24px}.device-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.voice-meter{height:8px;border-radius:5px;background:#1e1f22;overflow:hidden;margin-top:10px}.voice-meter span{display:block;width:35%;height:100%;background:var(--green)}.appearance-preview{background:#313338;border-radius:8px;padding:16px;margin-top:14px}.appearance-message{display:grid;grid-template-columns:40px 1fr;gap:10px}.appearance-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand)}.appearance-message strong{color:#fff}.appearance-message p{margin:3px 0 0}.admin-page{min-height:100vh;overflow:auto;background:var(--bg-tertiary);padding:30px}.card{background:var(--bg-primary);border-radius:6px;padding:18px;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--bg-secondary);padding:16px;border-radius:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #444}

@media(max-width:1100px){.discord-shell{grid-template-columns:var(--rail) var(--channels) minmax(0,1fr)}.member-sidebar{display:none}.header-topic,.header-divider{display:none}.settings-page{grid-template-columns:240px minmax(0,1fr) 90px}.settings-nav-wrap{justify-content:stretch}.settings-nav{width:100%}}
@media(max-width:760px){:root{--rail:60px;--channels:240px}.discord-shell{grid-template-columns:var(--rail) minmax(0,1fr)}.guild-rail{padding-top:8px}.guild-button{width:44px;height:44px}.channel-sidebar{position:fixed;left:var(--rail);top:0;bottom:0;width:var(--channels);z-index:30;transform:translateX(-105%);transition:transform .18s;box-shadow:8px 0 30px rgba(0,0,0,.35)}.channel-sidebar.open{transform:none}.mobile-toggle{display:grid;place-items:center}.header-tools .header-icon:nth-child(-n+3){display:none}.search-wrap{display:none}.content-header{padding-left:8px}.composer{padding:0 8px 12px}.message{padding-left:10px;padding-right:10px}.msg-actions{right:8px}.call-control-bar{width:calc(100% - 20px);justify-content:center;bottom:10px}.call-control{min-width:48px}.call-control span{display:none}.voice-grid{grid-template-columns:1fr;grid-auto-rows:minmax(180px,42vh)}.friends-toolbar{overflow-x:auto}.friends-content{padding:14px}.own-profile-card{left:66px}.settings-page{grid-template-columns:1fr}.settings-nav-wrap{display:none}.settings-content{padding:28px 18px 70px}.settings-close-col{display:none}.settings-grid,.device-row{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}

/* StationCall v11: original mark + Discord-style voice stage with optional side chat */
.guild-home .stationcall-mark{width:30px;height:30px;color:#fff}.guild-home:hover .stationcall-mark,.guild-home.active .stationcall-mark{color:#fff}
.discord-shell.voice-mode{grid-template-columns:var(--rail) var(--channels) minmax(0,1fr)}.discord-shell.voice-mode .member-sidebar{display:none}
.voice-call-body{flex:1;min-height:0;display:flex;position:relative;overflow:hidden;background:#111214}.voice-call-body .voice-stage{flex:1;min-width:0;padding:16px 16px 94px;overflow:auto}.voice-call-body.chat-open .voice-stage{padding-right:12px}.call-top-actions .call-top-action-wide{width:auto;min-width:74px;padding:0 11px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:650}.call-top-actions .call-top-action-wide.active{background:#4e5058;color:#fff}.call-top-actions .call-top-action-wide svg{width:18px;height:18px}.voice-chat-panel{width:360px;max-width:42vw;min-width:300px;background:var(--bg-primary);border-left:1px solid #1f2023;display:flex;flex-direction:column;min-height:0}.voice-chat-header{height:54px;flex:none;padding:0 12px 0 16px;border-bottom:1px solid rgba(0,0,0,.28);display:flex;align-items:center;justify-content:space-between}.voice-chat-header strong{display:block;color:#fff;font-size:14px}.voice-chat-header small{display:block;color:var(--text-muted);font-size:11px;margin-top:1px}.voice-chat-header button{width:30px;height:30px;border:0;background:transparent;color:var(--text-muted);font-size:24px;border-radius:4px;cursor:pointer}.voice-chat-header button:hover{background:var(--bg-mod-hover);color:#fff}.voice-chat-messages{flex:1;min-height:0;overflow-y:auto;padding:14px 10px 8px}.voice-chat-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:6px 5px;border-radius:4px}.voice-chat-message:hover{background:var(--bg-message-hover)}.voice-chat-avatar{width:34px;height:34px;border-radius:50%;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:750;overflow:hidden}.voice-chat-avatar img{width:100%;height:100%;object-fit:cover}.voice-chat-copy{min-width:0}.voice-chat-meta{display:flex;align-items:baseline;gap:6px}.voice-chat-meta strong{color:#f2f3f5;font-size:13px}.voice-chat-meta time{color:var(--text-faint);font-size:10px}.voice-chat-copy p{margin:2px 0 0;color:var(--text);font-size:13px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.voice-chat-empty{height:100%;min-height:220px;display:grid;place-items:center;text-align:center;color:var(--text-muted);padding:24px}.voice-chat-composer{flex:none;margin:0 10px 12px;border-radius:8px;background:#383a40;display:flex;align-items:flex-end;gap:4px;padding:6px 6px 6px 12px}.voice-chat-composer textarea{flex:1;min-width:0;max-height:130px;resize:none;border:0;background:transparent;color:#dbdee1;outline:none;padding:6px 0;line-height:20px;font-size:13px}.voice-chat-composer button{width:34px;height:34px;border:0;border-radius:6px;background:transparent;color:var(--text-soft);display:grid;place-items:center;cursor:pointer}.voice-chat-composer button:hover{background:#4e5058;color:#fff}.voice-chat-composer svg{width:18px;height:18px}.private-server-note{margin-top:16px;padding:12px;border-radius:6px;background:#232428;display:flex;gap:10px;align-items:flex-start;text-transform:none;color:var(--text-soft)}.private-server-note>span{font-size:18px}.private-server-note strong{display:block;color:#fff;font-size:13px}.private-server-note small{display:block;margin-top:3px;font-size:12px;line-height:1.4;font-weight:400;color:var(--text-muted)}
@media(max-width:900px){.voice-chat-panel{position:absolute;right:0;top:0;bottom:0;width:min(380px,88vw);max-width:none;z-index:12;box-shadow:-12px 0 30px rgba(0,0,0,.35)}.call-top-actions .call-top-action-wide span{display:none}.call-top-actions .call-top-action-wide{min-width:36px;width:36px;padding:0}.voice-call-body .voice-stage{padding-left:8px;padding-right:8px}.voice-tile{min-height:170px}}

/* v12: profile media + settings overlay without leaving voice */
.settings-overlay{position:fixed;inset:0;z-index:250;background:#313338}
.settings-overlay[hidden]{display:none!important}
.settings-overlay iframe{display:block;width:100%;height:100%;border:0;background:#313338}
.profile-banner-mini,.member-profile-banner,.account-card-banner,.profile-cover-preview{position:relative;overflow:hidden}
.profile-banner-mini img,.member-profile-banner img,.account-card-banner img,.profile-cover-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.settings-cover-button{width:100%;border:0;padding:0;cursor:pointer;text-align:left;color:#fff}
.settings-cover-button>span{position:absolute;right:12px;top:12px;background:rgba(17,18,20,.8);padding:7px 10px;border-radius:4px;font-size:12px;font-weight:700;opacity:0;transition:opacity .15s}
.settings-cover-button:hover>span{opacity:1}
.settings-avatar-button{cursor:pointer;padding:0}
.settings-avatar-button .avatar-camera-badge{position:absolute;right:-2px;bottom:3px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#4e5058;color:#fff;border:4px solid #1e1f22;font-size:12px}
.profile-editor-form{padding:0;overflow:hidden}
.profile-media-editor{position:relative;background:#1e1f22;padding-bottom:52px}
.profile-cover-preview{height:180px;background:linear-gradient(120deg,#5865f2,#7d52c9)}
.media-edit-button{position:absolute;right:14px;top:14px;border:0;border-radius:4px;background:rgba(17,18,20,.82);color:#fff;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}
.media-edit-button:hover{background:#111214}
.profile-avatar-preview{position:absolute;left:22px;top:126px;width:104px;height:104px;border-radius:50%;border:8px solid #1e1f22;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:34px;font-weight:800;overflow:visible}
.profile-avatar-preview>img{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:center;display:block}
.profile-avatar-preview>img[hidden]{display:none}
.profile-avatar-preview>span{pointer-events:none}
.avatar-edit-button{position:absolute;right:-1px;bottom:0;width:32px;height:32px;border-radius:50%;border:4px solid #1e1f22;background:#4e5058;color:#fff;display:grid;place-items:center;cursor:pointer;font-size:13px}
.avatar-edit-button:hover{background:#5d6069}
.profile-media-copy{position:absolute;left:142px;bottom:13px;right:20px;min-width:0}
.profile-media-copy strong,.profile-media-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-media-copy strong{color:#fff;font-size:17px}.profile-media-copy small{color:var(--text-soft);margin-top:2px}
.profile-upload-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px 18px 0}
.profile-upload-actions small{flex-basis:100%;color:var(--text-muted);line-height:1.35}
.profile-editor-form>.settings-grid{padding-left:18px;padding-right:18px}
.profile-editor-form>.settings-actions{padding:0 18px 18px}
.appearance-avatar{overflow:hidden}.appearance-avatar img{width:100%;height:100%;object-fit:cover}

@media(max-width:760px){
 .profile-cover-preview{height:145px}
 .profile-avatar-preview{top:96px;width:94px;height:94px}
 .profile-avatar-preview>img{width:78px;height:78px}
 .profile-media-copy{left:128px}
 .settings-cover-button>span{opacity:1}
}


/* StationCall v13: profile/background colors + transparent PNG support */
.account-card{background:var(--cc-profile-color,#1e1f22)}
.account-card-banner,.profile-cover-preview,.profile-banner-mini,.member-profile-banner{background:var(--cc-banner-color,#5865F2)}
.account-card-head{background:var(--cc-profile-color,#1e1f22)}
.account-card-body{background:color-mix(in srgb,var(--cc-profile-color,#1e1f22) 62%,#111214 38%)}
.settings-avatar{border-color:var(--cc-profile-color,#1e1f22);background:var(--cc-profile-color,#5865F2)}
.settings-avatar-button .avatar-camera-badge{border-color:var(--cc-profile-color,#1e1f22)}
.profile-media-editor{background:var(--cc-profile-color,#1e1f22)}
.profile-cover-preview{background:var(--cc-banner-color,#5865F2)}
.profile-avatar-preview{border-color:var(--cc-profile-color,#1e1f22);background:var(--cc-profile-color,#5865F2)}
.avatar-edit-button{border-color:var(--cc-profile-color,#1e1f22)}
.own-profile-card,.member-profile-card{background:var(--cc-profile-color,#111214);border-color:var(--cc-profile-color,#111214)}
.profile-card-body,.member-profile-main{background:var(--cc-profile-color,#111214)}
.profile-card-avatar{border-color:var(--cc-profile-color,#111214);background:var(--cc-profile-color,#5865F2)}
.profile-card-avatar .status-indicator{border-color:var(--cc-profile-color,#111214)}
.member-profile-avatar{border-color:var(--cc-profile-color,#111214);background:var(--cc-profile-color,#5865F2)}
.profile-color-controls{margin:16px 18px 0;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;background:rgba(17,18,20,.22)}
.profile-color-control{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px}
.profile-color-control+.profile-color-control{border-top:1px solid rgba(255,255,255,.08)}
.profile-color-control strong{display:block;color:#fff;font-size:13px}
.profile-color-control small{display:block;color:var(--text-muted);font-size:11px;line-height:1.35;margin-top:3px;max-width:410px}
.profile-color-picker{flex:none;display:flex;align-items:center;gap:8px;background:#1e1f22;border-radius:5px;padding:5px 8px 5px 5px;cursor:pointer}
.profile-color-picker input[type=color]{width:38px;height:30px;border:0;padding:0;background:transparent;cursor:pointer}
.profile-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.profile-color-picker input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}
.profile-color-picker input[type=color]::-moz-color-swatch{border:0;border-radius:3px}
.profile-color-picker span{min-width:64px;color:#dbdee1;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace}
@supports not (background:color-mix(in srgb,#000 50%,#fff)){.account-card-body{background:#232428}}
@media(max-width:560px){.profile-color-control{align-items:flex-start;flex-direction:column}.profile-color-picker{width:100%;justify-content:space-between}}

/* StationCall v15 — complete application layer */
.dm-heading-actions{display:flex;align-items:center;gap:2px}.dm-heading-actions .mini-plus{font-size:16px;width:24px;height:24px;border-radius:4px}.dm-heading-actions .mini-plus:hover{background:var(--bg-mod-hover);color:#fff}.guild-icon-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.notification-badge{position:absolute;right:-4px;top:-4px;min-width:16px;height:16px;border-radius:8px;padding:0 4px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:10px;font-weight:800}.inbox-button{position:relative}.channel-nsfw{margin-left:auto;font-size:9px;font-weight:800;background:#4e5058;color:#fff;border-radius:3px;padding:1px 3px}.channel-row-wrap[draggable=true]{cursor:grab}.channel-row-wrap.dragging{opacity:.45}.member-group-title.dynamic{padding:18px 8px 4px}.member.offline{opacity:.48}.member.offline:hover{opacity:.85}

.utility-drawer{position:fixed;z-index:160;top:48px;right:0;bottom:0;width:min(440px,92vw);background:var(--bg-secondary);border-left:1px solid var(--border);box-shadow:-16px 0 44px rgba(0,0,0,.28);display:flex;flex-direction:column}.utility-drawer>header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;border-bottom:1px solid var(--border);flex:none}.utility-drawer>header strong{color:var(--header);font-size:16px}.utility-drawer>header button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--text-muted);font-size:24px;cursor:pointer}.utility-drawer>header button:hover{background:var(--bg-mod-hover);color:#fff}.utility-drawer-body{padding:14px;overflow:auto;min-height:0}.drawer-primary{border:0;border-radius:4px;background:var(--brand);color:#fff;padding:9px 13px;font-weight:700;cursor:pointer}.drawer-primary:hover{background:var(--brand-hover)}.drawer-list{margin-top:12px}.drawer-row,.notification-row{width:100%;border:0;border-radius:5px;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:11px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.045)}.drawer-row:hover,.notification-row:hover{background:var(--bg-mod-hover)}.drawer-row span:first-child,.notification-row{min-width:0}.drawer-row strong,.notification-row strong{display:block;color:#fff}.drawer-row small,.notification-row small{display:block;color:var(--text-muted);margin-top:3px}.notification-row{flex-direction:column;align-items:flex-start}.notification-row.unread{background:rgba(88,101,242,.12);box-shadow:inset 3px 0 var(--brand)}.notification-row span{color:var(--text-soft);font-size:13px}.drawer-empty{padding:38px 12px;text-align:center;color:var(--text-muted)}.drawer-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px}.drawer-toolbar button,.notification-options button{border:0;background:var(--bg-mod-hover);color:var(--text);padding:8px 10px;border-radius:4px;cursor:pointer}.notification-options{display:grid;gap:7px}.drawer-help,.search-hint{color:var(--text-muted);font-size:13px;line-height:1.5}.search-hint code{display:inline-block;background:var(--bg-tertiary);border-radius:3px;padding:2px 4px;margin:2px}.search-result{padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}.search-result strong{color:#fff}.search-result small{display:block;color:var(--text-muted);margin-top:2px}.search-result p{margin:7px 0 0;line-height:1.45}.drawer-form label{display:grid;gap:6px;color:var(--text-soft);font-size:12px;font-weight:700}.drawer-form input,.drawer-form textarea{background:var(--bg-input);border:0;border-radius:4px;color:var(--text);padding:10px;outline:none}.drawer-form .drawer-primary{margin-top:10px;width:100%}

.reply-bar{margin:0 16px -2px;border-radius:8px 8px 0 0;background:#2b2d31;min-height:34px;padding:6px 8px 6px 13px;display:flex;align-items:center;justify-content:space-between;color:var(--text-soft);font-size:12px}.reply-bar button{width:25px;height:25px;border:0;border-radius:50%;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer}.reply-bar button:hover{background:var(--bg-mod-hover);color:#fff}.upload-preview{position:absolute;left:16px;right:16px;bottom:76px;z-index:8;background:var(--bg-secondary);border-radius:8px;padding:10px;display:flex;gap:8px;overflow-x:auto;box-shadow:0 10px 35px rgba(0,0,0,.3)}.upload-preview-item{width:110px;min-width:110px;height:90px;border-radius:6px;background:var(--bg-tertiary);padding:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;overflow:hidden}.upload-preview-item img{max-width:94px;max-height:60px;object-fit:contain}.upload-preview-item span{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;text-align:center}.typing-indicator{position:absolute;left:18px;bottom:2px;height:18px;color:var(--text-muted);font-size:11px;z-index:3}.text-channel-view.dragging-file:after{content:"Solte os arquivos para enviar";position:absolute;inset:24px;z-index:70;border:3px dashed var(--brand);border-radius:18px;background:rgba(35,36,40,.94);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800;pointer-events:none}

.message-reply-preview{grid-column:2/3;color:var(--text-muted);font-size:12px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.message-reply-preview:before{content:"↪";margin-right:6px}.code-block{background:#1e1f22;border:1px solid #111214;border-radius:4px;padding:8px;overflow:auto;white-space:pre-wrap}.inline-code{background:#1e1f22;padding:1px 4px;border-radius:3px}.spoiler{background:#1e1f22;color:transparent;border-radius:3px;padding:0 2px;cursor:pointer}.spoiler:hover,.spoiler:focus{color:inherit}.mention{background:rgba(88,101,242,.25);color:#c9cdfb;border-radius:3px;padding:0 2px}.message-link{color:var(--link)}.media-attachment{display:block;margin-top:8px;max-width:min(520px,100%);max-height:420px;border-radius:6px;background:#111214}.image-attachment img{display:block;max-width:min(520px,100%);max-height:420px;border-radius:6px;object-fit:contain}.audio-attachment{margin-top:8px;width:min(430px,100%)}.reaction-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.reaction-chip{border:1px solid transparent;border-radius:8px;background:#2b2d31;color:var(--text-soft);padding:3px 7px;cursor:pointer;font-size:12px}.reaction-chip:hover{border-color:var(--brand);background:rgba(88,101,242,.12)}.bot-badge,.pin-badge{display:inline-block;padding:1px 4px;border-radius:3px;font-size:9px;font-weight:800}.bot-badge{background:var(--brand);color:#fff}.pin-badge{background:#4e5058;color:#fff}.inline-custom-emoji{height:1.4em;width:1.4em;object-fit:contain;vertical-align:-.28em}.message-action-menu{width:190px;z-index:190}.pin-row{padding:12px 5px;border-bottom:1px solid rgba(255,255,255,.06)}.pin-row strong{color:#fff}.pin-row p{margin:5px 0}.pin-row small{color:var(--text-muted)}

.wide-modal{width:min(820px,94vw);max-height:min(820px,92vh);overflow:auto}.manager-create{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.manager-create>button{margin-top:12px}.manager-list{display:grid;gap:4px}.manager-row{display:flex;align-items:center;gap:9px;min-height:48px;padding:7px 8px;border-radius:5px;background:rgba(17,18,20,.22)}.manager-row>div{min-width:0;flex:1}.manager-row strong,.manager-row small{display:block}.manager-row small{color:var(--text-muted);font-size:11px;margin-top:2px}.manager-row button{margin-left:auto;border:0;border-radius:4px;background:#4e5058;color:#fff;padding:6px 9px;cursor:pointer}.manager-row button:hover{background:#5d6069}.role-dot{width:12px;height:12px;border-radius:50%;flex:none}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;margin-top:10px}.permission-grid>label{display:flex;align-items:center;gap:7px;color:var(--text-soft);font-size:12px}.roles-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;min-height:440px}.roles-list{display:flex;flex-direction:column;gap:3px;border-right:1px solid rgba(255,255,255,.08);padding-right:12px}.role-new,.role-list-item{border:0;background:transparent;color:var(--text-soft);height:38px;border-radius:4px;text-align:left;display:flex;align-items:center;gap:8px;padding:0 9px;cursor:pointer}.role-new{color:var(--green);font-weight:700}.role-list-item:hover,.role-list-item.active{background:var(--bg-mod-hover);color:#fff}.role-list-item i{width:12px;height:12px;border-radius:50%}.role-editor h3{margin:18px 0 4px}.role-editor-actions{display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin-top:18px}.emoji-manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.emoji-manage-grid>div{position:relative;background:var(--bg-secondary-alt);border-radius:6px;padding:10px;display:grid;place-items:center;gap:5px}.emoji-manage-grid img{width:44px;height:44px;object-fit:contain}.emoji-manage-grid span{font-size:11px}.emoji-manage-grid button{position:absolute;right:5px;top:5px;border:0;background:#111214;color:#fff;border-radius:50%;width:20px;height:20px;cursor:pointer}.emoji-picker-panel{width:min(460px,92vw);max-height:520px;background:var(--bg-secondary);border-radius:8px;box-shadow:0 18px 60px rgba(0,0,0,.5);overflow:hidden}.emoji-picker-panel header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border)}.emoji-picker-panel header button{border:0;background:none;color:var(--text-muted);font-size:22px}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:10px;overflow:auto;max-height:470px}.emoji-picker-grid button{aspect-ratio:1;border:0;border-radius:5px;background:transparent;font-size:24px;cursor:pointer}.emoji-picker-grid button:hover{background:var(--bg-mod-hover)}.emoji-picker-grid img{width:30px;height:30px;object-fit:contain}

.overwrite-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;min-height:430px}.overwrite-subjects{border-right:1px solid rgba(255,255,255,.08);padding-right:10px;overflow:auto}.overwrite-subjects button{width:100%;border:0;background:transparent;color:var(--text-soft);padding:8px;border-radius:4px;text-align:left;cursor:pointer}.overwrite-subjects button:hover,.overwrite-subjects button.active{background:var(--bg-mod-hover);color:#fff}.overwrite-editor{overflow:auto}.permission-grid.three-state{display:grid;grid-template-columns:1fr;gap:3px}.perm-triple{display:grid;grid-template-columns:minmax(140px,1fr) 90px 80px;align-items:center;gap:8px;padding:7px 6px;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}.perm-triple>span{color:var(--text)}.perm-triple label{display:flex;gap:5px;color:var(--text-muted)}.secondary-wide-button{width:100%;margin-top:12px;height:38px;border:0;border-radius:4px;background:#4e5058;color:#fff;font-weight:700;cursor:pointer}.secondary-wide-button:hover{background:#5d6069}.people-check-list{display:grid;gap:4px;max-height:330px;overflow:auto;margin-top:12px}.people-check-row{display:grid;grid-template-columns:22px 36px 1fr;align-items:center;gap:8px;padding:7px;border-radius:5px;cursor:pointer}.people-check-row:hover{background:var(--bg-mod-hover)}.people-check-row span:last-child strong,.people-check-row span:last-child small{display:block}.people-check-row small{color:var(--text-muted)}.mini-user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--brand);overflow:hidden}.mini-user-avatar img{width:100%;height:100%;object-fit:cover}.member-role-form{display:grid;gap:5px}.member-role-form label{display:grid;grid-template-columns:22px 14px 1fr;align-items:center;gap:8px;padding:8px;border-radius:5px}.member-role-form label:hover{background:var(--bg-mod-hover)}.member-role-form i{width:12px;height:12px;border-radius:50%}.member-role-form .drawer-primary{margin-top:12px}

.incoming-call{position:fixed;z-index:300;right:18px;top:18px;width:min(380px,calc(100vw - 36px));min-height:76px;background:#111214;border:1px solid #3f4147;border-radius:10px;box-shadow:0 16px 50px rgba(0,0,0,.45);display:grid;grid-template-columns:48px minmax(0,1fr) 38px 38px;align-items:center;gap:9px;padding:10px}.incoming-call-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--brand);font-weight:800;overflow:hidden}.incoming-call-avatar img{width:100%;height:100%;object-fit:cover}.incoming-call-copy strong,.incoming-call-copy small{display:block}.incoming-call-copy strong{color:#fff}.incoming-call-copy small{color:var(--text-muted);font-size:11px;margin-top:3px}.incoming-call button{width:36px;height:36px;border:0;border-radius:50%;color:#fff;font-size:18px;cursor:pointer}.incoming-accept{background:var(--green)}.incoming-decline{background:var(--red)}

.voice-tile.speaking{box-shadow:inset 0 0 0 3px var(--green)}.tile-volume{position:absolute;right:10px;bottom:10px;width:92px;height:18px;opacity:0;transition:opacity .12s}.voice-tile:hover .tile-volume{opacity:1}.tile-status{position:absolute;right:10px;top:10px;font-size:12px;background:rgba(0,0,0,.55);border-radius:8px;padding:2px 5px}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));align-content:center}.voice-tile{aspect-ratio:16/9;min-height:0}.voice-tile video{width:100%;height:100%;object-fit:contain;background:#0b0c0e}.voice-tile .tile-avatar{width:88px;height:88px;font-size:30px}.voice-tile:only-child{max-width:920px;width:100%;justify-self:center}.call-control-bar{backdrop-filter:blur(8px);background:rgba(17,18,20,.72);border:1px solid rgba(255,255,255,.06);padding:8px;border-radius:28px}.call-control{border-radius:20px}

/* Theme support */
html[data-theme="light"]{--bg-primary:#fff;--bg-primary-alt:#f7f7f8;--bg-secondary:#f2f3f5;--bg-secondary-alt:#ebedef;--bg-tertiary:#e3e5e8;--bg-floating:#fff;--bg-input:#e3e5e8;--bg-message-hover:#f2f3f5;--bg-mod-hover:#e3e5e8;--bg-mod-active:#d9dadd;--text:#2e3338;--text-soft:#4e5058;--text-muted:#5c6269;--text-faint:#747f8d;--header:#060607;--border:#d3d6da}.settings-overlay iframe{color-scheme:dark}html[data-theme="light"] .settings-overlay iframe{color-scheme:light}html[data-density="compact"] .message{padding-top:2px;padding-bottom:2px}html[data-density="compact"] .message-avatar{display:none}html[data-density="compact"] .message{grid-template-columns:52px minmax(0,1fr)}html[data-density="compact"] .message-main{grid-column:2}html[data-density="compact"] .msg-meta{display:inline-flex;margin-right:6px}

@media(max-width:1100px){.utility-drawer{top:48px}.roles-layout,.overwrite-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){
 .discord-shell{grid-template-columns:60px minmax(0,1fr)}.guild-rail{z-index:45}.channel-sidebar{z-index:44}.content-column{grid-column:2;min-width:0}.member-sidebar{display:none!important}.content-header{height:48px}.header-tools{gap:1px}.header-tools .dm-only-tool{display:grid!important}.header-tools .dm-only-tool[hidden]{display:none!important}.search-wrap{display:none}.utility-drawer{top:0;left:60px;right:0;width:auto;z-index:180}.modal-backdrop{padding:10px}.discord-modal,.wide-modal{width:100%;max-height:96vh}.roles-layout,.overwrite-layout{grid-template-columns:1fr}.roles-list,.overwrite-subjects{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 10px;max-height:150px;overflow:auto}.permission-grid{grid-template-columns:1fr}.perm-triple{grid-template-columns:minmax(110px,1fr) 82px 72px}.voice-call-body{flex-direction:column}.voice-chat-panel{position:absolute;inset:0 0 0 auto;width:calc(100% - 4px);max-width:none}.voice-stage{padding:8px 8px 86px!important}.voice-grid{grid-template-columns:1fr;gap:8px}.voice-tile{aspect-ratio:16/9}.call-control-bar{left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 16px);overflow-x:auto}.call-control{min-width:46px}.call-control span{display:none}.incoming-call{right:8px;top:8px;width:calc(100vw - 76px)}.upload-preview{left:8px;right:8px}.reply-bar{margin-left:8px;margin-right:8px}.emoji-picker-grid{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:480px){:root{--rail:52px}.discord-shell{grid-template-columns:52px minmax(0,1fr)}.guild-button{width:40px;height:40px}.channel-sidebar{left:52px;width:min(260px,calc(100vw - 52px))}.content-header{padding-right:4px}.header-tools .header-icon:not(.dm-only-tool):not(#membersToggle):not(#inboxBtn){display:none}.composer-box{border-radius:7px}.voice-tile .tile-avatar{width:68px;height:68px}.call-control-bar{gap:4px}.call-control{width:42px;height:42px;min-width:42px}.utility-drawer{left:52px}.incoming-call{width:calc(100vw - 60px)}.profile-popover-backdrop{padding:8px}}

/* Stickers */
.sticker-badge{font-size:20px;font-weight:800;line-height:1}.message-sticker{display:block;max-width:180px;max-height:180px;object-fit:contain;margin-top:7px}.sticker-manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.sticker-manage-grid>div{position:relative;min-height:145px;padding:10px;background:var(--bg-secondary-alt);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.sticker-manage-grid img{width:96px;height:96px;object-fit:contain}.sticker-manage-grid strong{font-size:12px}.sticker-manage-grid small{font-size:10px;color:var(--text-muted);text-align:center}.sticker-manage-grid button{position:absolute;right:6px;top:6px;width:22px;height:22px;border:0;border-radius:50%;background:#111214;color:#fff;cursor:pointer}.sticker-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;overflow:auto;max-height:470px}.sticker-picker-grid button{min-height:130px;border:0;border-radius:7px;background:transparent;color:var(--text-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.sticker-picker-grid button:hover{background:var(--bg-mod-hover)}.sticker-picker-grid img{width:100px;height:100px;object-fit:contain}.sticker-picker-grid span{font-size:11px}
.voice-mod-menu-btn{position:absolute;top:10px;left:10px;z-index:5;border:0;border-radius:14px;background:rgba(0,0,0,.55);color:#fff;min-width:34px;height:27px;cursor:pointer;opacity:0;transition:opacity .12s}.voice-tile:hover .voice-mod-menu-btn{opacity:1}.danger-row strong{color:var(--red)}

/* StationCall v18 — cargos, permissões e mobile revisados */
.guild-home .stationcall-mark{width:34px;height:34px;display:block}.server-menu-role{padding:8px 10px;margin:2px 4px 6px;border-radius:6px;background:rgba(255,255,255,.055);display:flex;align-items:center;justify-content:space-between;gap:12px}.server-menu-role span{font-size:10px;text-transform:uppercase;color:var(--text-muted);font-weight:800}.server-menu-role strong{font-size:12px;color:var(--text)}.server-menu-role.owner-role strong{color:#f0b232}.managed-role-note{margin:12px 0;padding:11px;border-radius:6px;background:rgba(240,178,50,.1);border:1px solid rgba(240,178,50,.26);color:#e8e0c6;font-size:12px;line-height:1.45}.owner-crown{color:#f0b232;font-size:12px;margin-left:3px}.member-manager-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:10px;background:var(--bg-secondary-alt);border-radius:6px}.member-manager-summary strong{color:#fff}.member-manager-summary span{color:var(--text-muted);font-size:11px}.server-member-manager-list{display:grid;gap:4px}.server-member-manager-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border-radius:6px;background:rgba(17,18,20,.18)}.server-member-manager-row:hover{background:var(--bg-mod-hover)}.manager-member-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--brand);font-weight:800;color:#fff}.manager-member-avatar img{width:100%;height:100%;object-fit:cover}.manager-member-copy{min-width:0}.manager-member-copy>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0}.manager-member-copy strong{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-member-copy small{color:var(--text-muted);font-size:11px;white-space:nowrap}.member-role-badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.member-role-badge{--role:#99aab5;display:inline-flex;align-items:center;gap:5px;min-height:20px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--role) 42%,transparent);background:color-mix(in srgb,var(--role) 12%,transparent);border-radius:10px;color:var(--text-soft);font-size:10px}.member-role-badge i{width:7px;height:7px;border-radius:50%;background:var(--role)}.member-role-badge.neutral{--role:#99aab5}.manage-member-roles,.owner-fixed-badge,.manager-back{border:0;border-radius:5px;padding:7px 10px;font-weight:700;font-size:11px}.manage-member-roles{background:#4e5058;color:#fff;cursor:pointer}.manage-member-roles:hover{background:#5d6069}.owner-fixed-badge{color:#f0b232;background:rgba(240,178,50,.1)}.manager-back{background:transparent;color:var(--link);padding-left:0;cursor:pointer}.member-role-editor-head h3{margin:8px 0 1px}.member-role-editor-head p{margin:0 0 12px;color:var(--text-muted);font-size:12px}
.mobile-bottom-nav,.mobile-scrim{display:none}

@media(max-width:760px){
 html,body{height:var(--stationcall-vh,100dvh);min-height:0;overscroll-behavior:none}
 .discord-shell{height:var(--stationcall-vh,100dvh);width:100vw;grid-template-columns:minmax(0,1fr);padding-bottom:calc(58px + env(safe-area-inset-bottom));}
 .content-column{grid-column:1!important;grid-row:1;min-width:0;width:100vw;height:calc(var(--stationcall-vh,100dvh) - 58px - env(safe-area-inset-bottom));}
 .guild-rail{position:fixed!important;z-index:210!important;left:0;top:0;bottom:calc(58px + env(safe-area-inset-bottom));width:min(86px,24vw);padding:10px 0;background:var(--bg-tertiary);transform:translateX(-110%);transition:transform .2s ease;box-shadow:10px 0 35px rgba(0,0,0,.42)}
 .discord-shell.mobile-guilds-open .guild-rail{transform:none}
 .channel-sidebar{position:fixed!important;z-index:205!important;left:0!important;top:0;bottom:calc(58px + env(safe-area-inset-bottom));width:min(330px,88vw)!important;transform:translateX(-110%)!important;transition:transform .2s ease;box-shadow:12px 0 34px rgba(0,0,0,.42)}
 .channel-sidebar.open{transform:none!important}
 .member-sidebar{position:fixed!important;display:flex!important;z-index:205!important;right:0;left:auto;top:0;bottom:calc(58px + env(safe-area-inset-bottom));width:min(330px,88vw)!important;transform:translateX(110%);transition:transform .2s ease;box-shadow:-12px 0 34px rgba(0,0,0,.42);background:var(--bg-secondary)}
 .discord-shell.mobile-members-open .member-sidebar{transform:none}
 .mobile-scrim{display:block;position:fixed;z-index:190;inset:0 0 calc(58px + env(safe-area-inset-bottom)) 0;background:rgba(0,0,0,.5);backdrop-filter:blur(1px)}
 .mobile-scrim[hidden]{display:none!important}
 .mobile-bottom-nav{position:fixed;z-index:220;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;min-height:calc(58px + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom);background:rgba(30,31,34,.98);border-top:1px solid rgba(255,255,255,.07);box-shadow:0 -6px 20px rgba(0,0,0,.25)}
 .mobile-bottom-nav[hidden]{display:none!important}.mobile-bottom-nav button{border:0;background:transparent;color:var(--text-muted);border-radius:8px;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer}.mobile-bottom-nav button span{font-size:20px;line-height:20px}.mobile-bottom-nav button small{font-size:10px;font-weight:700}.mobile-bottom-nav button.active{color:#fff;background:rgba(88,101,242,.16)}
 .content-header{padding-left:8px;padding-right:6px}.mobile-toggle{display:grid!important;width:38px;height:38px}.header-tools{max-width:55vw}.header-tools .header-icon{width:36px;height:36px}.header-topic{display:none}.header-divider{display:none}
 .messages{padding-bottom:12px}.composer{padding:0 8px 8px}.composer-box{min-height:46px}.composer-action{width:38px}.composer-send{width:40px}.composer textarea{max-height:120px}
 .account-bar{min-height:58px;height:auto;padding-bottom:max(4px,env(safe-area-inset-bottom))}.voice-connection{padding-bottom:10px}
 .own-profile-card{left:8px!important;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));width:auto!important;max-width:none}
 .utility-drawer{left:0!important;right:0!important;top:0!important;bottom:calc(58px + env(safe-area-inset-bottom));width:auto!important;border-radius:0}
 .settings-overlay{z-index:260}.settings-overlay iframe{width:100vw;height:var(--stationcall-vh,100dvh)}
 .profile-popover-backdrop{z-index:250;padding:10px}.member-profile-card{width:min(420px,100%);max-height:calc(var(--stationcall-vh,100dvh) - 20px);overflow:auto}
 .modal-backdrop{z-index:270;padding:8px;align-items:flex-end}.discord-modal,.wide-modal{width:100%!important;max-height:92vh!important;border-radius:14px 14px 0 0!important;margin:0}.modal-form-body{max-height:68vh;overflow:auto}.modal-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}
 .member-manager-summary{align-items:flex-start;flex-direction:column}.server-member-manager-row{grid-template-columns:38px minmax(0,1fr) auto}.member-role-badges{max-width:100%}
 .voice-channel-view{height:100%}.voice-call-body{height:calc(100% - 56px);min-height:0}.voice-stage{padding:8px 8px 78px!important}.voice-grid{display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:minmax(160px,calc((var(--stationcall-vh,100dvh) - 190px)/2));align-content:start;overflow:auto}.voice-tile{width:100%;aspect-ratio:16/9;min-height:160px}.voice-chat-panel{position:absolute!important;z-index:12;inset:0!important;width:100%!important;background:var(--bg-primary)}.call-control-bar{position:absolute;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:max(10px,env(safe-area-inset-bottom));width:auto!important;max-width:calc(100% - 12px)!important;overflow-x:auto;justify-content:flex-start}.call-control{width:48px!important;min-width:48px!important;height:48px!important}.call-control span{display:none!important}.call-topbar{padding:0 8px}.call-top-actions span{display:none}
 .incoming-call{z-index:300;left:8px!important;right:8px!important;top:8px!important;width:auto!important}
 .permission-grid{grid-template-columns:1fr!important}.roles-layout,.overwrite-layout{display:block!important}.roles-list,.overwrite-subjects{max-height:140px;overflow:auto;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08);padding:0 0 10px!important;margin-bottom:10px}
}
@media(max-width:420px){
 .mobile-bottom-nav button small{font-size:9px}.server-member-manager-row{grid-template-columns:34px minmax(0,1fr)}.manage-member-roles,.owner-fixed-badge{grid-column:2;justify-self:start}.manager-member-avatar{width:34px;height:34px}.content-header strong{max-width:35vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-action[title="GIF"],#stickerPickerBtn{display:none}.voice-grid{grid-auto-rows:minmax(150px,36vh)}
}
.settings-mobile-tabs{display:none}.stationcall-device-row{align-items:center}
@media(max-width:760px){
 .settings-page{height:var(--stationcall-vh,100dvh)!important;min-height:0!important;overflow:hidden}.settings-content{height:var(--stationcall-vh,100dvh);overflow:auto;padding:60px 14px calc(24px + env(safe-area-inset-bottom))!important}.settings-mobile-tabs{display:flex;position:fixed;z-index:30;top:0;left:0;right:0;height:50px;padding:5px 6px;background:rgba(30,31,34,.98);border-bottom:1px solid rgba(255,255,255,.07);gap:3px;overflow-x:auto;align-items:center}.settings-mobile-tabs button,.settings-mobile-tabs a{border:0;background:transparent;color:var(--text-muted);height:38px;border-radius:6px;padding:0 10px;display:grid;place-items:center;white-space:nowrap;font-weight:700;font-size:12px}.settings-mobile-tabs button.active{background:var(--bg-mod-active);color:#fff}.settings-mobile-tabs .settings-mobile-close{margin-left:auto;min-width:38px;border:2px solid var(--text-muted);border-radius:50%;font-size:20px}.settings-pane>h1{font-size:22px}.settings-form-card{padding:14px}.account-card{border-radius:8px}.account-card-banner{height:110px}.account-card-head{padding:0 14px 14px}.settings-avatar{width:82px;height:82px;margin-top:-42px}.account-card-body{padding:0 12px 12px}.settings-row{gap:10px}.stationcall-device-row{align-items:flex-start;flex-direction:column}.stationcall-device-row .btn{width:100%}
}

@media(max-width:760px){
 .auth-page{height:100dvh;min-height:100dvh;overflow:auto;display:block;padding:24px 14px calc(24px + env(safe-area-inset-bottom))}.auth-card{width:min(100%,480px);margin:0 auto;padding:24px 20px}.auth-card h1{font-size:28px}.field input,.field textarea,.field select{min-height:46px;font-size:16px}
}

/* ===== StationCall v18 — UI consistency / modal stack / permissions ===== */
body.modal-open{overflow:hidden}
.modal-backdrop.modal-underlay{pointer-events:none;background:rgba(0,0,0,.18)}
.modal-backdrop.open .discord-modal{animation:stationModalIn .12s ease-out}
@keyframes stationModalIn{from{opacity:.45;transform:scale(.985)}to{opacity:1;transform:none}}
.floating-card-close{position:absolute;right:8px;top:8px;z-index:8;width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(17,18,20,.72);color:#dbdee1;font-size:22px;line-height:1;cursor:pointer;backdrop-filter:blur(4px)}
.floating-card-close:hover{background:#f23f42;color:#fff}
.member-profile-close{right:10px;top:10px}
.own-profile-card .floating-card-close{opacity:.76}.own-profile-card:hover .floating-card-close{opacity:1}

.manager-explainer,.channel-permission-context{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:11px 12px;border-radius:6px;background:#232428;color:var(--text-soft);font-size:12px;line-height:1.4}
.manager-explainer strong,.channel-permission-context strong{color:#fff;font-size:13px}
.roles-list .role-list-item{height:auto;min-height:44px;padding:6px 9px}
.roles-list .role-list-item>span{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.15}
.roles-list .role-list-item strong{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roles-list .role-list-item small{margin-top:3px;color:var(--text-muted);font-size:10px;font-weight:500}
.roles-list .role-list-item em{font-style:normal;font-size:11px;color:var(--text-muted)}
.role-editor-heading,.overwrite-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.role-editor-heading h3,.overwrite-editor-header h3{margin:0;color:#fff;font-size:20px}
.role-editor-heading p,.overwrite-editor-header p{margin:4px 0 0;color:var(--text-muted);font-size:12px}
.role-summary-badge,.override-active-badge,.override-inherited-badge{flex:none;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;letter-spacing:.03em}
.role-summary-badge{background:rgba(240,178,50,.14);color:#f0b232;border:1px solid rgba(240,178,50,.32)}
.override-active-badge{background:rgba(88,101,242,.16);color:#a5adff;border:1px solid rgba(88,101,242,.35)}
.override-inherited-badge{background:rgba(181,186,193,.1);color:#b5bac1;border:1px solid rgba(181,186,193,.22)}
.role-position-label{display:grid;gap:7px;margin-top:12px;color:var(--text-soft);font-size:11px;font-weight:750;text-transform:uppercase}
.role-position-label input{width:100%;border:0;border-radius:3px;background:var(--bg-tertiary);color:var(--text);padding:11px 10px}
.role-position-label small{color:var(--text-muted);font-size:11px;font-weight:400;text-transform:none}
.role-permission-title{margin:18px 0 6px}.role-permission-title h3{margin:0;color:#fff;font-size:16px}.role-permission-title span{display:block;margin-top:3px;color:var(--text-muted);font-size:12px}
.permission-sections{display:grid;gap:12px;margin-top:10px}.permission-section{border-radius:6px;background:rgba(17,18,20,.28);overflow:hidden;border:1px solid rgba(255,255,255,.055)}.permission-section>h4{margin:0;padding:9px 10px;background:rgba(17,18,20,.35);color:#b5bac1;font-size:10px;text-transform:uppercase;letter-spacing:.045em}
.role-permission-row{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto;align-items:center!important;gap:9px!important;margin:0!important;padding:9px 10px!important;border-top:1px solid rgba(255,255,255,.045);text-transform:none!important;cursor:pointer}.role-permission-row:first-of-type{border-top:0}.role-permission-row:hover{background:rgba(255,255,255,.025)}.role-permission-row input{width:16px!important;height:16px!important}.role-permission-row>span{min-width:0;display:flex;flex-direction:column}.role-permission-row strong{color:var(--text);font-size:12px}.role-permission-row small{margin-top:2px;color:var(--text-muted);font-size:10px;font-weight:400}.role-permission-row em{font-style:normal;color:#23a55a;font-size:10px;font-weight:700}

.overwrite-layout{min-height:520px}.overwrite-subjects{padding-right:10px}.overwrite-subject-heading{padding:8px 8px 5px;color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.04em}.overwrite-subject-heading.members-heading{margin-top:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
.overwrite-subjects button{min-height:44px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px}
.overwrite-subjects button>span:not(.overwrite-user-avatar){min-width:0;display:flex;flex-direction:column}.overwrite-subjects button strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overwrite-subjects button small{margin-top:2px;color:var(--text-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overwrite-subjects button em{font-style:normal;font-size:11px}.overwrite-role-dot{width:12px;height:12px;border-radius:50%;justify-self:center}.overwrite-user-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800}.overwrite-user-avatar img{width:100%;height:100%;object-fit:cover}
.overwrite-editor{padding-right:2px}.channel-permission-sections{margin-top:12px}.channel-permission-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:9px 10px;border-top:1px solid rgba(255,255,255,.045)}.channel-permission-row:first-of-type{border-top:0}.channel-permission-row:hover{background:rgba(255,255,255,.02)}.channel-permission-copy{min-width:0;display:flex;flex-direction:column}.channel-permission-row strong{color:var(--text);font-size:12px}.channel-permission-row small{margin-top:2px;color:var(--text-muted);font-size:10px}.channel-permission-row em{margin-top:4px;color:#8e9297;font-size:9px;font-style:normal}.channel-permission-row.locked{grid-template-columns:minmax(0,1fr) auto}.permission-effective{font-size:10px;font-weight:750}.permission-effective.allowed{color:#23a55a}
.tri-state-control{display:grid;grid-template-columns:76px 38px 38px;gap:3px}.tri-state-control label{margin:0!important;padding:0!important;display:block!important;text-transform:none!important}.tri-state-control input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.tri-state-control span{height:30px;border-radius:4px;background:#2b2d31;color:#b5bac1;display:grid;place-items:center;padding:0 8px;font-size:10px;font-weight:750;cursor:pointer;border:1px solid transparent}.tri-state-control label:hover span{background:#35373c;color:#fff}.tri-state-control .inherit.selected span{background:#4e5058;color:#fff;border-color:#6d6f78}.tri-state-control .allow.selected span{background:rgba(35,165,90,.18);color:#3ba55d;border-color:#3ba55d}.tri-state-control .deny.selected span{background:rgba(242,63,66,.16);color:#f23f42;border-color:#f23f42}
.overwrite-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;bottom:0;margin-top:12px;padding:12px 0 2px;background:var(--bg-primary)}

@media(max-width:760px){
 .floating-card-close{width:34px;height:34px;font-size:24px}
 .role-editor-heading,.overwrite-editor-header{align-items:flex-start}.role-summary-badge,.override-active-badge,.override-inherited-badge{margin-top:1px}
 .overwrite-layout{min-height:0}.overwrite-subjects{max-height:190px!important}.overwrite-subjects button{min-height:46px}
 .channel-permission-row{grid-template-columns:1fr;gap:8px}.tri-state-control{grid-template-columns:minmax(90px,1fr) 48px 48px;width:100%}.tri-state-control span{height:34px}
 .overwrite-actions{padding-bottom:max(6px,env(safe-area-inset-bottom))}
}
.field-help{display:block;margin-top:2px;color:var(--text-muted);font-size:10px;font-weight:400;text-transform:none;line-height:1.35}.permission-manager-button{background:#3f4147}.permission-manager-button:hover{background:#5865f2}
.member-profile-card{position:relative}

/* =========================================================
   StationCall v20 — Context menu + Emoji/GIF/Sticker picker
   ========================================================= */
.media-picker-trigger{position:relative}.media-picker-dot{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;display:grid;place-items:center;background:#5865f2;color:#fff;font-size:9px;font-weight:900;line-height:1;border:2px solid #383a40}
.station-media-picker{position:fixed;right:86px;bottom:78px;width:min(570px,calc(100vw - 28px));height:min(540px,calc(100vh - 130px));z-index:760;background:#111214;border:1px solid #3f4147;border-radius:12px;box-shadow:0 18px 55px #000b;overflow:hidden;color:#dbdee1;display:flex;flex-direction:column;transform-origin:bottom right;animation:stationPickerIn .14s ease-out}
.station-media-picker[hidden]{display:none!important}@keyframes stationPickerIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.station-media-tabs{display:flex;gap:6px;padding:14px 16px 8px;border-bottom:1px solid #2b2d31}.station-media-tabs button{border:0;background:transparent;color:#b5bac1;padding:9px 12px;border-radius:7px;font-weight:800;font-size:14px;cursor:pointer}.station-media-tabs button:hover{background:#2b2d31;color:#f2f3f5}.station-media-tabs button.active{background:#3f4147;color:#fff}
.station-media-search-row{display:flex;align-items:center;gap:8px;padding:10px 16px}.station-media-search-row>svg{width:19px;height:19px;color:#949ba4;position:absolute;margin-left:10px;pointer-events:none}.station-media-search-row input{flex:1;height:38px;padding:0 44px 0 38px;background:#1e1f22;border:1px solid transparent;border-radius:6px;color:#f2f3f5;outline:none;font:inherit}.station-media-search-row input:focus{border-color:#5865f2}.station-media-close{width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:#b5bac1;font-size:25px;cursor:pointer}.station-media-close:hover{background:#2b2d31;color:#fff}
.station-media-body{min-height:0;flex:1;display:grid;grid-template-columns:50px minmax(0,1fr) 118px;border-top:1px solid #1e1f22}.station-media-categories{padding:8px 6px;background:#1e1f22;overflow:auto;display:flex;flex-direction:column;gap:5px}.station-media-categories button{height:38px;min-height:38px;border:0;border-radius:8px;background:transparent;color:#b5bac1;display:grid;place-items:center;font-weight:900;font-size:17px;cursor:pointer}.station-media-categories button:hover,.station-media-categories button.active{background:#35373c;color:#fff}.station-media-categories button span{max-width:32px;overflow:hidden;text-overflow:ellipsis;font-size:inherit}
.station-media-content{min-width:0;padding:10px 10px 14px;overflow:auto}.station-media-section-title{position:sticky;top:-10px;z-index:2;background:#111214;padding:4px 4px 9px;color:#b5bac1;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.station-media-grid{display:grid;grid-template-columns:repeat(7,minmax(42px,1fr));gap:4px}.station-media-item{min-width:0;height:52px;border:0;border-radius:7px;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;position:relative;padding:3px;overflow:hidden}.station-media-item:hover,.station-media-item:focus-visible{background:#35373c;outline:none}.station-media-item.favorite:after{content:'★';position:absolute;top:1px;right:3px;font-size:9px;color:#f0b232;text-shadow:0 1px 2px #000}.unicode-emoji{font-size:30px;line-height:1}.station-media-item img{max-width:100%;max-height:100%;object-fit:contain}.station-media-item small{display:none}
.station-media-preview{background:#18191c;border-left:1px solid #2b2d31;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;gap:8px;overflow:hidden}.station-media-preview>span{font-size:54px;line-height:1}.station-media-preview>img{width:78px;height:78px;object-fit:contain}.station-media-preview strong{max-width:100%;font-size:13px;color:#fff;word-break:break-word}.station-media-preview small{font-size:10px;color:#949ba4;line-height:1.25}
.station-media-footer{min-height:34px;border-top:1px solid #2b2d31;background:#1e1f22;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#949ba4;font-size:11px}.station-media-footer strong{color:#b5bac1}.station-media-empty{grid-column:1/-1;padding:28px;text-align:center;color:#949ba4}
.station-gif-url{grid-column:1/-1;margin-top:14px;padding-top:12px;border-top:1px solid #2b2d31;display:flex;gap:8px}.station-gif-url[hidden]{display:none}.station-gif-url label{flex:1;font-size:11px;color:#b5bac1}.station-gif-url input{display:block;width:100%;margin-top:5px;border:0;border-radius:5px;background:#1e1f22;color:#fff;padding:8px}.station-gif-url button{align-self:end;border:0;border-radius:5px;background:#5865f2;color:#fff;padding:9px 12px;font-weight:800;cursor:pointer}
.station-gif-card,.station-sticker-card{width:100%;height:100%;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(145deg,#26282d,#1b1c20);overflow:hidden}.station-gif-card i,.station-sticker-card i{font-style:normal;font-size:24px;line-height:1}.station-gif-card strong,.station-sticker-card strong{font-size:9px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-gif-card i{animation:stationGifBounce .85s ease-in-out infinite alternate}.gif-party i{animation:stationGifSpin 1.2s ease-in-out infinite}.gif-applause i{animation:stationGifClap .36s linear infinite alternate}.gif-lol i{animation:stationGifBounce .42s ease-in-out infinite alternate}.gif-fire i{animation:stationGifFire .5s ease-in-out infinite alternate}.gif-love i{animation:stationGifPulse .75s ease-in-out infinite alternate}.gif-wow i{animation:stationGifSpin 1.4s ease-in-out infinite}.gif-ok i{animation:stationGifPulse .7s ease-in-out infinite alternate}.gif-gg i{animation:stationGifBounce .8s ease-in-out infinite alternate}.gif-nope i{animation:stationGifNope .45s ease-in-out infinite alternate}.gif-thinking i{animation:stationGifThink 1.2s ease-in-out infinite alternate}@keyframes stationGifBounce{to{transform:translateY(-5px) scale(1.08)}}@keyframes stationGifSpin{50%{transform:rotate(15deg) scale(1.16)}100%{transform:rotate(-12deg)}}@keyframes stationGifClap{to{transform:scale(1.2) rotate(8deg)}}@keyframes stationGifFire{to{transform:translateY(-3px) scale(1.2)}}@keyframes stationGifPulse{to{transform:scale(1.28)}}@keyframes stationGifNope{to{transform:translateX(4px) rotate(8deg)}}@keyframes stationGifThink{to{transform:translateY(-2px) rotate(-8deg)}}
.message-gif-preset{width:min(360px,90%);height:190px;border-radius:10px;background:radial-gradient(circle at 50% 40%,#404249,#1e1f22 72%);display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:6px 0;overflow:hidden;border:1px solid #3f4147}.message-gif-preset i{font-style:normal;font-size:82px;animation:stationGifBounce .7s ease-in-out infinite alternate}.message-gif-preset strong{font-size:22px;color:#fff;text-transform:uppercase;letter-spacing:.04em}.message-gif-preset.gif-party i{animation:stationGifSpin 1.1s ease-in-out infinite}.message-gif-preset.gif-applause i{animation:stationGifClap .32s linear infinite alternate}.message-gif-preset.gif-fire i{animation:stationGifFire .45s ease-in-out infinite alternate}.message-gif-preset.gif-love i,.message-gif-preset.gif-ok i{animation:stationGifPulse .7s ease-in-out infinite alternate}.message-gif-preset.gif-nope i{animation:stationGifNope .42s ease-in-out infinite alternate}.message-sticker-preset{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;width:170px;height:170px;margin:5px 0;background:transparent}.message-sticker-preset i{font-style:normal;font-size:105px;line-height:1;filter:drop-shadow(0 7px 10px #0006)}.message-sticker-preset strong{font-size:15px;color:#fff;margin-top:8px}.message-gif-url{display:block;width:min(430px,95%);margin-top:6px}.message-gif-url img{display:block;max-width:100%;max-height:360px;border-radius:8px;object-fit:contain;background:#111214}

/* Native-browser-style actions are replaced only on recognized StationCall targets. */
.station-context-menu{position:fixed;z-index:1000;width:220px;max-height:min(520px,calc(100vh - 16px));overflow:auto;background:#111214;border:1px solid #3f4147;border-radius:7px;padding:6px;box-shadow:0 12px 34px #000c;animation:stationContextIn .08s ease-out;color:#dbdee1}@keyframes stationContextIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.station-context-title{padding:6px 8px 5px;color:#949ba4;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-context-menu button{width:100%;min-height:34px;border:0;border-radius:4px;background:transparent;color:#dbdee1;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:6px;text-align:left;padding:6px 8px;cursor:pointer;font:inherit;font-size:13px}.station-context-menu button:hover,.station-context-menu button:focus-visible{background:#5865f2;color:#fff;outline:none}.station-context-menu button.danger{color:#f23f42}.station-context-menu button.danger:hover,.station-context-menu button.danger:focus-visible{background:#da373c;color:#fff}.station-context-menu button:disabled{opacity:.45;cursor:not-allowed}.station-context-icon{width:20px;text-align:center}.station-context-menu kbd{font:10px system-ui;color:#949ba4;background:transparent}.station-context-menu button:hover kbd{color:#fff}.station-context-sep{height:1px;background:#3f4147;margin:5px 3px}

/* Small interaction polish */
.message{border-radius:4px}.message:hover{background:color-mix(in srgb,#2e3035 75%,transparent)}.channel-row,.member,.guild-button,.dm-item{-webkit-tap-highlight-color:transparent}.composer-box:focus-within{box-shadow:0 0 0 1px #5865f255}.station-media-open .composer-box{box-shadow:0 0 0 1px #5865f266}

@media(max-width:900px){.station-media-picker{right:16px}.station-media-body{grid-template-columns:48px minmax(0,1fr)}.station-media-preview{display:none}.station-media-grid{grid-template-columns:repeat(6,minmax(42px,1fr))}}
@media(max-width:760px){.station-media-picker{left:0;right:0;bottom:0;width:100vw;height:min(70vh,620px);max-height:calc(var(--stationcall-vh,100vh) - 62px);border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0;z-index:1100;transform-origin:bottom center}.station-media-tabs{padding-top:12px}.station-media-body{grid-template-columns:44px minmax(0,1fr)}.station-media-grid{grid-template-columns:repeat(5,minmax(42px,1fr));gap:5px}.station-media-item{height:54px}.station-media-categories{padding-bottom:max(8px,env(safe-area-inset-bottom))}.station-media-footer{padding-bottom:env(safe-area-inset-bottom);min-height:calc(38px + env(safe-area-inset-bottom))}.station-context-menu{width:min(280px,calc(100vw - 16px));z-index:1200}.message-gif-preset{height:165px}.message-sticker-preset{width:145px;height:145px}.message-sticker-preset i{font-size:88px}}
@media(max-width:420px){.station-media-grid{grid-template-columns:repeat(4,minmax(42px,1fr))}.station-media-tabs button{flex:1;padding-inline:5px}.station-media-footer span{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* StationCall v20 — mídia personalizada */
.station-media-add{height:34px;padding:0 11px;border:0;border-radius:7px;background:#5865f2;color:#fff;font-weight:800;white-space:nowrap;cursor:pointer}.station-media-add:hover{background:#4752c4}.station-media-add[hidden]{display:none!important}
.custom-gif-thumb{width:100%;height:100%;object-fit:cover;border-radius:6px}.station-media-item[data-media-type="custom-gif"]{height:64px}.station-media-item[data-media-type="custom-gif"] small{display:block;position:absolute;left:4px;right:4px;bottom:2px;padding:2px 4px;border-radius:4px;background:#000a;color:#fff;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-server-gif{display:block;max-width:min(430px,95%);max-height:360px;object-fit:contain;border-radius:8px;margin-top:6px;background:#111214}
.gif-manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:14px}.gif-manage-grid>div{position:relative;min-height:155px;padding:9px;background:var(--bg-secondary-alt);border-radius:8px;display:flex;flex-direction:column;gap:6px}.gif-manage-grid img{width:100%;height:115px;object-fit:cover;border-radius:6px;background:#111214}.gif-manage-grid strong{font-size:12px}.gif-manage-grid small{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gif-manage-grid button{position:absolute;right:6px;top:6px;width:25px;height:25px;border:0;border-radius:50%;background:#111214dd;color:#fff;cursor:pointer;font-size:17px}.gif-manage-grid button:hover{background:#da373c}
.station-upload-preview{display:flex;align-items:center;gap:12px;padding:10px;background:#1e1f22;border-radius:8px;margin:10px 0}.station-upload-preview img{width:120px;height:82px;object-fit:contain;background:#111214;border-radius:6px}.station-upload-preview div{display:flex;min-width:0;flex-direction:column;gap:3px}.station-upload-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-upload-preview small,.manager-form-foot small{color:var(--text-muted);font-size:11px}.manager-form-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.manager-form-foot .primary-button{margin-left:auto}
@media(max-width:760px){.station-media-search-row{gap:6px}.station-media-add{padding:0 8px;font-size:11px}.gif-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gif-manage-grid img{height:100px}.manager-form-foot{align-items:flex-start;flex-direction:column}.manager-form-foot .primary-button{width:100%;margin-left:0}.station-upload-preview img{width:95px;height:70px}}

/* ===== StationCall v21 — perfil/configurações revisados ===== */
.settings-close,.settings-mobile-close{touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}
.settings-close{z-index:60}
.profile-save-actions{position:sticky;bottom:0;z-index:20;margin:18px 0 0!important;padding:12px 18px!important;background:rgba(43,45,49,.96);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.unsaved-indicator{margin-right:auto;color:#f0b232;font-size:12px;font-weight:800}
.btn.ghost-danger{background:transparent;color:#f23f42;border:1px solid rgba(242,63,66,.42)}
.btn.ghost-danger:hover{background:rgba(242,63,66,.12);border-color:#f23f42}
.field-counter{display:block;justify-self:end;margin-top:-2px;color:var(--text-muted);font-size:10px}
.profile-media-copy small{font-family:inherit}
@media(max-width:760px){
 .profile-save-actions{bottom:0;margin-left:-14px!important;margin-right:-14px!important;padding:10px 14px max(10px,env(safe-area-inset-bottom))!important;gap:8px}
 .profile-save-actions .btn{min-width:100px}
 .unsaved-indicator{font-size:10px;max-width:90px}
}

/* v24.1 - realtime unificado, presença e mobile */
.message.message-pending{opacity:.72;}
.message .message-send-state{font-size:11px;color:var(--text-muted,#949ba4);margin-left:6px;font-style:italic;}
.message.message-pending .msg-body{filter:saturate(.9);}

/* StationCall v24.1 — realtime + mobile fluido */
@media(max-width:760px){
  .messages,.channel-list,.member-list,.guild-list,.utility-drawer,.modal-form-body,.voice-grid,.voice-chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .mobile-bottom-nav button,.mobile-toggle,.header-icon,.composer-action,.composer-send,.channel-row,.member{touch-action:manipulation}
  .mobile-bottom-nav button,.mobile-toggle,.header-icon{min-width:44px;min-height:44px}
  .channel-row{min-height:42px}.member{min-height:46px}
  .discord-shell.voice-mode{padding-bottom:0!important}
  .discord-shell.voice-mode .content-column{height:var(--stationcall-vh,100dvh)!important}
  .discord-shell.voice-mode .mobile-scrim{bottom:0}
  .voice-stage{overscroll-behavior:contain}
  .voice-grid{max-height:calc(var(--stationcall-vh,100dvh) - 112px)}
  .voice-chat-panel{height:100%!important;max-height:100%!important}
  .call-control-bar{padding-bottom:max(8px,env(safe-area-inset-bottom));scrollbar-width:none}
  .call-control-bar::-webkit-scrollbar{display:none}
  .modal-backdrop{height:var(--stationcall-vh,100dvh);max-height:var(--stationcall-vh,100dvh)}
  .discord-modal,.wide-modal{max-height:calc(var(--stationcall-vh,100dvh) - 8px)!important}
  .channel-sidebar,.member-sidebar,.guild-rail{overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:760px){
  html.station-keyboard-open .mobile-bottom-nav{display:none!important}
  html.station-keyboard-open .discord-shell{padding-bottom:0!important;height:var(--stationcall-vh,100dvh)!important}
  html.station-keyboard-open .content-column{height:var(--stationcall-vh,100dvh)!important}
  html.station-keyboard-open .guild-rail,
  html.station-keyboard-open .channel-sidebar,
  html.station-keyboard-open .member-sidebar{bottom:0!important}
  html.station-keyboard-open .mobile-scrim{bottom:0!important}
  html.station-keyboard-open .own-profile-card{bottom:8px!important}
  html.station-keyboard-open .composer{padding-bottom:max(6px,env(safe-area-inset-bottom))}
  html.station-keyboard-open .messages{padding-bottom:6px}
}
@media(max-width:390px){
  .content-header{gap:2px}.header-tools{max-width:50vw}.header-tools .header-icon{width:34px;min-width:34px}
  .composer{padding-left:5px;padding-right:5px}.composer-action{width:36px;min-width:36px}.composer-send{width:38px;min-width:38px}
  .channel-sidebar,.member-sidebar{width:min(318px,92vw)!important}
}

/* v24.7.2 — mídia em destaque com chat lateral preservado, estilo Discord */
.tile-media-actions{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:7;display:flex;gap:6px;opacity:0;transition:opacity .14s}
.tile-media-actions[hidden]{display:none!important}.voice-tile:hover .tile-media-actions,.voice-tile:focus-within .tile-media-actions,.voice-tile.voice-tile-focused .tile-media-actions{opacity:1}
.tile-media-actions button{width:34px;height:30px;border:0;border-radius:8px;background:rgba(17,18,20,.78);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.tile-media-actions button:hover,.tile-media-actions button.active{background:var(--brand)}.tile-media-actions svg{width:18px;height:18px}
.voice-grid.has-focused-tile{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;grid-auto-rows:minmax(0,1fr)!important;align-content:stretch!important;overflow:hidden!important}
.voice-grid.has-focused-tile>.voice-tile:not(.voice-tile-focused){display:none!important}
.voice-grid.has-focused-tile>.voice-tile.voice-tile-focused{width:100%;height:100%;max-width:none!important;min-height:0!important;aspect-ratio:auto!important;justify-self:stretch;border-radius:8px}
.voice-tile:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;aspect-ratio:auto!important;border-radius:0!important;background:#000}
.voice-tile:fullscreen video{object-fit:contain!important;background:#000}.voice-tile:fullscreen .tile-name{bottom:18px;left:18px}
.voice-call-body.chat-open .voice-grid.has-focused-tile{min-width:0}
@media(max-width:900px){.tile-media-actions{opacity:1}.voice-call-body.chat-open .voice-chat-panel{display:flex}.voice-grid.has-focused-tile>.voice-tile.voice-tile-focused{min-height:180px!important}}