/* macOS app replica — geometry measured 1:1 from the 2000x1320 screenshot (CSS px = image px / 2) */
.mac,.mac *{box-sizing:border-box}
.mac{position:relative;width:1000px;height:660px;border-radius:20px;overflow:hidden;background:#2b2b2b;color:#e6e6e6;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Hanken Grotesk","Segoe UI",sans-serif;text-align:left;-webkit-font-smoothing:antialiased;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 50px 90px -30px rgba(0,70,64,.45);margin:0 auto}
.mac div,.mac span,.mac b{margin:0;padding:0}
.mac .a{position:absolute}
.mac .bar{left:0;top:0;width:1000px;height:48px;background:#2c2c2c}
.mac .tl{top:10px;width:12px;height:12px;border-radius:50%}
.mac .title{left:0;top:30px;width:1000px;text-align:center;font-size:9px;line-height:15px;color:#a9a9a9;white-space:nowrap}
.mac .ln{background:#3d3d3d}
.mac .side{left:0;top:48px;width:177px;height:612px;background:#2f2f2f}
.mac .chat{left:177px;top:48px;width:661px;height:612px;background:#2a2a2a}
.mac .mem{left:837px;top:48px;width:163px;height:612px;background:#2e2e2e}
/* sidebar */
.mac .r{position:absolute;left:0;width:175px;height:23.5px;font-size:11.5px;line-height:23.5px;white-space:nowrap;color:#e8e8e8}
.mac .r .t{position:absolute;left:53.5px}
.mac .r .ic{position:absolute;left:30px;top:4px;width:15px;height:15px;fill:none;stroke:#8e8e8e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mac .r .ic.g{stroke:#34c759}
.mac .r.n .ch{position:absolute;left:13px;top:6px;width:12px;height:12px;fill:none;stroke:#9a9a9a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mac .r.n .dot{position:absolute;left:33px;top:7px;width:9px;height:9px;border-radius:50%;background:#2fd158}
.mac .r.sel{background:#444}
.mac .r.hi .ic{left:11.5px;stroke:#e8e8e8}
.mac .r.hi .t{left:35px;font-weight:600;font-size:12px}
/* toolbar */
.mac .tb{position:absolute;top:630px;width:14px;height:14px;fill:none;stroke:#b5b5b5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* topic + log */
.mac .topic{left:190.5px;top:56px;width:640px;font-size:10.5px;line-height:16px;white-space:nowrap;color:#ececec}
.mac .log{left:177px;top:79px;width:661px;height:547px;padding:0 13px 8.7px 13.5px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;font-family:Menlo,"SF Mono",Monaco,Consolas,"Liberation Mono",monospace;font-size:10.8px;color:#dcdcdc}
.mac .l{white-space:pre-wrap;line-height:12.5px;min-height:12.5px}
.mac .l u{color:#f2f2f2;text-decoration:underline}
.mac .l b{font-weight:700}
.mac .c1{color:#9b6df0}.mac .c2{color:#c56a00}.mac .c3{color:#0b8f7b}.mac .c4{color:#3b82f6}.mac .c5{color:#e0561f}
.mac .sep{display:flex;align-items:center;gap:5px;margin:4.75px 0 2.75px;height:12px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Hanken Grotesk","Segoe UI",sans-serif;font-size:9px;font-weight:600;color:#e5534b}
.mac .sep i{flex:1;height:1px;background:#c0392b;display:block}
/* input */
.mac .aa{left:188px;top:633px;font-size:12px;line-height:17px;color:#a6a6a6}
.mac .inp{left:208.5px;top:633px;width:593px;height:18px;border-radius:4px;background:#1e1e1e;font-size:11.5px;line-height:18px;color:#8d8d8d;padding-left:4px;white-space:nowrap}
.mac .inp i{display:inline-block;width:1px;height:12px;background:#e8e8e8;vertical-align:-2px;margin-right:1px}
.mac .send{left:806.5px;top:630.5px;width:22px;height:22px;border-radius:50%;background:#555}
.mac .send svg{position:absolute;left:5px;top:5px;width:12px;height:12px;fill:none;stroke:#d8d8d8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* members */
.mac .m{position:absolute;left:4px;width:154px;height:20.05px;font-size:11px;line-height:20.05px;padding-left:24px;white-space:nowrap;color:#ececec}
.mac .m.on{background:#454545}
.mac .m:before{content:"\00d7";position:absolute;left:6.5px;top:5px;width:10px;height:10px;border-radius:50%;background:#5c5c5c;color:#d0d0d0;font-size:8px;line-height:10px;text-align:center}
.mac .m.op:before{content:"@";background:#2fd158;color:#1c3a24;font-weight:700}
.mac .m.vc:before{content:"+";background:#3b82f6;color:#fff;font-weight:700}
.mac .btn{position:absolute;width:71px;height:22px;border-radius:3px;background:#3c3c3c;box-shadow:inset 0 0 0 1px #555;font-size:9.5px;line-height:22px;text-align:center;color:#e0e0e0}
.mac .btn.ban{background:#5b2a2a;box-shadow:inset 0 0 0 1px #8a3a3a;color:#ff5a4f}
.mac .btn.kick{background:#4d3d18;box-shadow:inset 0 0 0 1px #8a6a1e;color:#f5a623}
@media(max-width:1199.98px){.mac{zoom:.94}}
@media(max-width:991.98px){.mac{zoom:.72}}
@media(max-width:767.98px){.mac{zoom:.6}}
@media(max-width:575.98px){.mac{zoom:.34}}