:root{--rail: #1a1b1e;--side: #232428;--side-2: #2b2d31;--main: #313338;--input: #383a40;--hover: #35373c;--active: #404249;--line: #3f4147;--text: #dbdee1;--text-2: #b5bac1;--muted: #80848e;--white: #f2f3f5;--accent: #5865f2;--accent-2: #4752c4;--green: #23a559;--red: #da373c;--yellow: #f0b232;--pink: #eb459e;--radius: 8px;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:gg sans,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--main);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.login-wrap{height:100%;display:grid;place-items:center;background:radial-gradient(1200px 600px at 20% 10%,#3b4bd8,#1a1b1e 60%),var(--rail);padding:20px}.login-card{width:100%;max-width:420px;background:var(--side-2);border-radius:12px;padding:28px;box-shadow:0 20px 60px #00000080}.brand-logo{display:block;width:150px;margin:0 auto 18px;border-radius:12px}.login-card h1{font-size:22px;margin-bottom:4px;color:var(--white)}.login-card p.sub{color:var(--muted);font-size:14px;margin-bottom:20px}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-2);margin-bottom:6px}.field input,.field textarea,.field select{width:100%;background:var(--rail);border:1px solid #111;border-radius:4px;padding:10px 12px;outline:none}.field input:focus{border-color:var(--accent)}.field .hint{font-size:12px;color:var(--muted);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s}.btn:hover{background:var(--accent-2)}.btn.full{width:100%}.btn.ghost{background:transparent;color:var(--text-2)}.btn.ghost:hover{background:var(--hover);color:var(--white)}.btn.grey{background:var(--input)}.btn.grey:hover{background:var(--hover)}.btn.red{background:var(--red)}.btn.red:hover{background:#a12828}.btn.green{background:var(--green)}.btn:disabled{opacity:.5;cursor:not-allowed}.err{color:#ff7a7a;font-size:13px;margin-bottom:10px}.app{height:100%;display:flex}.rail{width:72px;background:var(--rail);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;overflow-y:auto;flex-shrink:0}.rail::-webkit-scrollbar{display:none}.rail-item{position:relative}.rail-item .pip{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:0;background:#fff;border-radius:0 4px 4px 0;transition:height .15s}.rail-item.active .pip{height:40px}.rail-item:hover .pip{height:20px}.rail-btn{width:48px;height:48px;border-radius:50%;background:var(--side-2);color:var(--white);font-weight:600;font-size:16px;display:grid;place-items:center;overflow:hidden;transition:border-radius .15s,background .15s}.rail-btn img{width:100%;height:100%;object-fit:cover}.rail-item.active .rail-btn,.rail-btn:hover{border-radius:16px;background:var(--accent)}.rail-btn.add{color:var(--green)}.rail-btn.add:hover{background:var(--green);color:#fff}.rail-sep{width:32px;height:2px;background:#2d2f34;border-radius:1px}.sidebar{width:240px;background:var(--side-2);display:flex;flex-direction:column;flex-shrink:0}.srv-head{height:48px;padding:0 16px;display:flex;align-items:center;gap:6px;font-weight:600;color:var(--white);box-shadow:0 1px #0003;cursor:pointer}.srv-head:hover{background:#ffffff0a}.srv-head .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.srv-head .badge-v{color:var(--accent);display:flex}.chan-scroll{flex:1;overflow-y:auto;padding:8px}.cat{display:flex;align-items:center;gap:4px;padding:16px 4px 4px;font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--muted);text-transform:uppercase}.cat .cat-name{flex:1;cursor:pointer}.cat button{color:var(--muted);display:flex}.cat button:hover{color:var(--white)}.chan{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;color:var(--muted);font-size:15px;cursor:pointer;margin:1px 0;position:relative}.chan:hover{background:var(--hover);color:var(--text-2)}.chan.active{background:var(--active);color:var(--white)}.chan .ico{display:flex;color:var(--muted);flex-shrink:0}.chan .label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chan .tools{display:none;gap:4px;align-items:center}.chan:hover .tools{display:flex}.chan .tools button{color:var(--muted);display:flex}.chan .tools button:hover{color:var(--white)}.chan .limit{font-size:11px;color:var(--muted);background:#232428;border-radius:4px;padding:1px 6px}.chan .verified{color:var(--accent);display:flex}.voice-user{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 24px;border-radius:4px;color:var(--text-2);font-size:14px;cursor:pointer}.voice-user:hover{background:var(--hover)}.voice-user .tag{margin-left:auto;display:flex;gap:4px;align-items:center}.voice-user .live{font-size:10px;font-weight:700;color:#fff;background:var(--red);border-radius:3px;padding:1px 4px}.voice-panel{background:var(--side);padding:8px;border-top:1px solid rgba(0,0,0,.2)}.voice-panel .vp-head{display:flex;align-items:center;gap:8px;padding:4px 4px 8px}.voice-panel .vp-title{flex:1;font-size:14px;font-weight:600;color:var(--green);line-height:1.2}.voice-panel .vp-sub{font-size:12px;color:var(--muted);font-weight:400}.voice-panel .vp-hang{color:var(--text-2);display:flex;padding:4px;border-radius:4px}.voice-panel .vp-hang:hover{background:var(--red);color:#fff}.vp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.vp-grid button{background:var(--input);border-radius:4px;height:34px;display:grid;place-items:center;color:var(--text-2)}.vp-grid button:hover{background:var(--hover);color:var(--white)}.vp-grid button.on{background:var(--white);color:#111}.vp-grid button.danger{background:var(--red);color:#fff}.me-bar{background:var(--side);padding:8px;display:flex;align-items:center;gap:8px}.me-bar .me-txt{flex:1;min-width:0}.me-bar .me-nick{font-size:14px;font-weight:600;color:var(--white)}.me-bar .me-sub{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}.me-bar .acts{display:flex;gap:2px}.me-bar .acts button{padding:6px;border-radius:4px;color:var(--text-2);display:flex}.me-bar .acts button:hover{background:var(--hover);color:var(--white)}.me-bar .acts button.off{color:var(--red)}.avatar{position:relative;flex-shrink:0}.avatar .img{border-radius:50%;overflow:hidden;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--accent);width:100%;height:100%}.avatar .img img{width:100%;height:100%;object-fit:cover}.avatar.speaking{box-shadow:0 0 0 2px var(--green);border-radius:50%}.avatar .status{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:3px solid var(--side);background:var(--muted)}.avatar .status.online{background:var(--green)}.main{flex:1;display:flex;flex-direction:column;background:var(--main);min-width:0}.main-head{height:48px;display:flex;align-items:center;gap:10px;padding:0 16px;box-shadow:0 1px #0003;flex-shrink:0}.main-head .title{font-weight:600;color:var(--white);display:flex;align-items:center;gap:6px}.main-head .topic{color:var(--muted);font-size:13px;padding-left:10px;border-left:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.main-head .spacer{flex:1}.head-btn{color:var(--text-2);padding:6px;border-radius:4px;display:flex}.head-btn:hover{background:var(--hover);color:var(--white)}.head-btn.on{color:var(--white);background:var(--active)}.content{flex:1;display:flex;min-height:0}.center{flex:1;display:flex;flex-direction:column;min-width:0}.stage{background:#1a1b1e;padding:10px;display:flex;flex-direction:column;gap:8px}.stage.big{flex:1;min-height:0}.stage-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));flex:1;min-height:0}.tile{position:relative;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.tile.focused{grid-column:1 / -1;aspect-ratio:auto;height:100%}.tile video{width:100%;height:100%;object-fit:contain;background:#000}.tile .tile-bar{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:linear-gradient(transparent,#000000bf);display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .15s}.tile:hover .tile-bar{opacity:1}.tile .tile-name{font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px}.tile .tile-bar input[type=range]{width:90px}.tile .tile-bar button{color:#fff;display:flex;padding:4px;border-radius:4px}.tile .tile-bar button:hover{background:#ffffff26}.tile .live-dot{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.msgs{flex:1;overflow-y:auto;padding:16px 16px 0}.msg-welcome{padding:24px 0 16px}.msg-welcome h2{font-size:28px;color:var(--white);margin-bottom:6px}.msg-welcome p{color:var(--muted);font-size:15px}.msg-day{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:12px;font-weight:600}.msg-day:before,.msg-day:after{content:"";flex:1;height:1px;background:var(--line)}.msg{display:flex;gap:14px;padding:3px 8px;border-radius:4px;position:relative}.msg:hover{background:#0000001f}.msg.grouped{padding-top:1px}.msg .gutter{width:40px;flex-shrink:0;display:flex;justify-content:center}.msg .gutter .time{font-size:10px;color:var(--muted);opacity:0;padding-top:4px}.msg:hover .gutter .time{opacity:1}.msg .body{flex:1;min-width:0}.msg .who{display:flex;align-items:baseline;gap:8px}.msg .who .nick{font-weight:600;color:var(--white);cursor:pointer}.msg .who .nick:hover{text-decoration:underline}.msg .who .role-tag{font-size:10px;font-weight:700;padding:1px 4px;border-radius:3px;color:#fff}.msg .who .ts{font-size:12px;color:var(--muted)}.msg .text{color:var(--text);font-size:15px;line-height:1.4;word-wrap:break-word;white-space:pre-wrap}.msg .del{position:absolute;right:8px;top:-8px;background:var(--side-2);border:1px solid var(--line);border-radius:4px;padding:4px;color:var(--muted);display:none}.msg:hover .del{display:flex}.msg .del:hover{color:var(--red)}.msg.system .text{color:var(--muted);font-style:italic}.typing{height:22px;padding:0 18px;font-size:13px;color:var(--text-2)}.composer{padding:0 16px 22px}.composer .box{background:var(--input);border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 14px}.composer textarea{flex:1;background:none;border:none;outline:none;resize:none;padding:12px 0;font-size:15px;max-height:180px;line-height:1.4}.composer .box button{color:var(--muted);display:flex}.composer .box button:hover{color:var(--white)}.members{width:240px;background:var(--side-2);overflow-y:auto;padding:16px 8px;flex-shrink:0}.members h4{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;padding:16px 8px 4px;letter-spacing:.3px}.member{display:flex;align-items:center;gap:12px;padding:5px 8px;border-radius:4px;cursor:pointer}.member:hover{background:var(--hover)}.member .nick{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member.offline{opacity:.4}.member .crown{color:var(--yellow);display:flex;margin-left:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:var(--side-2);border-radius:8px;width:100%;max-width:460px;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000080}.modal.wide{max-width:820px}.modal-head{padding:20px 20px 8px;display:flex;align-items:flex-start;gap:10px}.modal-head h3{font-size:20px;color:var(--white);flex:1}.modal-head .sub{font-size:13px;color:var(--muted);margin-top:2px}.modal-body{padding:12px 20px;overflow-y:auto;flex:1}.modal-foot{padding:16px 20px;background:var(--side);display:flex;justify-content:flex-end;gap:10px;border-radius:0 0 8px 8px}.opt{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:4px;cursor:pointer;margin-bottom:4px}.opt:hover{background:var(--hover)}.opt.sel{background:var(--active)}.opt .radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--muted);flex-shrink:0;margin-top:2px}.opt.sel .radio{border-color:var(--accent);border-width:5px}.opt .t{font-weight:600;color:var(--white);display:flex;align-items:center;gap:6px}.opt .d{font-size:13px;color:var(--muted);margin-top:2px}.switch-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.switch-row .grow{flex:1}.switch-row .lbl{font-weight:600;color:var(--white);font-size:14px}.switch-row .desc{font-size:12px;color:var(--muted)}.switch{width:40px;height:24px;border-radius:12px;background:#72767d;position:relative;flex-shrink:0;transition:background .15s}.switch.on{background:var(--green)}.switch i{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.switch.on i{left:20px}.settings{display:flex;min-height:520px}.settings-nav{width:200px;background:var(--side);padding:16px 10px;border-radius:8px 0 0 8px}.settings-nav h5{font-size:11px;color:var(--muted);text-transform:uppercase;padding:12px 10px 4px;letter-spacing:.4px}.settings-nav button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:4px;color:var(--text-2);font-size:15px;margin-bottom:2px}.settings-nav button:hover{background:var(--hover);color:var(--white)}.settings-nav button.on{background:var(--active);color:var(--white)}.settings-page{flex:1;padding:20px 24px;overflow-y:auto;max-height:78vh}.settings-page h4{font-size:18px;color:var(--white);margin-bottom:14px}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.card{background:var(--side);border-radius:6px;padding:12px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.card .grow{flex:1;min-width:0}.tag{font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--active);color:var(--text-2);display:inline-flex;align-items:center;gap:4px}.perm-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;background:var(--side);margin-bottom:6px}.perm-item .grow{flex:1}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:14px;background:var(--input);font-size:13px;cursor:pointer;border:1px solid transparent}.chip.on{border-color:var(--accent);background:#5865f233}.color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.sound-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.sound{background:var(--side);border-radius:8px;padding:12px 10px;display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;border:1px solid transparent}.sound:hover{background:var(--hover);border-color:var(--line)}.sound .emoji{font-size:20px}.sound .nm{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sound.locked{opacity:.45;cursor:not-allowed}.sound .x{opacity:0;color:var(--muted);display:flex}.sound:hover .x{opacity:1}.sound .x:hover{color:var(--red)}.boost-bar{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#4e1f6b,#7a2f9e);border-radius:8px;padding:12px 14px;margin-bottom:14px}.boost-bar .grow{flex:1}.boost-bar b{color:#fff}.boost-bar small{color:#e6d5f5;display:block}.popover{position:fixed;z-index:200;width:300px;background:var(--side);border-radius:8px;box-shadow:0 12px 40px #0009;overflow:hidden}.popover .banner{height:60px}.popover .pop-body{padding:0 16px 16px;margin-top:-30px}.popover .pop-nick{font-size:20px;font-weight:700;color:var(--white);margin-top:8px}.popover .pop-about{font-size:13px;color:var(--text-2);margin-top:8px;white-space:pre-wrap}.popover .pop-sec{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.popover .pop-sec h6{font-size:11px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}input[type=range]{-webkit-appearance:none;height:4px;border-radius:2px;background:var(--muted);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:300;background:var(--side-2);border:1px solid var(--line);border-radius:8px;padding:12px 18px;font-size:14px;box-shadow:0 8px 30px #00000080;cursor:pointer;max-width:90vw}.empty{flex:1;display:grid;place-items:center;text-align:center;color:var(--muted);padding:40px}.empty h3{color:var(--white);margin-bottom:8px}.app-home{flex:1;display:flex;min-width:0}.home-side{width:260px;background:var(--side-2);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(0,0,0,.2)}.home-tabs{display:flex;gap:4px;padding:10px 8px;border-bottom:1px solid var(--line)}.home-tabs button{flex:1;padding:7px 6px;border-radius:4px;font-size:13px;color:var(--text-2);display:flex;align-items:center;justify-content:center;gap:5px}.home-tabs button:hover{background:var(--hover);color:var(--white)}.home-tabs button.on{background:var(--active);color:var(--white)}.home-tabs .cnt{background:var(--muted);color:#111;border-radius:8px;padding:0 6px;font-size:11px;font-weight:700}.home-tabs .cnt.alerta{background:var(--red);color:#fff}.home-list{flex:1;overflow-y:auto;padding:8px}.home-list h4{font-size:11px;color:var(--muted);text-transform:uppercase;padding:14px 8px 4px;letter-spacing:.4px}.home-list .vazio{color:var(--muted);font-size:14px;padding:20px 8px}.home-list .member.ativo{background:var(--active)}.home-list .member .acoes{margin-left:auto;display:flex;gap:4px;align-items:center}.home-list .member .acoes button{color:var(--muted);display:flex;padding:4px;border-radius:4px;font-size:12px}.home-list .member .acoes button:hover{background:var(--input);color:var(--white)}.home-list .member .acoes button.sim{color:var(--green);font-weight:600}.home-dm{flex:1;display:flex;flex-direction:column;background:var(--main);min-width:0}.alerta-card{background:var(--side);border-radius:8px;padding:14px;margin-bottom:10px;border-left:4px solid var(--muted)}.alerta-card.critica{border-left-color:#ff2d55;background:#ff2d5512}.alerta-card.alta{border-left-color:var(--red)}.alerta-card.media{border-left-color:var(--yellow)}.alerta-card.risco{border-left-color:#12a5ff}.alerta-card.revisado{opacity:.5}.alerta-card .topo{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.alerta-card .grav{font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:2px 8px;border-radius:10px;color:#fff;background:var(--muted)}.alerta-card.critica .grav{background:#ff2d55}.alerta-card.alta .grav{background:var(--red)}.alerta-card.media .grav{background:var(--yellow);color:#111}.alerta-card.risco .grav{background:#12a5ff}.alerta-card .cat{font-weight:700;color:var(--white)}.alerta-card .onde{font-size:12px;color:var(--muted);margin-left:auto}.alerta-card .frase{background:var(--rail);border-radius:6px;padding:10px;font-size:14px;color:var(--text);margin:8px 0;word-break:break-word;white-space:pre-wrap}.alerta-card .frase mark{background:#ff2d5559;color:#fff;border-radius:3px;padding:0 2px}.alerta-card .pe{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.msg .link{color:#00a8fc;text-decoration:none;word-break:break-all}.msg .link:hover{text-decoration:underline}.anexos{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.anexo{display:block;border-radius:8px;overflow:hidden;max-width:420px}.anexo.img img{display:block;max-width:100%;max-height:340px;border-radius:8px;border:1px solid var(--line);cursor:zoom-in}.anexo.video{background:#000;border-radius:8px;border:1px solid var(--line)}.anexo.video video{display:block;max-width:420px;max-height:340px;border-radius:8px 8px 0 0}.anexo.audio{background:var(--side);border-radius:8px;padding:8px}.anexo .legenda{display:block;font-size:11px;color:var(--muted);padding:4px 8px}.previa{display:flex;flex-wrap:wrap;gap:8px;background:var(--input);border-radius:8px 8px 0 0;padding:10px;border-bottom:1px solid var(--line)}.previa-item{display:flex;align-items:center;gap:8px;background:var(--side);border-radius:6px;padding:6px 8px;font-size:12px;max-width:240px}.previa-item img{width:34px;height:34px;object-fit:cover;border-radius:4px}.previa-item .arq{font-size:20px}.previa-item .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.previa-item .tam{color:var(--muted)}.previa-item button{color:var(--muted);display:flex}.previa-item button:hover{color:var(--red)}.composer .box button:disabled{opacity:.4;cursor:not-allowed}.so-mobile{display:none!important}@media (max-width: 1100px){.members{display:none}.sidebar{width:210px}.home-side{width:220px}}@media (max-width: 860px){.rail{width:60px}.rail-btn{width:42px;height:42px;font-size:14px}.sidebar,.home-side{width:200px}.stage-grid{grid-template-columns:1fr}.settings{flex-direction:column;min-height:0}.settings-nav{width:100%;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:6px;padding:12px;align-items:center}.settings-nav h5{width:100%;padding:0 0 4px}.settings-nav button{width:auto;padding:7px 12px;background:var(--input);border-radius:20px;font-size:13px}.settings-page{max-height:60vh;padding:16px}.modal.wide{max-width:100%}.popover{width:min(300px,92vw)}}@media (max-width: 640px){.so-mobile{display:flex!important}.app{position:relative}.rail{position:fixed;left:0;top:0;bottom:0;z-index:40;width:58px;transform:translate(-100%);transition:transform .25s cubic-bezier(.2,.7,.3,1);box-shadow:4px 0 24px #00000080}.sidebar,.home-side{position:fixed;left:58px;top:0;bottom:0;z-index:39;width:min(240px,78vw);transform:translate(calc(-100% - 58px));transition:transform .25s cubic-bezier(.2,.7,.3,1);box-shadow:4px 0 24px #00000080}.app.menu-aberto .rail,.app.menu-aberto .sidebar,.app.menu-aberto .home-side{transform:translate(0)}.app.menu-aberto:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:38}.main,.home-dm,.app-home{width:100%}.main-head{padding:0 10px;gap:6px}.main-head .topic{display:none}.main-head .title{font-size:15px}.msgs{padding:12px 10px 0}.msg{gap:10px}.msg .gutter{width:34px}.composer{padding:0 10px 14px}.composer .box{padding:0 10px;gap:6px}.anexo.img img,.anexo.video video{max-height:220px}.overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:92vh;border-radius:14px 14px 0 0}.modal-foot{flex-wrap:wrap}.modal-foot .btn{flex:1}.login-card{padding:22px 18px;border-radius:14px}.brand-logo{width:118px}.vp-grid{grid-template-columns:repeat(4,1fr)}.stage{padding:6px}.tile .tile-bar{opacity:1}.home-tabs button{font-size:12px;padding:7px 4px}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.abrir-menu{display:none;color:var(--text-2);padding:6px;border-radius:4px;flex-shrink:0}@media (max-width: 640px){.abrir-menu{display:flex}}@media (min-width: 1800px){.main{max-width:none}.msgs{padding-left:28px;padding-right:28px}}@media (max-height: 620px){.msg-welcome{padding:12px 0 8px}.msg-welcome h2{font-size:20px}.settings-page{max-height:72vh}}