*{box-sizing:border-box}
:root{color-scheme:dark;font-family:"Segoe UI",system-ui,sans-serif;color:#f1f1f5;background:#1e1f24;--rail:#15161a;--workspace-header-height:64px;--side:#1b1c21;--main:#24252b;--edge:#32333c;--muted:#a6a7b3;--dim:#9295a2;--violet:#c9bcff;--green:#78dea5;--red:#ffa7b4}
[hidden]{display:none!important}
body{margin:0;min-height:100dvh;display:grid;grid-template-columns:64px 258px minmax(0,1fr);grid-template-rows:100dvh}
button,input,select{font:inherit}button{border:0;border-radius:8px;cursor:pointer;font-weight:650}button:disabled{cursor:default;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
h1,h2,p{margin:0}svg{display:block;width:18px;height:18px;flex:none}
.rail{--logo-size:43px;--rail-gap:9px;--logo-inset:calc((var(--workspace-header-height) - var(--logo-size) - 1px)/2);background:var(--rail);display:flex;align-items:center;flex-direction:column;padding:var(--logo-inset) 7px 14px;gap:var(--rail-gap);overflow:auto;scrollbar-width:thin}.logo,.rail-button{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;flex:none}.logo{background:linear-gradient(145deg,#2b174c,#15112c);box-shadow:0 3px 14px #130f2355}.logo img{width:85%;height:85%;display:block}.rail .logo{width:var(--logo-size);height:var(--logo-size)}.rail-divider{width:28px;height:1px;flex:none;background:var(--edge);margin:calc(var(--logo-inset) - var(--rail-gap)) 0 1px}.rail-button{background:#25262d;color:#ddd9ea;letter-spacing:.05em;position:relative}.rail-button:hover,.rail-button.active{background:#47386e;color:#eee8ff}.rail-button.active:before{content:"";position:absolute;left:-10px;width:4px;height:21px;background:var(--violet);border-radius:0 6px 6px 0}.rail-button.add{font-size:21px;color:#c8b7ff;font-weight:500}#groups{display:grid;gap:8px}#groups:empty{display:none}
.sidebar{background:var(--side);border-radius:15px 0 0 0;overflow:hidden;border-right:1px solid #14151a;display:flex;flex-direction:column;min-width:0}.group-heading{height:var(--workspace-header-height);flex:none;padding:0 13px 0 16px;border-bottom:1px solid var(--edge);display:flex;justify-content:space-between;align-items:center;gap:8px}.group-heading>div{min-width:0}.group-heading h1{margin-top:3px;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.22}.eyebrow,.channel-heading{font-size:10px;font-weight:750;letter-spacing:.11em;color:var(--dim)}.group-heading .eyebrow{font-size:9px;color:#a99dc7}.channels{padding:12px 9px;overflow:auto;scrollbar-width:thin}.channel-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 7px 4px}.channel-heading:not(:first-child){margin-top:22px}.bare{background:transparent;color:#a7a9b5;font-size:19px;padding:0 5px;line-height:1.3}.bare:hover,.icon-button:hover{color:#fff;background:#363740}.channel{width:100%;background:transparent;color:#b9bac6;text-align:left;padding:8px;display:flex;align-items:center;gap:8px;min-height:34px;font-size:14px;font-weight:560;overflow-wrap:anywhere;border-radius:7px}.channel:hover,.channel.active{background:#32333c;color:#f7f5fb}.channel.voice.active{background:#25352f;color:#a5ebc1}.channel-icon{font-size:18px;color:#a2a4af;width:18px;display:grid;place-items:center;flex:none}.channel-icon svg{width:16px;height:16px}.channel.voice.active .channel-icon{color:var(--green)}.channel-count{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto}
.presence{list-style:none;margin:2px 0 7px;padding:0 5px 0 20px;color:#bfc0ce;font-size:12px}.participant{display:flex;align-items:center;gap:8px;min-height:34px;border-radius:7px;padding:3px 6px}.participant:hover{background:#282930}.participant-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant.self .participant-name{color:#f5f3fc;font-weight:650}.participant-indicators{margin-left:auto;display:flex;gap:4px;color:#9a9caa}.participant-indicators svg{width:14px;height:14px}.participant.speaking .participant-name{color:#eafbed}.participant.speaking .avatar,#call-avatars .avatar.speaking{box-shadow:0 0 0 2px var(--green)}.participant .avatar{width:24px;height:24px;font-size:11px}
.sidebar-bottom{margin-top:auto;background:#191a20;border-top:1px solid #303139}.voice-dock{padding:10px 10px 9px;background:#23242b;border-bottom:1px solid #34353e}.voice-connection{display:flex;align-items:center;gap:8px;margin-bottom:9px}.voice-connection>div{min-width:0;flex:1}.voice-connection strong,.voice-connection small,.profile strong,.profile small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.voice-connection strong{color:var(--green);font-size:13px}.voice-connection small,.profile small{color:var(--muted);font-size:10px;margin-top:2px}.connection-icon,.room-mark{width:33px;height:33px;border-radius:8px;flex:none;display:grid;place-items:center;color:var(--green);background:#293d35}.connection-icon svg,.room-mark svg{width:17px;height:17px}.icon-button{background:transparent;color:#b9bac8;display:grid;place-items:center;width:31px;height:31px;flex:none}.end-call{color:var(--red)}.end-call:hover{background:#51303b;color:#ffd3da}.call-actions{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:5px}.dock-button{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 3px;min-height:34px;background:#34353e;color:#e8e7ee;font-size:10px}.dock-button svg{width:15px;height:15px}.dock-button:hover{background:#41424d}.dock-button[aria-pressed=true]{background:#49303a;color:#ffc0c8}.share-button{background:#403360;color:#e6ddff}.share-button:hover,.share-button[aria-pressed=true]{background:#574482;color:#f5eeff}.call-status{padding:7px 2px 0;color:#bfc7d4;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.profile{display:flex;gap:8px;align-items:center;padding:9px 10px;min-width:0}.profile-text{flex:1;min-width:0}.profile strong{font-size:13px}.avatar{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#493761;color:#eee3ff;font-size:12px;font-weight:750;overflow:hidden;line-height:1}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar.tone-1{background:#344f68;color:#d9efff}.avatar.tone-2{background:#37594c;color:#d9f9e9}.avatar.tone-3{background:#654255;color:#ffe2ef}.avatar.tone-4{background:#654d37;color:#ffeed8}
main{min-width:0;overflow:hidden;background:var(--main)}.home{height:100%;max-width:730px;margin:auto;padding:45px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:17px}.home h2{font-size:clamp(35px,6vw,72px);letter-spacing:-.055em;line-height:1;font-weight:720}.home p{max-width:370px;color:var(--muted);line-height:1.55}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.primary,.soft,.danger{min-height:35px;padding:8px 12px;font-size:13px}.primary{color:#201739;background:#c8b7ff}.primary:hover{background:#dbd0ff}.soft{color:#eeeef5;background:#383943}.soft:hover{background:#464753}.danger{color:#ffc0c8;background:#4b323c}.danger:hover{background:#61404b}
.workspace{height:100%;display:flex;flex-direction:column}.topbar{background:#24252b;border-bottom:1px solid var(--edge);height:var(--workspace-header-height);flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:12px}.topbar>div{display:flex;align-items:center;gap:9px;overflow-wrap:anywhere}.top-icon{color:#a4a5b4;font-size:22px}.private-tag,.pill{border-radius:30px;padding:5px 8px;font-size:11px;white-space:nowrap;background:#32343e;color:#c7c8d4}.private-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:4px}
.call-pane{flex:none;padding:10px 22px;border-bottom:1px solid #383944;background:#222329;max-height:57%;overflow:auto}.call-heading{display:flex;align-items:center;gap:9px;min-height:35px}.call-meta{min-width:0;flex:1}.call-meta .eyebrow{font-size:9px;color:#98bba8}.call-heading h2{margin-top:1px;font-size:15px;overflow-wrap:anywhere}.avatar-stack{display:flex;align-items:center;padding-left:5px}.avatar-stack .avatar{height:24px;width:24px;font-size:10px;border:2px solid #222329;margin-left:-5px}
.streams{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:8px;margin-top:9px}.stream{margin:0;min-width:0;background:#14151a;border:1px solid #383944;border-radius:10px;overflow:hidden}.stream video{width:100%;display:block;aspect-ratio:16/9;max-height:275px;object-fit:contain;background:#101116}.stream figcaption{font-size:11px;padding:6px 10px;color:var(--muted)}
.chat-log{flex:1;min-height:65px;overflow:auto;padding:16px 22px;scrollbar-width:thin}.empty-chat{min-height:100%;display:flex;flex-direction:column;justify-content:end;gap:6px;padding:12px 0 4px}.empty-chat .empty-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#dad2fa;background:#393444;font-size:24px;margin-bottom:3px}.empty-chat h2{font-size:21px}.empty-chat p{color:var(--muted);font-size:13px}.message{display:flex;gap:10px;padding:8px 0;overflow-wrap:anywhere}.message strong{font-size:14px}.message time{margin-left:8px;font-size:11px;color:var(--muted)}.message p{margin-top:3px;color:#e1e1ea;white-space:pre-wrap;line-height:1.4;font-size:14px}.composer{display:flex;gap:8px;padding:10px 20px 16px;background:var(--main)}input,select{width:100%;min-width:0;border:1px solid #444550;background:#2c2d36;color:#f1f2f7;border-radius:8px;padding:9px 11px}.composer input{background:#30313a}
dialog{border:1px solid #484757;border-radius:14px;background:#25262d;color:#f1f1f5;width:min(94vw,460px);padding:19px;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#090913b9}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.dialog-heading h2{font-size:21px;overflow-wrap:anywhere}.dialog-heading .bare{font-size:26px}.field{display:grid;gap:6px;margin:10px 0;font-size:13px;color:#dadbe6}.dialog-note{font-size:13px;color:var(--muted);line-height:1.45;margin:9px 0}.error{min-height:20px;margin:5px 0;font-size:13px;color:#ffb6c2}.toast{position:fixed;bottom:21px;right:21px;max-width:min(390px,90vw);background:#363741;border:1px solid #555666;color:#fff;border-radius:10px;padding:11px 14px;font-size:13px;box-shadow:0 8px 45px #0007}
.sr-only{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
@media(max-width:700px){body{grid-template-columns:48px 175px minmax(0,1fr)}.rail{--logo-size:35px;padding:var(--logo-inset) 4px 12px}.logo,.rail-button{width:35px;height:35px}.group-heading{padding:0 8px}.channels{padding:10px 4px}.channel-heading{letter-spacing:0}.home{padding:18px}.topbar,.chat-log,.composer,.call-pane{padding-left:10px;padding-right:10px}.private-tag{display:none}.dock-button span{display:none}.presence{padding-left:12px}.profile{padding:8px 5px}}
@media(max-width:430px){body{grid-template-columns:41px 128px minmax(0,1fr)}.group-heading h1{font-size:14px}.channel{font-size:12px;padding:6px 4px}.channel-heading span{font-size:9px}.participant{gap:4px;padding-left:2px}.participant .avatar{width:19px;height:19px;font-size:9px}.avatar-stack{display:none}.composer button span,.profile small{display:none}.composer button{padding:6px}.voice-dock{padding:8px 4px}.connection-icon{display:none}}

.chat-messages{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.composer button{flex:none;white-space:nowrap}
.share-dialog{width:min(94vw,650px);max-height:92dvh;overflow:auto}.source-tabs{display:flex;gap:5px;border-bottom:1px solid #41414d;margin:12px 0}.source-tabs button{background:transparent;color:#bcbac9;border-radius:7px 7px 0 0;padding:8px 12px;font-size:13px}.source-tabs button[aria-pressed=true]{color:#e9e0ff;background:#3a3155;box-shadow:inset 0 -2px #bca9fa}.source-tabs button:hover{color:#fff}.source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:9px;max-height:min(43vh,365px);overflow:auto;padding:3px 3px 5px;scrollbar-width:thin}.source-card{position:relative;display:grid;min-width:0;align-content:start;background:#2e2f39;border:1px solid #484957;border-radius:9px;overflow:hidden;cursor:pointer}.source-card:hover{border-color:#8f80b2}.source-card:has(input:checked){border-color:#c5afff;box-shadow:0 0 0 1px #c5afff}.source-card:focus-within{outline:2px solid #c5afff;outline-offset:1px}.source-card input{position:absolute;z-index:1;width:15px;height:15px;top:7px;right:7px;margin:0;accent-color:#c5afff}.source-preview{height:85px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(150deg,#3a3552,#232432);color:#a89ac6}.source-preview svg{width:29px;height:29px}.source-preview img{display:block;width:100%;height:100%;object-fit:contain;background:#15161c}.source-description{min-width:0;padding:7px 8px;display:grid;gap:3px}.source-description strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-description small,.source-note{font-size:11px;color:var(--muted)}.source-note{min-height:16px;margin:6px 3px 11px}.source-empty{grid-column:1/-1;padding:22px 6px;color:var(--muted);font-size:13px}.share-audio{padding:8px 10px;border:1px solid #41414d;border-radius:8px;background:#2d2e37}.audio-toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.audio-toggle input{width:15px;height:15px;accent-color:#c5afff}.audio-toggle strong,.audio-toggle small{display:block;font-size:13px}.audio-toggle small{color:var(--muted);font-size:11px;margin-top:2px}.share-audio .field{margin-bottom:1px}.share-dialog #dialog-actions{justify-content:flex-end}@media(max-width:420px){.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-preview{height:69px}}
.participant-more{opacity:0;background:transparent;color:var(--muted);padding:0 3px;min-width:18px;font-size:15px}.participant:hover .participant-more,.participant-more:focus-visible{opacity:1}.participant-menu{position:fixed;z-index:20;width:222px;padding:8px;background:#24252d;border:1px solid #41424e;border-radius:10px;box-shadow:0 10px 35px #0009;color:#f1f1f5}.participant-menu-heading,.participant-profile{display:flex;align-items:center;gap:9px;padding:5px 6px 9px;overflow-wrap:anywhere}.participant-profile p{color:var(--muted);font-size:13px;margin-top:3px}.participant-action{display:block;width:100%;text-align:left;padding:8px;background:transparent;color:inherit;font-size:13px}.participant-action:hover{background:#3b3b49}.participant-volume,.participant-mute{display:block;padding:8px 6px;font-size:12px;color:#e3e0ec}.participant-volume{border-top:1px solid #41414b;margin-top:3px}.participant-volume>span,.participant-mute{display:flex;justify-content:space-between;align-items:center}.participant-volume output{color:var(--muted)}.participant-volume input,.participant-mute input{padding:0;accent-color:#c9bcff}.participant-volume input{margin:8px 0 0}.participant-mute input{width:15px;height:15px}.share-quality{border:1px solid #41414d;border-radius:8px;margin-top:8px;padding:8px 10px}.share-quality summary{cursor:pointer;font-size:13px;font-weight:650}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0 10px}.share-quality .source-note{margin:7px 0 0;line-height:1.4}@media(pointer:coarse){.participant-more{opacity:1}}
body[data-view=app]{background:var(--rail)}.account-button{flex:none;padding:0;border-radius:50%;background:transparent}.account-button:not(:disabled):hover{box-shadow:0 0 0 2px #8067b7}.account-button:disabled{opacity:1}
body[data-view=landing],body[data-view=auth]{display:block;min-height:100dvh;background:#17151e}
body:not([data-view=app])>.rail,body:not([data-view=app])>.sidebar,body:not([data-view=app])>main{display:none}
.landing {
  --lp-ink:#f8f5ff; --lp-muted:#c4b9d4; --lp-accent:#c68aff; --lp-line:#a68bc63d;
  min-height:100dvh; color:var(--lp-ink);
  background:radial-gradient(ellipse at 73% 25%,#48238352,transparent 45%),
    radial-gradient(ellipse at 3% 31%,#3d1b6c61,transparent 35%),
    radial-gradient(ellipse at 15% 77%,#35195543,transparent 38%),#141222;
}
.landing-symbols{position:absolute;width:0;height:0;overflow:hidden}
.landing svg:not(.landing-symbols){width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.landing a{text-decoration:none;color:inherit}
.landing-nav,.landing-body,.landing-features,.landing-connect,.landing-help,.landing-footer{width:min(1370px,calc(100% - 80px));margin-inline:auto}
.landing-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.landing-brand{display:flex;align-items:center;gap:8px;font-size:30px;font-weight:820;letter-spacing:-.055em;line-height:1;color:#f8f4ff}
.landing-brand img{display:block;flex:none}.auth-brand{font-size:25px}
.landing-links,.landing-access{display:flex;align-items:center;gap:clamp(18px,3vw,46px)}
.landing-links a{color:#e0d7ed;font-size:14px;font-weight:650;padding:12px 0}
.landing-links a:first-child{box-shadow:inset 0 -3px #bb77ff;color:#fff}
.landing-links a:hover,.landing-footer a:hover{color:#d3a9ff}
.landing-access{gap:10px}
.landing-access button{padding:12px 16px;border-radius:12px;font-size:14px;white-space:nowrap}
.landing .primary{background:linear-gradient(145deg,#d9b1fc,#ac72f5);color:#170d27;border:1px solid #e1bcff55;box-shadow:0 5px 19px #1c0b40a1}
.landing .primary:hover{background:linear-gradient(145deg,#e4c8ff,#b987ff)}
.landing .soft,.landing-secondary{background:#262239;color:#f3eaff;border:1px solid var(--lp-line)}
.landing .soft:hover,.landing-secondary:hover{background:#332847}
.landing-body{padding:39px 0 43px;display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(25px,4vw,70px);align-items:center}
.hero-tag{font-weight:750;font-size:10px;letter-spacing:.15em;color:#e2c7ff;background:#49326775;border:1px solid #9767c99c;border-radius:24px;padding:7px 12px;display:inline-flex;align-items:center;gap:8px}
.landing .hero-tag svg{width:17px;height:17px;color:#cb8aff}
.landing-copy h1{font-size:clamp(42px,4.55vw,75px);letter-spacing:-.063em;line-height:.99;margin:18px 0 19px;max-width:670px}
.landing-copy h1 em,.connect-copy h2 em{font-style:normal;color:#c68aff}
.landing-copy h1 em{background:linear-gradient(100deg,#b96bfa 10%,#c4a0ff 60%,#68e7ef);background-clip:text;color:transparent}
.landing-copy>p{max-width:500px;color:#e0d6ed;line-height:1.55;font-size:clamp(15px,1.18vw,19px)}
.landing-actions{margin-top:24px;align-items:stretch;gap:13px;scroll-margin-top:26px}
.landing-download,.landing-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:9px 15px;border-radius:13px;font-size:14px;font-weight:750}
.landing-download{text-align:left}.landing-download small{display:block;font-weight:550;opacity:.8;margin-top:3px;font-size:11px}
.landing-download svg{width:22px!important;height:22px!important}
.landing-copy p.landing-note{font-size:12px;margin-top:10px;color:var(--lp-muted)}
.landing-preview{min-width:0;border:1px solid #8b6bb17a;border-radius:19px;padding:10px;background:linear-gradient(160deg,#26223b,#171626 67%);box-shadow:0 23px 63px #0a0718ab,0 0 65px #7237c326;transform:perspective(1400px) rotateY(-7deg) rotateX(4deg);transform-origin:center center}
.preview-title{height:31px;display:flex;align-items:center;gap:5px;padding:0 8px 6px;font-size:13px}
.preview-title span{margin-left:auto;color:#c9badf;font-size:13px;letter-spacing:.14em}
.preview-layout{display:grid;grid-template-columns:40px minmax(108px,.65fr) minmax(0,1.3fr);gap:7px;min-height:284px}
.preview-rail{padding:9px 2px;display:grid;gap:7px;align-content:start}
.preview-rail i,.preview-composer i{display:grid;place-items:center;width:34px;height:34px;background:#332b48;color:#d4c2f0;border-radius:9px;font-style:normal;font-size:22px}
.preview-rail .preview-rail-active{background:linear-gradient(150deg,#a761fc,#6035d5);color:white}
.preview-rail svg,.preview-composer svg,.preview-chat header svg{width:16px!important;height:16px!important}
.preview-channels,.preview-chat{background:#201e33;border-radius:11px;min-width:0;overflow:hidden}
.preview-channels{display:flex;flex-direction:column;gap:4px;padding:0 8px 8px;font-size:11px;color:#bfb2d3}
.preview-channels>strong{color:#f1eafa;font-size:12px;margin-top:4px}
.preview-channels small{font-size:10px;margin-top:6px}
.preview-channels b,.preview-channels>span{padding:2px 5px}
.preview-channels b{background:#3a3251;border-radius:5px;color:white}
.preview-banner{height:46px;margin:0 -8px;background:linear-gradient(148deg,#46208c,#853ad5 57%,#b662f9);position:relative;overflow:hidden}
.preview-banner::before,.preview-banner::after{content:"";position:absolute;inset:8px -2px 0;background:#29145c9f;clip-path:polygon(0 81%,22% 35%,47% 81%,72% 40%,100% 77%,100% 100%,0 100%)}
.preview-banner::after{background:#160b3dc4;transform:translateY(9px) scale(1.09)}
.preview-channels .preview-voice{color:#8be4bd}.preview-person{display:flex;align-items:center;gap:5px}
.preview-person i,.preview-messages i{display:grid;place-items:center;border-radius:50%;background:#5b417e;color:#f8edff;font-style:normal;font-weight:700}
.preview-person i{width:17px;height:17px;font-size:9px}
.preview-chat{display:flex;flex-direction:column}.preview-chat header{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:#26233b;font-size:13px}
.preview-chat header svg,.preview-composer svg{color:#beabd9}
.preview-messages{flex:1;padding:12px 10px;display:grid;align-content:start;gap:12px;font-size:11px}
.preview-messages>div{display:flex;align-items:center;gap:8px}.preview-messages i{width:29px;height:29px;flex:none;font-size:13px}
.preview-messages p{line-height:1.55}.preview-messages small{color:#b3a4c8;font-size:9px}
.preview-composer{display:flex;align-items:center;gap:6px;margin:0 8px 8px;padding:5px;background:#312b48;color:#c6b9d8;border-radius:8px;font-size:10px}
.preview-composer i{width:19px;height:19px;font-size:15px;background:#514467}.preview-composer svg{margin-left:auto}
.landing-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;scroll-margin-top:20px}
.landing-features article{display:flex;align-items:center;gap:12px;min-height:78px;padding:12px;border:1px solid var(--lp-line);background:linear-gradient(145deg,#29243e,#211d32);border-radius:15px}
.landing-features article>i{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:12px;color:#e0b7ff;background:linear-gradient(150deg,#51377a,#332350)}
.landing-features article svg{width:23px!important;height:23px!important}
.landing-features h2{font-size:14px;margin-bottom:4px}.landing-features p{font-size:12px;color:var(--lp-muted);line-height:1.35}
.landing-connect{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:clamp(25px,5vw,80px);padding:47px 0 40px}
.connect-copy h2,.landing-help h2{font-size:clamp(30px,3.4vw,50px);line-height:1.06;letter-spacing:-.047em;margin:12px 0}
.connect-copy p,.landing-help p{font-size:15px;line-height:1.55;color:#d9cee8;max-width:580px}
.connect-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.connect-pills span{border:1px solid var(--lp-line);background:#282239;border-radius:11px;padding:8px 9px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650}
.connect-pills svg{color:#cca4f9;width:16px!important;height:16px!important}
.connect-art{height:233px;position:relative;max-width:470px;width:100%;margin:auto}
.connect-card{position:absolute;inset:17px 13% 14px 23%;padding:20px 17px;background:linear-gradient(145deg,#3b2a57,#201a35);border:1px solid #8b67b287;border-radius:22px;transform:rotate(11deg);box-shadow:0 16px 38px #0f091fa8}
.connect-card>div{height:15px;background:#63498880;border-radius:7px;margin-bottom:14px}
.connect-card span{display:block;position:relative;width:58%;height:6px;margin:16px 0 20px 39px;border-radius:6px;background:#9a6dd085}
.connect-card span::before{content:"";position:absolute;width:24px;height:24px;left:-34px;top:-8px;border-radius:50%;background:linear-gradient(140deg,#c79bff,#554382)}
.connect-tile{position:absolute;display:grid;place-content:center;justify-items:center;gap:5px;border:1px solid #a263f1;border-radius:17px;background:linear-gradient(140deg,#633797,#292142);box-shadow:0 12px 34px #0b071a80;color:#eddbff}
.connect-phones{left:8%;top:68px;width:99px;height:101px;transform:rotate(-13deg)}
.connect-game{right:9%;bottom:17px;width:79px;height:72px;transform:rotate(13deg);border-color:#8864ce}
.connect-tile svg{width:38px!important;height:38px!important;stroke-width:2!important}.connect-game svg{width:34px!important;height:34px!important}
.connect-phones div{display:flex;align-items:center;gap:3px;height:19px}.connect-phones i{width:4px;height:8px;background:#b884fd;border-radius:4px}
.connect-phones i:nth-child(2n){height:15px;background:#59d7ef}.connect-phones i:nth-child(3){height:19px}
.landing-help{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--lp-line);border-radius:17px;background:#221d35}
.landing-help h2{font-size:clamp(24px,2.4vw,35px)}
.landing-help button{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:11px 13px}
.landing-footer{display:flex;align-items:center;justify-content:space-between;padding:21px 0;color:var(--lp-muted);font-size:12px}
.landing-footer .landing-brand{font-size:21px}
@media(max-width:1050px){.landing-nav,.landing-body,.landing-features,.landing-connect,.landing-help,.landing-footer{width:calc(100% - 44px)}.landing-preview{transform:none}.landing-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.landing-nav{height:auto;min-height:68px;flex-wrap:wrap;gap:5px 12px;padding:12px 0}.landing-nav .landing-brand{font-size:26px}.landing-links{order:3;flex-basis:100%;gap:20px}.landing-body{grid-template-columns:1fr;gap:20px;padding:25px 0 23px}.landing-copy h1{font-size:clamp(38px,8.3vw,65px)}.landing-connect{grid-template-columns:1fr;gap:10px;padding:26px 0}.connect-art{height:200px}.landing-help{align-items:flex-start;flex-direction:column}.landing-access button{padding:8px 9px;font-size:12px}}
@media(max-width:420px){.landing-nav,.landing-body,.landing-features,.landing-connect,.landing-help,.landing-footer{width:calc(100% - 28px)}.landing-nav .landing-brand img{width:32px;height:32px}.landing-features{gap:8px}.landing-features article{gap:7px;padding:7px}.landing-features article>i{width:31px;height:31px}.landing-features h2{font-size:12px}.landing-features p{font-size:10px}.preview-layout{grid-template-columns:28px minmax(85px,.7fr) minmax(0,1fr);gap:4px;min-height:239px}.preview-rail i{width:25px;height:26px}.preview-messages{padding:7px;gap:8px}.preview-messages i{width:21px;height:21px}.preview-messages small{display:none}.preview-channels{font-size:10px}.preview-channels>strong{font-size:10px}}
.auth-page{min-height:100dvh;display:grid;place-items:center;padding:clamp(12px,3vw,38px);background:radial-gradient(ellipse at 14% 46%,#4322746e,transparent 49%),radial-gradient(ellipse at 92% 15%,#4b2a7355,transparent 46%),#141222;color:#f8f3ff}
.auth-layout{width:min(100%,1050px);display:grid;grid-template-columns:.91fr 1.09fr;border:1px solid #554466;border-radius:22px;overflow:hidden;box-shadow:0 24px 75px #0906169c;background:#201b30}
.auth-aside{background:radial-gradient(ellipse at 26% 68%,#693db859,transparent 61%),linear-gradient(150deg,#29213e,#1b1730);padding:24px clamp(18px,3vw,38px);display:flex;flex-direction:column;justify-content:center;gap:24px;border-right:1px solid #473954}
.auth-aside-top{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px}.auth-back{color:#d7c6ea;background:transparent;font-size:12px;padding:6px 0}.auth-back:hover{text-decoration:underline}
.auth-aside h2{font-size:clamp(29px,3.7vw,52px);letter-spacing:-.055em;line-height:1.02;margin:13px 0 11px}.auth-aside h2 em{font-style:normal;color:#c68aff}
.auth-aside-copy p,.auth-card-heading p{color:#cfc1df;font-size:14px;line-height:1.5}
.auth-illustration{min-height:136px;display:grid;align-content:center;gap:7px}.auth-room-card,.auth-chat-card{border:1px solid #7656a17d;background:#2e2546;border-radius:13px;box-shadow:0 12px 24px #120c2e77}
.auth-room-card{display:flex;align-items:center;gap:9px;padding:10px;transform:rotate(-3deg);font-size:12px}.auth-room-card small{display:flex;align-items:center;gap:5px;color:#9fe4c3;margin-top:3px;font-size:10px}.auth-room-card small i{width:6px;height:6px;border-radius:50%;background:#8ae0b7}
.auth-room-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:9px;background:linear-gradient(145deg,#a263ff,#5a39a1);color:white}.auth-room-people{margin-left:auto;display:flex;padding-left:5px}.auth-room-people b{display:grid;place-items:center;width:24px;height:24px;margin-left:-4px;border:2px solid #2e2546;border-radius:50%;background:#5a4287;font-size:9px}.auth-room-people b:nth-child(2){background:#2e5e80}.auth-room-people b:nth-child(3){background:#80516d}
.auth-chat-card{width:72%;justify-self:end;transform:rotate(3deg);padding:9px 12px;font-size:12px;color:#c5aedf}.auth-chat-card p{color:#efe7f8;margin-top:3px}.auth-chat-card p span{float:right}
.auth-card{padding:clamp(17px,3vw,36px);background:linear-gradient(155deg,#292239,#211c31 67%);min-width:0}.auth-card-heading{margin-bottom:17px}.auth-eyebrow{color:#d2a2ff;font-size:10px;letter-spacing:.15em;font-weight:750}.auth-card h1{font-size:clamp(25px,3vw,36px);line-height:1.1;letter-spacing:-.04em;margin:5px 0 6px}
.auth-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.auth-form-grid>.field{min-width:0}.auth-page:not([data-mode=register]) .auth-form-grid{grid-template-columns:1fr}.auth-card .field{margin-bottom:9px;align-content:start}.auth-card .field small{display:block;color:#c6b7d6;font-size:11px;line-height:1.35;margin-top:3px}.auth-card .field input{width:100%;min-width:0;background:#211b2e;border-color:#514461}.auth-card .field input::placeholder{color:#a79bb5}
.password-field{display:flex;align-items:center;position:relative}.password-field input{padding-right:61px}.password-field input::-ms-reveal,.password-field input::-ms-clear{display:none}.auth-reveal{position:absolute;right:4px;font-size:11px;padding:5px;background:#3a2e50;color:#e8d5ff}.auth-reveal:hover{background:#503d6a}
.auth-invite-field{border:1px solid #825ba570;border-radius:10px;background:#3b2b4f73;padding:8px 9px}
.auth-optional{margin:0 0 8px;color:#d6baf2;font-size:12px}.auth-optional summary{cursor:pointer;padding:3px 0}.auth-optional .field{margin-top:5px}
.auth-submit{min-height:39px;color:#190d2b;background:linear-gradient(125deg,#d6b4ff,#b081f6);border:1px solid #d7afff80}
.auth-submit:hover{background:linear-gradient(125deg,#e4cbff,#bd94ff)}
.auth-card .error:empty{display:none}.auth-card .error{margin:4px 0 7px}.auth-card input[aria-invalid=true]{border-color:#ee9bab}
.auth-divider{display:flex;align-items:center;gap:8px;color:#afa2c3;margin:12px 0 8px;font-size:12px}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#574767;flex:1}
.auth-providers{display:grid;gap:6px}.auth-providers button{margin:0;border:1px solid #564465;background:#302640;color:#f3eaff;min-height:34px}.auth-providers button:hover:not(:disabled){background:#45345a}
.auth-invite-desktop{display:grid;gap:8px;margin-bottom:16px}
.auth-invite-desktop a{display:block;text-align:center;text-decoration:none}
.auth-invite-desktop .primary{border-radius:8px;font-weight:650}
.auth-switch{display:block;margin:9px auto 0;color:#dbbfff;background:transparent;font-size:12px;padding:6px}.auth-switch:hover{text-decoration:underline}.auth-note{color:#c7b7d8;font-size:11px;line-height:1.4;text-align:center;margin:0}
@media(max-width:720px){.auth-layout{grid-template-columns:1fr}.auth-aside{padding:12px 16px;border-right:0;border-bottom:1px solid #473954}.auth-aside-copy,.auth-illustration{display:none}.auth-card{padding:17px}.auth-brand img{width:32px;height:32px}}
@media(max-width:410px){.auth-form-grid{grid-template-columns:1fr}.auth-card{padding:14px}}
.notification-badge{position:absolute;right:-3px;top:-3px;background:#b44768;color:#fff;border-radius:20px;font-size:9px;padding:2px 4px;line-height:1}.social-pane{height:100%;overflow:auto;padding:24px min(5vw,46px)}.social-heading h2{font-size:29px;margin-top:3px}.social-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0;border-bottom:1px solid var(--edge);padding-bottom:8px}.social-tabs button{background:transparent;color:var(--muted);padding:8px 10px}.social-tabs button[aria-pressed=true]{color:#f1e9ff;background:#47385d}.social-content{display:grid;gap:9px;max-width:720px}.social-search{display:flex;gap:8px;margin-bottom:7px}.social-item{display:flex;align-items:center;gap:9px;padding:10px;background:#2c2c35;border:1px solid #3a3a46;border-radius:9px}.social-item>div:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}.social-item small{display:block;color:var(--muted);margin-top:2px}.social-item.unread{border-left:3px solid #c9b5ff}.social-empty{color:var(--muted);padding:14px 0;font-size:14px}.social-actions{display:flex;gap:5px;flex-wrap:wrap}.social-actions button{font-size:11px;min-height:30px}
.composer{display:block;position:relative;padding:8px 20px 15px}.composer-row{display:flex;align-items:center;gap:7px;background:#30313a;border:1px solid #41424c;border-radius:10px;padding:5px 6px}.composer-row #message{background:transparent;border:0;flex:1}.composer-icon{color:#bfc0cd;background:transparent;padding:5px 6px;flex:none;font-size:19px}.composer-icon:hover{background:#454552;color:#fff}.composer-icon.gif-button{font-size:10px;letter-spacing:.04em}.composer-draft{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.draft-chip{padding:4px 7px;background:#3c364d;border-radius:7px;font-size:11px;display:flex;gap:5px;align-items:center}.draft-chip button{background:transparent;color:inherit;padding:0 3px}.composer-popover{position:absolute;z-index:5;right:19px;bottom:calc(100% - 4px);width:min(330px,90vw);background:#282632;border:1px solid #52465e;border-radius:12px;padding:11px;box-shadow:0 12px 25px #0008}.emoji-grid,.gif-grid{display:grid;gap:6px;margin-top:7px}.emoji-grid{grid-template-columns:repeat(6,1fr)}.gif-grid{grid-template-columns:repeat(3,1fr)}.emoji-grid button,.gif-grid button{background:#383245;color:inherit;padding:4px}.emoji-grid button{font-size:20px}.gif-grid img{display:block;width:100%;border-radius:6px}.gif-grid span{font-size:10px}.message-gif,.attachment-image{display:block;max-width:min(260px,100%);max-height:210px;border-radius:8px;margin-top:5px;object-fit:contain;background:#202027}.attachment-card{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:430px;padding:5px 7px;background:#31313a;border:1px solid #42434d;border-radius:7px;font-size:12px}.attachment-card strong{min-width:0;overflow-wrap:anywhere}.attachment-card small{color:var(--muted)}.attachment-card button{min-height:25px;padding:4px 6px;font-size:11px}
@media(max-width:720px){.composer{padding-left:7px;padding-right:7px}.composer-row{gap:3px}.composer-row #message{padding-inline:3px}.composer-icon{padding:3px}}
.auth-card .full{width:100%}
.desktop-login{margin-bottom:7px}.desktop-link{display:inline-flex;align-items:center;margin:3px 5px 3px 0;border-radius:8px;text-decoration:none;font-weight:650}

.participant-identity{min-width:0;flex:1;display:grid;justify-items:start}
.participant-name{max-width:100%}
.participant-indicators{flex:none;margin-left:0}
.participant-indicators>span{display:grid;place-items:center;width:14px;height:16px}
.participant-more{flex:none;width:18px}
.tag-copy{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;color:#c6b8ec;font-size:11px;font-weight:600;line-height:1.3;padding:0;text-align:left}
.tag-copy:hover,.tag-copy:focus-visible{color:#f4eeff;text-decoration:underline}
.tag-copy[hidden]{display:none}

main{position:relative}
.notification-toggle{position:absolute;top:calc((var(--workspace-header-height) - 39px)/2);right:13px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #484154;border-radius:12px;background:#302b3d;color:#e1d7f7;z-index:2}
.notification-toggle:hover,.notification-toggle[aria-pressed=true]{background:#4b3275;border-color:#8b5cf6;color:#fff}
.notification-toggle svg{width:19px;height:19px}
.notification-toggle .notification-badge{top:-4px;right:-4px;min-width:15px;min-height:15px;display:grid;place-items:center}
main:has(.notification-toggle:not([hidden])) .topbar{padding-right:64px}
.rail-button[aria-pressed=true]{background:#47386e;color:#eee8ff}
.notifications-pane .social-heading{padding-right:38px;margin-bottom:20px}
.notifications-pane .social-heading>p:last-child{color:var(--muted);font-size:13px;margin-top:6px}
.notifications-pane #notifications-content>button{justify-self:start}


.settings{width:min(1100px,calc(100vw - 32px));max-width:none;height:min(760px,calc(100dvh - 32px));max-height:none;padding:0;border:1px solid #454050;border-radius:16px;background:#232229;overflow:hidden}
.settings::backdrop{background:#0c0a13c7}
.settings-layout{height:100%;display:grid;grid-template-columns:228px minmax(0,1fr)}
.settings-nav{padding:22px 13px;background:#1c1b22;border-right:1px solid #342f3d;overflow:auto}
.settings-person{display:flex;align-items:center;gap:11px;margin:0 6px 24px}
.settings-person>div{min-width:0}.settings-person strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-nav nav{display:grid;gap:5px}
.settings-nav nav button{background:transparent;color:#bdb6cb;text-align:left;padding:10px 12px}
.settings-nav nav button:hover,.settings-nav nav button[aria-pressed=true]{background:#403357;color:#f7efff}
.settings-body{min-width:0;display:flex;flex-direction:column;overflow:hidden}
.settings-body>header{display:flex;align-items:center;justify-content:space-between;padding:12px 19px;border-bottom:1px solid #37323f;flex:none}
.settings-body>header h2{font-size:16px}.settings-body>header button{font-size:24px}
.settings-content{padding:24px clamp(16px,4vw,48px);overflow:auto}
.settings-content>section{max-width:760px;margin:0 auto}
.settings-content h3{font-size:22px;margin:0 0 7px}.settings-content p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 17px}
.settings-content p[role=status]{margin:12px 0 0}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px}
.settings-grid .field{min-width:0}.settings-grid input[type=range]{accent-color:#a58aff;padding:0;width:100%}
.settings-grid output{color:#c8b5fa}.settings-test{display:flex;align-items:center;gap:13px;margin:12px 0}
.settings-test meter{flex:1;min-width:28px;height:23px;accent-color:#a58aff}
.settings-divider{border-top:1px solid #43394d;margin:23px 0}
.settings-content .field select,.settings-content .field input{width:100%}
@media(max-width:620px){.settings{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.settings-layout{grid-template-columns:111px minmax(0,1fr)}.settings-nav{padding:13px 5px}.settings-nav nav button{padding:9px 6px;font-size:12px}.settings-person{margin:0 2px 17px;align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}.settings-test{flex-wrap:wrap}.settings-content{padding:14px 12px}}

.connect-copy h2 em{white-space:nowrap}
.landing-faq{width:min(1370px,calc(100% - 80px));margin:12px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.landing-faq details{padding:11px 14px;border:1px solid var(--lp-line);border-radius:12px;background:#201c31}
.landing-faq summary{cursor:pointer;font-size:13px;font-weight:700}.landing-faq p{margin-top:7px;color:var(--lp-muted);font-size:13px;line-height:1.5}
@media(max-width:1050px){.landing-faq{width:calc(100% - 44px)}}
@media(max-width:600px){.landing-faq{grid-template-columns:1fr}}
@media(max-width:420px){.landing-faq{width:calc(100% - 28px)}}

.direct-thread .avatar{width:27px;height:27px;font-size:11px}
.direct-thread>span:last-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#direct-list .social-empty{padding:9px 7px;font-size:12px}
.friend-chat-link{background:none;color:#f2eafa;padding:0;text-align:left;max-width:100%;overflow-wrap:anywhere}
.friend-chat-link:hover{text-decoration:underline}
.message{position:relative}
.message-reference{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0;margin:4px 0 5px;padding:4px 7px;border-left:2px solid #ae8ae4;border-radius:4px;background:#302b3f;color:#ccc1df;text-align:left;font-size:11px}
.message-reference strong{flex:none}.message-reference span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message .message-deleted{font-style:italic;color:var(--muted)}
.message:focus{outline:1px solid #a180db;outline-offset:-1px}
.reply-draft{max-width:100%;border-left:2px solid #bd96f1;overflow-wrap:anywhere}
#composer-popover:has(.attachment-menu){left:0;right:auto;width:min(242px,100%)}
.attachment-menu{display:grid;gap:4px;margin-top:7px}
.attachment-menu button{text-align:left;font-size:12px;padding:7px 8px}

.message>div:not(.message-actions){min-width:0}

.group-icon{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.group-heading>div:first-child{flex:1}
.return-call{width:100%;margin-top:8px;padding:6px;font-size:11px}
.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-header-actions>button{padding:7px 10px;font-size:12px}
.incoming-call{position:absolute;z-index:5;top:12px;right:60px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:9px 12px;border:1px solid #76609b;background:#302743;border-radius:10px;max-width:calc(100% - 70px)}
.incoming-call button{padding:6px 9px;font-size:12px}
.chat-permission-note{padding:10px 18px;color:var(--muted);font-size:12px}


 .rail-button:has(.group-icon){padding:0;overflow:hidden}

.server-settings{width:min(1230px,calc(100vw - 30px));height:min(820px,calc(100dvh - 30px))}
.server-settings #server-settings-nav>span{color:#9f95b3;font-size:9px;font-weight:750;letter-spacing:.12em;margin:13px 9px 2px}
.server-settings .settings-person small{color:var(--muted);font-size:11px}
.server-settings-content .server-settings-section{max-width:900px}
.server-settings-content .server-intro{color:var(--muted);font-size:13px;line-height:1.55;margin:6px 0 18px}
.server-profile-layout,.server-access-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.54fr);gap:18px;align-items:start}
.server-access-layout{grid-template-columns:minmax(140px,.43fr) minmax(0,1fr)}
.server-profile-preview{overflow:hidden;border-radius:15px;border:1px solid #4a3c5a;background:#2c2836}
.server-preview-banner{height:104px;background:radial-gradient(ellipse at 75% 90%,#8b61c9,transparent 85%),linear-gradient(135deg,#362052,#503b73)}
.server-preview-body{padding:0 14px 13px;display:grid;justify-items:start;gap:4px}.server-preview-body .avatar{margin-top:-23px;width:48px;height:48px;border-radius:13px;font-size:19px;box-shadow:0 0 0 3px #2c2836}
.server-preview-body strong{overflow-wrap:anywhere}.server-preview-body small{color:var(--muted);font-size:11px}
.server-access-list,.server-access-editor{background:#28252f;border:1px solid #3f374a;border-radius:12px;padding:10px;min-width:0}
.server-access-list,.server-member-list{display:grid;gap:6px}.server-member-list{max-height:45vh;overflow:auto}
.server-access-item{display:flex;align-items:center;gap:7px;text-align:left;padding:7px;font-size:12px;overflow-wrap:anywhere}
.server-access-item[aria-pressed=true]{background:#493860;color:#fff}.server-access-item .avatar{width:24px;height:24px;font-size:10px}
.server-role-badge{display:inline-flex;align-items:center;gap:6px;color:#efe7fc;font-size:12px;overflow-wrap:anywhere}
.server-role-badge::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--role-color,#a78bfa)}
.server-role-option{display:flex;gap:8px;align-items:center;padding:5px 0}.server-role-option input,.server-permission-row input[type=checkbox]{width:16px;height:16px;accent-color:#c9bcff}
.server-permission-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #423b4b}
.server-permission-row strong,.server-settings-form>strong{font-size:13px}.server-permission-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4}
.server-permission-row select{width:auto;flex:none;font-size:12px;padding:5px 7px}
.server-settings-form h4{margin:0 0 10px}.server-settings-form>strong{display:block;margin-top:10px}
.server-form-actions{margin-top:13px}.server-settings-content .server-form-result,.server-settings-content .server-access-summary{margin:8px 0;color:#cdbbe8;font-size:12px}
@media(max-width:760px){.server-profile-layout,.server-access-layout{grid-template-columns:1fr}.server-member-list{max-height:170px}}
@media(max-width:620px){.server-settings{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.server-settings #server-settings-nav>span{margin-left:4px;font-size:8px}}

.server-settings-feedback{padding:10px 16px;margin:0;color:#e4d4ff;background:#3a2d4d;border-top:1px solid #554467;font-size:12px}
.server-member-summary{min-width:0;display:grid;gap:3px}.server-member-summary small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

body.public-page{display:block;background:#17151e}
.public-page .landing-access a,.public-page #landing-login,.public-page .landing-download{border-radius:12px;text-decoration:none;font-weight:750}
.public-page .landing-access a{padding:12px 16px;font-size:14px;white-space:nowrap}
.public-page #landing-login{display:inline-flex;align-items:center;gap:8px}
.public-page .auth-back,.public-page .auth-switch{text-decoration:none}
.public-page .auth-switch{text-align:center}
.public-page :is(.auth-back,.auth-switch):hover{text-decoration:underline}
@media(max-width:760px){.public-page .landing-access a{padding:8px 9px;font-size:12px}}

/* The exported shell uses the same grid as the legacy workspace. */
.workspace-page > #__next,.voxy-shell{display:contents}
.workspace-page:not([data-view=app]) .voxy-shell > :is(.rail,.sidebar,main){display:none}
.workspace-content{display:flex;flex:1;min-height:0;min-width:0;position:relative}
.conversation-column{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}
.chat-header-actions .members-toggle{padding:0}
.members-toggle[aria-expanded=true]{color:#e8dcff;background:#44395d}
.member-directory{display:flex;flex-direction:column;flex:0 0 244px;min-height:0;width:244px;padding:15px 12px 8px;background:#1c1d23;border-left:1px solid #34343e}
.member-directory-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 1px 12px}
.member-directory-heading h2{font-size:17px;margin-top:3px}
.member-directory-heading .eyebrow{color:#b6a1da}
.member-directory-heading button{font-size:22px}
.member-search{display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid #3d3c49;border-radius:9px;background:#16171c;color:#ac9dbc}
.member-search:focus-within{border-color:#ad96e1}
.member-search svg{width:15px;height:15px}
.member-search input{background:transparent;border:0;padding:8px 0;font-size:12px;outline:none}
.member-search input::placeholder{color:#9e9aac}
.members-status{font-size:11px;color:var(--muted);min-height:16px;margin:10px 2px 4px}
.members-retry{align-self:flex-start;margin-bottom:8px}
.members-results{overflow-y:auto;scrollbar-width:thin;min-height:0}
.directory-section{margin:9px 0 15px}
.directory-section h3{font-size:11px;font-weight:650;color:#a8a3b5;margin:0 4px 4px}
.directory-section ul{padding:0;margin:0;list-style:none}
.directory-member{display:flex;align-items:center;gap:9px;padding:6px 4px;min-height:44px;border-radius:8px}
.directory-member:hover{background:#272831}
.directory-avatar{position:relative;flex:none}
.directory-avatar:is(.present,.speaking-room)::after{position:absolute;right:-1px;bottom:-1px;content:"";width:9px;height:9px;background:var(--green);border:2px solid #1c1d23;border-radius:50%}
.directory-avatar .avatar{width:32px;height:32px}
.directory-identity{min-width:0;flex:1}
.directory-name,.directory-meta{display:flex;align-items:center;gap:6px;min-width:0}
.directory-name strong{font-size:13px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.directory-owner{background:#463955;color:#e4ceff;border-radius:4px;font-size:9px;padding:2px 4px}
.directory-meta .tag-copy,.directory-voice,.directory-roles{font-size:10px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.directory-roles{display:block;color:var(--muted);margin-top:2px}
.directory-voice{color:#a2d9b7}
@media(max-width:850px){.member-directory{position:absolute;inset:0 0 0 auto;width:min(244px,100%);z-index:4;box-shadow:-10px 0 24px #0005}}

.chat-tool-results{display:grid;gap:6px;max-height:36vh;overflow:auto}
.chat-tool-results>.soft{text-align:left;overflow-wrap:anywhere}
.chat-message-meta{display:inline-block;font-size:10px;margin-top:4px;color:#b9a9d0}
.chat-code{margin:7px 0;border:1px solid #43404e;border-radius:8px;background:#1b1b22;max-width:100%;overflow:hidden}
.chat-code-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 8px;background:#282634;color:#d6c7ee;font-size:12px}
.chat-code-head .soft{min-height:24px;padding:4px 7px;font-size:11px}
.chat-code pre{white-space:pre;overflow:auto;margin:0;padding:10px;font-size:12px}
.code-token{color:#bba8fc}
.markdown-preview{max-height:54vh;overflow:auto;overflow-wrap:anywhere}
.markdown-preview :is(p,h3,h4,h5,h6){margin:8px 0}
.chat-mention{color:#dfd2ff;background:#493b67;border-radius:4px;padding:0 2px}
.chat-unread-start{border-top:1px solid #f185a3;margin-top:9px;position:relative}
.chat-unread-start::before{content:"Novas mensagens";position:absolute;right:0;top:-8px;background:var(--main);padding-left:5px;color:#ffacc3;font-size:10px}
.channel-unread{margin-left:auto;color:#ebdfff;background:#463967;border-radius:8px;padding:1px 5px;font-size:10px}
.chat-reactions,.screen-controls,.stream-selector{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
.chat-reactions button[aria-pressed=true]{background:#4f3e73;box-shadow:inset 0 0 0 1px #9c81dd}
.chat-reactions .soft,.chat-poll .soft,.screen-controls .soft{min-height:27px;padding:4px 7px;font-size:11px}
.chat-poll{display:grid;gap:5px;max-width:350px;margin:7px 0;background:#292831;border:1px solid #43404e;border-radius:8px;padding:9px}
.chat-poll small,.screen-quality{color:var(--muted);font-size:11px}
.chat-poll-choice{display:flex;align-items:center;gap:6px;padding:5px;background:#34313f;border-radius:5px}
.chat-poll-choice input{width:auto;accent-color:#c8b7ff}
.chat-poll-choice span{flex:1}
.moderation-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 0}
.moderation-row strong{flex:1;min-width:100px}
.screen-controls [aria-pressed=true]{background:#49303a;color:#ffc0c8}
.stream-selector{display:grid;font-size:12px;color:var(--muted)}
.stream-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 8px 5px 11px;background:#292832;border:1px solid #3c3949;border-radius:8px}
.stream-entry span{min-width:0;overflow-wrap:anywhere}
.stream-entry button{flex:none;min-height:28px;padding:5px 8px;font-size:11px}
.screen-controls{padding:0 8px 7px;font-size:11px}
.screen-controls input{width:85px;padding:0;margin-left:5px;vertical-align:middle}
.field textarea{font:inherit;width:100%;resize:vertical;border:1px solid #474656;border-radius:8px;background:#292831;color:#f5f1ff;padding:8px}
.account-button[data-presence]{position:relative}
.account-button[data-presence]:where(:not([data-presence=""]))::after{content:"";width:10px;height:10px;position:absolute;bottom:0;right:0;border:2px solid var(--side);border-radius:50%;background:var(--green)}
.account-button[data-presence="away"]::after,.directory-avatar.present[data-presence="away"]::after{background:#f4bb65}
.account-button[data-presence="dnd"]::after,.directory-avatar.present[data-presence="dnd"]::after{background:#ee697a}
.account-button[data-presence="invisible"]::after{background:#9295a2}
#settings-presence{max-width:280px}

.composer-row textarea{font:inherit;width:100%;min-width:0;resize:none;field-sizing:content;max-height:8em;background:transparent;color:#f1f2f7;border:0;padding:9px 7px;outline:none}
.composer-row textarea::placeholder{color:#9a98a8}

.mention-suggestions{position:absolute;bottom:100%;left:10px;right:10px;z-index:8;display:grid;max-height:min(250px,38vh);overflow:auto;padding:6px;border:1px solid #514762;border-radius:10px;background:#252131;box-shadow:0 10px 28px #0007}
.mention-option{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:8px 10px;color:#eee8f8;background:transparent}
.mention-option small{font-size:11px;color:#c6addf}
.mention-option:is(:hover,[aria-selected=true]){background:#453657}

.message{position:relative;border-radius:8px;padding-inline:7px}
.message:is(:hover,:focus-within){background:#292930}
.message .message-actions{position:absolute;top:-12px;right:8px;z-index:2;display:flex;align-items:center;gap:1px;padding:2px;background:#24242b;border:1px solid #41414c;border-radius:8px;box-shadow:0 3px 10px #0004;opacity:0;pointer-events:none}
.message:is(:hover,:focus-within) .message-actions{opacity:1;pointer-events:auto}
.message-quick-reactions{display:flex;align-items:center;gap:1px;border-right:1px solid #3e3e48;padding-right:3px;margin-right:2px}
.message-tool{display:grid;place-items:center;width:29px;height:27px;padding:0;border-radius:5px;color:#c5c4d0;background:transparent}
.message-tool svg{width:16px;height:16px}
.message-tool:hover,.message-tool[aria-pressed=true]{background:#3e394b;color:#fff}
.message-tool.message-delete-tool:hover{background:#563541;color:#ffc3ca}
.message-tool.message-quick-reaction{font-size:14px}
@media(pointer:coarse),(max-width:600px){
  .message{display:grid;grid-template-columns:auto minmax(0,1fr)}
  .message .message-actions{position:static;grid-column:2;justify-self:start;opacity:1;pointer-events:auto;box-shadow:none;max-width:100%;flex-wrap:wrap}
}
.participant[draggable=true]{cursor:grab}
.participant[draggable=true]:active{cursor:grabbing}
.channel.voice.voice-drop-target{background:#3b3159;box-shadow:inset 0 0 0 1px #c8b7ff;color:#f0e9ff}
.message .message-actions:has([aria-expanded=true]){opacity:1;pointer-events:auto}
.message-tool[aria-expanded=true]{background:#3e394b;color:#fff}
.message-menu{position:fixed;z-index:30;width:min(224px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:7px;background:#22232b;color:#e9e7f1;border:1px solid #41424f;border-radius:10px;box-shadow:0 10px 25px #0008}
.message-menu-heading{padding:3px 5px 5px;color:#aaa8ba;font-size:11px;font-weight:650}
.message-menu-reactions{display:flex;justify-content:space-between;gap:2px}
.message-menu-emoji{flex:1;min-width:0;height:30px;padding:0;background:transparent;color:inherit;font-size:15px}
.message-menu-emoji:is(:hover,:focus-visible,[aria-pressed=true]),.message-menu-item:is(:hover,:focus-visible){background:#3c354d;color:#fff}
.message-menu-actions{display:grid;gap:1px;border-top:1px solid #3a3b46;margin-top:5px;padding-top:5px}
.message-menu-item{display:flex;align-items:center;gap:9px;padding:7px 6px;background:transparent;color:inherit;text-align:left;font-size:12px}
.message-menu-item svg{width:15px;height:15px;color:#b9b5ca}
.message-menu-danger,.message-menu-danger svg{color:#ffaab9}
.message-menu-danger:is(:hover,:focus-visible){background:#51303c;color:#ffd5dc}
.participant[draggable=true] .participant-name,.participant[draggable=true] .avatar{user-select:none}

.draft-image{display:block;width:42px;height:42px;border-radius:6px;object-fit:cover;background:#24212c}
.image-attachment{max-width:100%;margin-top:7px}
.attachment-preview{display:grid;place-items:center;width:min(320px,100%);height:clamp(112px,24vh,192px);padding:0;overflow:hidden;border:1px solid #484254;border-radius:10px;background:#17171e;color:var(--muted);cursor:zoom-in}
.attachment-preview img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.attachment-preview:hover:not(:disabled){border-color:var(--violet)}
.image-attachment .attachment-card{background:none;border:none;padding:0;margin-top:4px}
.image-viewer{width:min(1100px,95vw);max-width:none;height:min(760px,91dvh);max-height:none;padding:0;overflow:hidden;background:#18181f;border-color:#4b4259}
.image-viewer[open]{display:flex;flex-direction:column}
.image-viewer::backdrop{background:#0b0a11df}
.image-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;background:#23212d;border-bottom:1px solid #3f394b}
.image-viewer-header h2{font-size:14px;min-width:0;overflow-wrap:anywhere}
.image-viewer-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.image-viewer-controls .soft{min-height:29px;padding:5px 9px;border-radius:7px;text-decoration:none}
.image-viewer-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;background:#141419}
.image-viewer-viewport.zoomed img{cursor:grab}
.image-viewer-viewport.zoomed img:active{cursor:grabbing}
.image-viewer-stage{display:grid;place-items:center;width:max-content;min-width:100%;min-height:100%}
.image-viewer-stage img{display:block;height:auto;max-width:none;user-select:none}

.video-attachment{max-width:100%;margin-top:7px}
.video-attachment .attachment-card{background:none;border:none;padding:0;margin-top:4px}
.chat-video{width:min(360px,100%)}
.chat-video-player{position:relative;display:grid;place-items:center;min-width:0;background:#141419;border:1px solid #484254;border-radius:10px;overflow:hidden}
.chat-video-player video{display:block;width:100%;max-height:230px;aspect-ratio:16/9;object-fit:contain}
.chat-video-poster{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;padding:0;background:#211d2b;color:#f1eafa}
.chat-video-poster img{position:absolute;width:100%;height:100%;object-fit:contain}
.chat-video-poster span{position:relative;padding:7px 10px;border-radius:7px;background:#21182bea}
.chat-video-poster:hover span{background:#47345c}
.chat-video>.soft{margin-top:5px;min-height:28px;padding:5px 8px;font-size:11px}
.chat-video-player .chat-video-status{margin:0;padding:6px 10px;font-size:12px;color:var(--muted)}
.video-viewer .chat-video-player{flex:1;min-height:0;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto}
.video-viewer .chat-video-player video,.video-viewer .chat-video-poster{width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto}

#settings-voice input[type=range]{appearance:none;display:block;width:100%;height:20px;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:linear-gradient(to right,#b6a0ff 0 var(--voice-fill,0%),#494650 var(--voice-fill,0%) 100%) center/100% 5px no-repeat}
#settings-voice input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border:2px solid #252230;border-radius:50%;background:#eee6ff;cursor:pointer}
#settings-voice input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #252230;border-radius:50%;background:#eee6ff;cursor:pointer}
#settings-voice output{color:#c8b5fa;font-variant-numeric:tabular-nums}
.settings-audio-options,.settings-audio-options label{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.settings-audio-options{margin:10px 0;column-gap:18px;font-size:13px}
.settings-audio-options input{width:15px;height:15px;accent-color:#b6a0ff}
.settings-meter-track{flex:1;min-width:70px;position:relative;display:flex;align-items:center}
.settings-meter-track meter{width:100%}
.settings-meter-marker{display:none;position:absolute;inset-block:3px;left:var(--threshold);width:2px;background:#f2bd79;pointer-events:none}
.settings-meter-track.show-threshold .settings-meter-marker{display:block}
.settings-meter-track.above-threshold .settings-meter-marker{background:#92efb6}
#settings-input-level{min-width:66px;font-size:12px}

.notice-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:5px}
.notice-filter{width:auto;max-width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--edge);border-radius:8px;background:#2c2c35;color:inherit;font:inherit}
.notice-count{color:var(--muted);font-size:12px;margin-inline-end:auto}
.notice-item{min-height:56px}
.notice-item .notice-copy{flex:1;min-width:0;overflow-wrap:anywhere}
.notice-item input[type=checkbox]{width:16px;height:16px;flex:none;accent-color:#bb9dff}
.notice-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.notice-delete{background:transparent;color:var(--muted);font-size:12px}
.notice-delete:hover{background:#472a39;color:#ffc4d4}
.notice-drop{border:1px dashed #bd9aff;border-radius:9px;padding:12px;text-align:center;color:#dbc9ff;background:#342746}
.direct-thread .direct-unread{flex:none;margin-inline-start:auto;padding:2px 6px;border-radius:20px;background:#6840a0;color:#fff;font-size:10px}
@media(max-width:520px){.notice-item{flex-wrap:wrap}.notice-actions{margin-inline-start:auto}}

#direct-inbox.has-unread{background:#5b3c8a;color:#fff;box-shadow:inset 0 0 0 1px #ab82ed}
#direct-inbox.has-unread:hover{background:#6a49a0}
.direct-inbox-badge{position:absolute;right:-4px;bottom:-4px;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--rail);border-radius:10px;background:#c32c4e;color:white;font-size:10px;line-height:14px;text-align:center;letter-spacing:0}

.member-profile-trigger{min-width:0;max-width:100%;padding:0;background:transparent;color:inherit;text-align:left;font:inherit}
.member-profile-trigger:hover{background:transparent;text-decoration:underline}
.member-profile-trigger.directory-member-name{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-profile-trigger.message-author{font-size:14px;font-weight:700}
.member-avatar-trigger{cursor:pointer}

.settings-check{display:flex;align-items:center;gap:9px;line-height:1.45;margin:10px 0}
.settings-check input{width:16px;height:16px;flex:none;accent-color:#b68cf5}

.workspace-loading{display:none}
.workspace-page[data-view=loading] .workspace-loading{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;background:#18161f;color:#cbc2de;font-size:14px}

.contact-presence{position:relative;display:inline-flex;flex:none}
.contact-presence::after,.direct-peer-status::before{content:"";background:#9295a2;border-radius:50%;width:10px;height:10px;flex:none}
.contact-presence::after{position:absolute;bottom:-1px;right:-1px;border:2px solid var(--side)}
.contact-presence[data-presence=online]::after,.direct-peer-status[data-presence=online]::before{background:var(--green)}
.contact-presence[data-presence=away]::after,.direct-peer-status[data-presence=away]::before{background:#f4bb65}
.contact-presence[data-presence=dnd]::after,.direct-peer-status[data-presence=dnd]::before{background:#ee697a}
.direct-peer-status{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:12px;color:var(--muted);font-weight:400}

.platform-panel{width:min(1160px,96vw);height:min(850px,94dvh);max-width:none;padding:0;overflow:hidden;background:#1c1c24;color:inherit;border:1px solid #494052;border-radius:17px}
.platform-panel::backdrop{background:#0a0811cf}
.platform-frame{display:flex;flex-direction:column;height:100%;min-height:0}
.platform-header{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--edge);background:#23212e;gap:15px}
.platform-header h2{font-size:24px;margin:3px 0}.platform-header .icon-button{font-size:23px}
.platform-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:14px 26px 0}
.platform-tabs [aria-pressed=true]{background:#bda0ef;color:#221832}
.platform-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px 26px 0}
.platform-toolbar input{flex:1;min-width:160px}.platform-toolbar select{width:auto;max-width:100%}
.platform-status{color:#c9b5ec;padding:8px 26px;min-height:34px;font-size:13px}
.platform-content{flex:1;min-height:0;overflow:auto;padding:0 26px 20px;display:grid;align-content:start;gap:12px;scrollbar-width:thin}
.platform-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}
.platform-stat{display:grid;gap:8px;padding:22px;border:1px solid #44394f;border-radius:12px;background:linear-gradient(135deg,#31263f,#25232f)}
.platform-stat strong{font-size:34px;color:#d8b7ff}.platform-stat span{font-size:13px;color:var(--muted)}
.platform-card{padding:16px 18px;background:#282631;border:1px solid #403c4b;border-radius:11px;display:grid;gap:8px}
.platform-card h3{font-size:16px;margin:0}.platform-card small{color:var(--muted)}
.platform-card-heading{display:flex;gap:10px;align-items:center}.platform-card-heading>div{flex:1;min-width:0;overflow-wrap:anywhere}
.platform-pill{font-size:11px;padding:4px 8px;background:#383141;border-radius:15px}.danger-text{color:#ffadbb}
.platform-id{color:#c3b8d3;font-size:11px;overflow-wrap:anywhere;white-space:pre-wrap}
.platform-decision summary,.platform-card details>summary{cursor:pointer;padding:7px 0;color:#d6bbff}
.platform-action-form,.platform-review-form{display:grid;gap:9px;padding:12px 0}
.platform-action-form>button,.platform-review-form>button{justify-self:start}
.platform-action-form textarea,.platform-review-form textarea{width:100%;border:1px solid #51465c;border-radius:8px;background:#201e29;color:inherit;padding:9px;resize:vertical;font:inherit}
.platform-evidence{background:#1b1924;border-left:3px solid #ba8af6;border-radius:6px;padding:12px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.platform-evidence p{margin:5px 0}
.platform-pagination{display:flex;justify-content:center;gap:14px;align-items:center;padding:12px;border-top:1px solid var(--edge);font-size:12px}
.group-report{font-size:10px;background:transparent;color:var(--muted);padding:2px 4px;max-width:70px}
@media(max-width:620px){.platform-header{padding:14px}.platform-header h2{font-size:20px}.platform-tabs,.platform-toolbar{padding-left:14px;padding-right:14px}.platform-content{padding-left:14px;padding-right:14px}}

.moderation-warning{display:flex;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid #826432;background:#43351f;color:#f8e5bc;z-index:3}
.moderation-warning>div{flex:1}.moderation-warning p{font-size:13px;margin-top:4px;white-space:pre-wrap}