/* discord.css — final override layer: Discord-desktop-like look (loaded last). */
:root,[data-theme="dark"],:root[data-theme="dark"]{
  --bg-0:#1e1f22; --bg-1:#2b2d31; --bg-2:#313338; --bg-3:#383a40; --bg-4:#404249; --bg-float:#111214; --code:#2b2d31;
  --rail:#1e1f22; --side:#2b2d31; --chat:#313338; --mem:#2b2d31; --inp:#383a40; --userbar:#232428;
  --line:rgba(255,255,255,.06); --line-2:rgba(255,255,255,.1);
  --hover:rgba(78,80,88,.3); --active:rgba(78,80,88,.6);
  --text:#f2f3f5; --text-2:#dbdee1; --muted:#949ba4; --faint:#80848e; --hdr:#f2f3f5;
  --accent:#5865f2; --accent-hover:#4752c4; --accent-ink:#fff;
  --green:#23a559; --red:#da373c; --yellow:#f0b232; --amber:#f0b232;
  --mention-bg:rgba(240,178,50,.1); --mention-bar:#f0b232;
  --shadow:0 8px 16px rgba(0,0,0,.24);
  color-scheme:dark;
}
[data-theme="midnight"]{ --bg-0:#000; --bg-1:#0b0b0d; --bg-2:#111214; --bg-3:#1e1f22; --bg-4:#2b2d31; --rail:#000; --side:#0b0b0d; --chat:#111214; --mem:#0b0b0d; --inp:#1e1f22; --userbar:#050506; --code:#0b0b0d; }
:root[data-theme="light"],[data-theme="light"]{
  --bg-0:#e3e5e8; --bg-1:#f2f3f5; --bg-2:#ffffff; --bg-3:#ebedef; --bg-4:#e3e5e8; --bg-float:#ffffff; --code:#f2f3f5;
  --rail:#e3e5e8; --side:#f2f3f5; --chat:#ffffff; --mem:#f2f3f5; --inp:#ebedef; --userbar:#ebedef;
  --line:rgba(6,6,7,.08); --line-2:rgba(6,6,7,.14); --hover:rgba(116,124,138,.14); --active:rgba(116,124,138,.24);
  --text:#060607; --text-2:#313338; --muted:#5c5e66; --faint:#80848e; --hdr:#060607;
  --accent:#5865f2; --accent-hover:#4752c4; --mention-bg:rgba(240,178,50,.14); --shadow:0 8px 16px rgba(0,0,0,.12);
  color-scheme:light;
}
html{font-size:var(--fs,16px)}
body{font-family:"Noto Sans","gg sans",Inter,system-ui,"Segoe UI",sans-serif!important;background:var(--rail)!important;color:var(--text-2)}

/* kill glass/glow */
.app>.rail,.app>.side,.app>.main,.app>.members,.main .top,.settings,.settings nav,.pop,.menu-pop,.modal,.msg .acts,.toast,.me-card,.pcard,.tip{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.app{background:var(--rail)!important}

/* server rail */
.app>.rail,.rail{background:var(--rail)!important;gap:8px!important;padding:12px 0!important;border:0!important;box-shadow:none!important}
.rail .sep{width:32px!important;height:2px!important;background:var(--bg-4)!important;border-radius:1px!important}
.ri .icon{width:48px!important;height:48px!important;border-radius:50%!important;background:var(--bg-2)!important;color:var(--text-2)!important;box-shadow:none!important;transition:border-radius .17s ease,background-color .17s ease,color .17s ease!important}
[data-theme="light"] .ri .icon{background:#fff!important}
.ri:hover .icon,.ri.on .icon{border-radius:16px!important}
.ri:hover .icon:not(:has(img)),.ri.on .icon:not(:has(img)){background:var(--accent)!important;color:#fff!important}
.ri .icon.add,.ri .icon.disc{color:var(--green)!important}
.ri:hover .icon.add,.ri:hover .icon.disc,.ri.on .icon.disc{background:var(--green)!important;color:#fff!important}
.ri .pip{left:-16px!important;width:8px!important;background:var(--text)!important;border-radius:0 4px 4px 0!important;box-shadow:none!important}
.ri .badge{background:var(--red)!important;border-color:var(--rail)!important}

/* channel sidebar */
.app>.side,.side{background:var(--side)!important;border:0!important;box-shadow:none!important}
.side-head{height:48px!important;padding:0 16px!important;font-weight:600!important;font-size:1rem!important;color:var(--hdr)!important;border-bottom:1px solid rgba(0,0,0,.24)!important;box-shadow:0 1px 0 rgba(4,4,5,.1)!important;background:transparent;transition:background .1s}
.side-head:hover{background-color:var(--hover)}
.side-banner{box-shadow:none!important}
.cat{padding:16px 8px 4px 2px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.02em!important;color:var(--muted)!important}
.cat:hover{color:var(--text-2)!important}
.ch{padding:6px 8px!important;margin:1px 0!important;border-radius:4px!important;color:var(--muted)!important;font-weight:500!important;font-size:1rem!important;background:transparent!important;box-shadow:none!important;border:0!important}
.ch::after{display:none!important}
.ch:hover{background:var(--hover)!important;color:var(--text-2)!important}
.ch.on{background:var(--active)!important;color:var(--text)!important}
.ch.unread{color:var(--text)!important;font-weight:600!important}
.ch .ico{opacity:.7!important;color:var(--muted)}
.ch .mb,.mb-badge{background:var(--red)!important;border-radius:8px!important}
.me-bar{background:var(--userbar)!important;padding:0 8px!important;height:52px!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
.me-bar .who{border-radius:4px!important}
.me-bar .who:hover{background:var(--hover)!important}
.me-bar .nm{color:var(--text)!important;font-size:14px!important}
.me-bar .un{font-size:12px!important;color:var(--muted)!important}
.me-bar button:not(.who){width:32px;height:32px;border-radius:4px!important;color:var(--muted)}
.me-bar button:not(.who):hover{background:var(--hover)!important;color:var(--text-2)}

/* main / top bar */
.app>.main,.main{background:var(--chat)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.top,.main .top{height:48px!important;background:var(--chat)!important;border-bottom:1px solid rgba(0,0,0,.24)!important;box-shadow:0 1px 0 rgba(4,4,5,.1)!important;padding:0 8px 0 16px!important}
[data-theme="light"] .top,[data-theme="light"] .side-head{border-bottom-color:rgba(6,6,7,.08)!important}
.top .title{color:var(--hdr)!important;font-weight:600!important;font-size:1rem!important}
.top .title .ico{color:var(--faint)!important}
.top .topic{font-size:14px!important;color:var(--muted)!important;border-left:1px solid var(--line-2)!important}
.top .tb{border-radius:4px!important;color:var(--muted)!important;background:transparent!important}
.top .tb:hover,.top .tb.on{color:var(--text-2)!important;background:transparent!important}
.search input{background:var(--bg-0)!important;border:0!important;border-radius:4px!important;height:24px!important;padding:0 26px 0 6px!important;font-size:14px!important;width:144px!important;box-shadow:none!important}
.search input:focus{width:240px!important}
[data-theme="light"] .search input{background:#e3e5e8!important}

/* messages */
.msg{padding:2px 48px 2px 16px!important;margin-top:17px!important;gap:16px!important;border-radius:0!important;font-size:1rem!important;line-height:1.375rem!important;color:var(--text-2)}
.msg .gut{width:40px!important}
.msg.compact{margin-top:0!important}
.msg:hover{background:rgba(2,2,2,.06)!important}
[data-theme="light"] .msg:hover{background:rgba(6,6,7,.03)!important}
.msg .gut .av,.msg .gut .av img{width:40px;height:40px}
.msg .name{font-weight:500!important;font-size:1rem!important;color:var(--text)}
.msg .ts{font-size:.75rem!important;color:var(--muted)!important;font-weight:500;margin-left:.25rem}
.msg .gut .hts{font-size:11px!important;color:var(--muted)!important;line-height:1.375rem;padding-top:0!important}
.msg.mentioned{background:var(--mention-bg)!important}
.msg.mentioned:hover{background:rgba(240,178,50,.08)!important}
.msg.mentioned::before{width:2px!important;background:var(--mention-bar)!important;display:block!important}
.msg .acts,.acts{background:var(--chat)!important;border:1px solid var(--line)!important;border-radius:4px!important;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.2)!important;right:14px!important;top:-16px!important;padding:0!important}
[data-theme="dark"] .msg .acts,:root:not([data-theme="light"]) .msg .acts{background:var(--chat)!important}
.acts button{width:32px!important;height:32px!important;border-radius:0!important;color:var(--muted)!important;background:transparent!important}
.acts button:hover{background:var(--hover)!important;color:var(--text-2)!important}
.reply-ref{position:relative;font-size:.875rem;color:var(--muted)}
.mention{background:rgba(88,101,242,.3)!important;color:#c9cdfb!important;border-radius:3px!important;padding:0 2px!important;font-weight:500!important}
.mention:hover{background:var(--accent)!important;color:#fff!important}
[data-theme="light"] .mention{color:#505cdc!important;background:rgba(88,101,242,.15)!important}
.embed{background:var(--bg-1)!important;border-radius:4px!important;border-left:4px solid var(--bg-0);box-shadow:none!important}
.react{background:var(--bg-1)!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important}
.react.on,.react.me{background:rgba(88,101,242,.15)!important;border-color:var(--accent)!important}
.divider{color:var(--muted)}
.sys{color:var(--muted)!important}
.sys:hover{background:rgba(2,2,2,.06)!important}

/* composer */
.composer{padding:0 16px 24px!important;background:transparent!important}
.box{background:var(--inp)!important;border:0!important;border-radius:8px!important;box-shadow:none!important;padding:0 4px 0 6px!important}
.reply-bar,.tray{background:var(--bg-1)!important;border:0!important}
.reply-bar+.box,.tray+.box{border-radius:0 0 8px 8px!important}
.box textarea{font-size:1rem!important;color:var(--text-2)!important}
.box textarea::placeholder{color:var(--faint)!important}
.box .cb{color:var(--muted)!important;background:transparent!important}
.box .cb:hover{color:var(--text-2)!important}

/* member list */
.app>.members,.members{background:var(--mem)!important;border:0!important;box-shadow:none!important;padding:0 8px 20px!important}
.members h5,.panel-h{font-size:12px!important;font-weight:600!important;color:var(--muted)!important;letter-spacing:.02em!important;padding:24px 8px 4px!important}
.mem{border-radius:4px!important;padding:1px 8px!important;min-height:42px;margin:1px 0;background:transparent!important}
.mem:hover{background:var(--hover)!important}
.mem .nm{color:var(--muted);font-size:1rem}
.mem:hover .nm{color:var(--text-2)}
.mem.off{opacity:.3!important}

/* popups, menus, tooltips */
.pop,.menu-pop{background:var(--bg-float)!important;border:0!important;border-radius:4px!important;box-shadow:0 8px 16px rgba(0,0,0,.24)!important}
[data-theme="light"] .pop,[data-theme="light"] .menu-pop{background:#fff!important;box-shadow:0 0 0 1px rgba(6,6,7,.08),0 8px 16px rgba(0,0,0,.16)!important}
.menu-pop{padding:6px 8px!important;min-width:188px!important}
.menu-pop button,.menu-pop label{padding:6px 8px!important;margin:2px 0;border-radius:2px!important;font-size:14px!important;font-weight:500!important;color:var(--text-2)!important;min-height:32px}
.menu-pop button:hover,.menu-pop label:hover{background:var(--accent)!important;color:#fff!important}
.menu-pop button.danger{color:#f23f42!important}
.menu-pop button.danger:hover{background:var(--red)!important;color:#fff!important}
.menu-pop hr{border-top:1px solid var(--line-2)!important;margin:4px!important}
.tip{background:var(--bg-float)!important;color:var(--text)!important;border:0!important;border-radius:4px!important;font-size:14px!important;font-weight:600!important;padding:8px 12px!important;box-shadow:0 8px 16px rgba(0,0,0,.24)!important}
[data-theme="light"] .tip{background:#fff!important}
.pcard{background:var(--bg-0)!important;border:0!important;border-radius:8px!important;box-shadow:0 8px 16px rgba(0,0,0,.24)!important}
[data-theme="light"] .pcard{background:#fff!important}
.pop .pcard{box-shadow:none!important}
.pcard .pav{border-color:var(--bg-0)!important}
.pcard .pinner{background:var(--bg-float)!important;border-radius:8px!important;border:0!important}
[data-theme="light"] .pcard .pinner{background:#f2f3f5!important}
.pcard h3{color:var(--text)!important;font-size:20px!important;font-weight:600!important}
.pcard h6{font-size:12px!important;font-weight:700!important;color:var(--text)!important;border-top:1px solid var(--line-2)!important}

/* modals */
.backdrop,.scrim{background:rgba(0,0,0,.7)!important}
.modal{background:var(--chat)!important;border:0!important;border-radius:4px!important;box-shadow:0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2)!important}
.modal .mh h2{font-size:20px!important;font-weight:600!important;color:var(--text)!important}
.modal .mh p{color:var(--text-2)!important;font-size:14px}
.modal .mf{background:var(--bg-1)!important;border:0!important;border-radius:0 0 4px 4px!important}
.input,input.input,textarea.input,select.input,.field input,.field textarea,.field select{background:var(--bg-0)!important;border:0!important;border-radius:3px!important;box-shadow:none!important;color:var(--text-2)!important}
[data-theme="light"] .input,[data-theme="light"] .field input{background:#e3e5e8!important}
.input:focus{box-shadow:none!important;outline:none}
.btn{border-radius:3px!important;font-weight:500!important;font-size:14px!important;box-shadow:none!important;background-image:none!important;min-height:38px;padding:2px 16px}
.btn.primary,.btn.brand{background:var(--accent)!important;color:#fff!important;border:0!important}
.btn.primary:hover,.btn.brand:hover{background:var(--accent-hover)!important}
.btn.danger{background:var(--red)!important;color:#fff!important}
.btn.ghost,.btn.link{background:transparent!important}

/* settings */
.settings,:root:not([data-theme="light"]) .settings{background:var(--chat)!important}
.settings nav{background:var(--side)!important;border:0!important}
.settings nav h6{font-size:12px!important;font-weight:700!important;color:var(--muted)!important}
.settings nav button{border-radius:4px!important;padding:6px 10px!important;font-size:1rem!important;color:var(--muted)!important;background:transparent!important}
.settings nav button:hover{background:var(--hover)!important;color:var(--text-2)!important}
.settings nav button.on{background:var(--active)!important;color:var(--text)!important}
.settings nav button.out{color:#f23f42!important}
.settings .pane h2{font-size:20px!important;font-weight:600!important;color:var(--text)!important}
.settings .pane h3{font-size:12px!important;font-weight:700!important;color:var(--muted)!important}
.toggle{box-shadow:none!important}

/* toasts, misc */
.toast{background:var(--bg-float)!important;border:0!important;border-radius:4px!important;color:var(--text)!important}
.tile,.vc-user{border-radius:8px!important;box-shadow:none!important;background-image:none}
.tile{background-color:var(--bg-0)}
.voice-bar{background:var(--userbar)!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important}
.scroll::-webkit-scrollbar-thumb{background:var(--bg-0)!important}
.chip,.tag{border-radius:4px!important}

/* Super: keep the gradient visible through slightly translucent solid panels */
:root:not([data-theme="light"]).is-super .app>.main{background:rgba(49,51,56,.86)!important}
:root:not([data-theme="light"]).is-super .app>.side,:root:not([data-theme="light"]).is-super .app>.members{background:rgba(43,45,49,.88)!important}
:root:not([data-theme="light"]).is-super .app>.rail{background:rgba(30,31,34,.9)!important}
:root:not([data-theme="light"]).is-super .top{background:transparent!important}

/* phones: drawer stays solid */
@media (max-width:760px){
  .app.drawer .side,.app .side{background:var(--side)!important}
  .msg{padding-right:16px!important}
}