@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1622;--bg-1:#0e1c2b;--bg-2:#132433;--bg-3:#1a2e42;--border:#1e3346;--border-2:#274057;--text:#e7eef5;--text-dim:#a7b6c5;--muted:#728398;--accent:#2ecf99;--accent-2:#26b385;--accent-ink:#05231a;--danger:#ff6b6b;--online:#3fb950;--text-strong:#fff;--row-hover:#ffffff05}[data-theme=daylight]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f7;--bg-1:#e9edf1;--bg-2:#fff;--bg-3:#e2e8ee;--border:#d4dde4;--border-2:#c2cdd6;--text:#15212b;--text-dim:#4a5b68;--muted:#7b8a96;--accent:#1f9d6b;--accent-2:#178a5c;--accent-ink:#fff;--danger:#d23b3b;--online:#1f9d6b;--text-strong:#0b1219;--row-hover:#0000000a}[data-theme=retro]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9e7cf;--bg-1:#f1efda;--bg-2:#fbfaf0;--bg-3:#dedbbf;--border:#cfcbac;--border-2:#bdb893;--text:#2b2a1c;--text-dim:#56523a;--muted:#7d7858;--accent:#1f8a1f;--accent-2:#177017;--accent-ink:#fff;--danger:#b03030;--online:#1f8a1f;--text-strong:#1a190f;--row-hover:#0000000d}[data-theme=parchment]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#efe6d6;--bg-1:#f6efe1;--bg-2:#fdf8ee;--bg-3:#e4d8c2;--border:#d8c9ad;--border-2:#c4b08c;--text:#3a2e20;--text-dim:#6b5740;--muted:#94805f;--accent:#a05a1e;--accent-2:#854a16;--accent-ink:#fff;--danger:#b14a30;--online:#7a8a3a;--text-strong:#2a2014;--row-hover:#0000000d}[data-theme=contrast]{--bg:#000;--bg-1:#0a0a0a;--bg-2:#141414;--bg-3:#1f1f1f;--border:#2e2e2e;--border-2:#454545;--text:#f0f0f0;--text-dim:#c8c8c8;--muted:#8a8a8a;--accent:#ff0;--accent-2:#d4d400;--accent-ink:#000;--danger:#f55;--online:#39ff14}[data-theme=halloween]{--bg:#100b07;--bg-1:#191210;--bg-2:#241a14;--bg-3:#33241a;--border:#3a2a1c;--border-2:#52371f;--text:#f1e7dd;--text-dim:#c8b3a3;--muted:#8a7565;--accent:#ff7518;--accent-2:#e05f0c;--accent-ink:#1a0d02;--danger:#ff6b6b;--online:#39ff14}[data-theme=synthwave]{--bg:#050510;--bg-1:#0e0823;--bg-2:#170d33;--bg-3:#23123f;--border:#3a1f5c;--border-2:#52267a;--text:#f3e9ff;--text-dim:#c3a7e0;--muted:#8a72a8;--accent:#e91e63;--accent-2:#c2185b;--accent-ink:#1a0010;--danger:#ff6b8a;--online:#0ff}[data-theme=volcanic]{--bg:#0e0e14;--bg-1:#16161f;--bg-2:#201f2a;--bg-3:#2b2a38;--border:#37353f;--border-2:#4a4754;--text:#f0ece8;--text-dim:#c2b8b0;--muted:#8a8078;--accent:#ff4500;--accent-2:#e03d00;--accent-ink:#1a0600;--danger:#ff6b6b;--online:#3fb950}[data-theme=abyss]{--bg:#001022;--bg-1:#001a33;--bg-2:#002347;--bg-3:#003158;--border:#0a3a5c;--border-2:#12527a;--text:#e0f2ff;--text-dim:#9fc5e0;--muted:#6f93a8;--accent:#76ff03;--accent-2:#5fcc02;--accent-ink:#0a1f00;--danger:#ff4040;--online:#76ff03}[data-theme=steampunk]{--bg:#1a1410;--bg-1:#221a13;--bg-2:#2d2218;--bg-3:#3a2c1e;--border:#473627;--border-2:#5d4630;--text:#f0e3d0;--text-dim:#c9b193;--muted:#9b8467;--accent:#b87333;--accent-2:#9c5f28;--accent-ink:#1a0f02;--danger:#c0504d;--online:#8aa84a}[data-theme=cosmic]{--bg:#05081a;--bg-1:#0a0e2a;--bg-2:#111638;--bg-3:#1a2150;--border:#23306a;--border-2:#324088;--text:#eef0ff;--text-dim:#aab3e0;--muted:#7782b0;--accent:#7c4dff;--accent-2:#651fff;--accent-ink:#0a0520;--danger:#ff6b8a;--online:#5aa0ff}[data-theme=joker]{--bg:#120d1a;--bg-1:#0d0914;--bg-2:#231934;--bg-3:#2e2440;--border:#2c2042;--border-2:#3d2c59;--text:#fdfdfd;--text-dim:#c9bce0;--muted:#63537d;--accent:#a3ff00;--accent-2:#8fd400;--accent-ink:#0d0914;--danger:#f56;--online:#a3ff00}[data-theme=joker] .btn-primary,[data-theme=joker] .composer button,[data-theme=joker] .card button[type=submit],[data-theme=joker] .ev-form button{color:#fdfdfd;background:#5c1d66}[data-theme=joker] .btn-primary:hover,[data-theme=joker] .composer button:hover{background:#6e2479}[data-theme=joker] .link{color:#fc0}[data-theme=joker] .kind-toggle button.active,[data-theme=joker] .settings-tabs button.active{border-color:#a3ff00}[data-theme=joker] .composer-input:focus,[data-theme=joker] .composer input:focus,[data-theme=joker] .card input:focus,[data-theme=joker] .dlg-form input:focus,[data-theme=joker] .dlg-form textarea:focus{border-color:#a3ff00;box-shadow:0 0 0 2px #a3ff0059}[data-theme=joker] .msg .body{background:#231934;border-radius:8px;max-width:82%;padding:.4rem .6rem;display:inline-block}[data-theme=joker] .msg.own .body{background:#5c1d66}[data-theme=joker] .messages{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120'%3E%3Ctext x='8' y='64' font-family='Impact,sans-serif' font-size='30' fill='%235c1d66' fill-opacity='0.13' transform='rotate(-16 120 60)'%3EHA HA HA%3C/text%3E%3C/svg%3E")}[data-theme=joker] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=joker] ::-webkit-scrollbar-track{background:#0d0914}[data-theme=joker] ::-webkit-scrollbar-thumb{background:#a3ff00;border-radius:5px}[data-theme=joker] ::-webkit-scrollbar-thumb:hover{box-shadow:0 0 6px #a3ff00}[data-theme=joker] .usercard-banner{background:linear-gradient(150deg,#0d0914,#5c1d66 120%)}[data-theme=unicorn]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-1:#ececec;--bg-2:#dcdcdc;--bg-3:#cfe9f5;--border:#ccc;--border-2:#bcbcbc;--text:#1a1a1a;--text-dim:#555;--muted:#a9a9a9;--accent:#ff1493;--accent-2:#e01080;--accent-ink:#fff;--danger:#e0240f;--online:#16c60c;--text-strong:#101010;--row-hover:#87ceeb2e}[data-theme=unicorn] .btn-primary,[data-theme=unicorn] .composer button,[data-theme=unicorn] .card button[type=submit],[data-theme=unicorn] .ev-form button{color:#fff;background:#ff0700}[data-theme=unicorn] .btn-primary:hover,[data-theme=unicorn] .composer button:hover{background:#d80600}[data-theme=unicorn] .link,[data-theme=unicorn] .msg .author{color:#ff0700}[data-theme=unicorn] .chan:hover,[data-theme=unicorn] .srv:hover{box-shadow:inset 3px 0 #ff1493}[data-theme=unicorn] .msg .body{color:#000;background:#dcdcdc;border-radius:16px;max-width:82%;padding:.45rem .7rem;display:inline-block}[data-theme=unicorn] .msg.own .body{color:#fff;background:#87ceeb}[data-theme=unicorn] .composer-input:focus,[data-theme=unicorn] .composer input:focus,[data-theme=unicorn] .card input:focus,[data-theme=unicorn] .dlg-form input:focus,[data-theme=unicorn] .dlg-form textarea:focus{border-image:linear-gradient(90deg,red,#ff8a00,#ffe600,#00d26a,#0098ff,#a020f0) 1;box-shadow:0 0 10px #ff149373}[data-theme=unicorn] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=unicorn] ::-webkit-scrollbar-track{background:#ececec}[data-theme=unicorn] ::-webkit-scrollbar-thumb{background:linear-gradient(#ff8ac8,#ff1493);border-radius:5px}[data-theme=unicorn] ::-webkit-scrollbar-thumb:hover{box-shadow:0 0 6px #ff1493}[data-theme=unicorn] .messages{background-image:linear-gradient(#ffffffdb,#ffffffdb),url(/pride-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=unicorn] .usercard-banner{background:linear-gradient(120deg,#ff1493,#ff8a00,#ffe600,#00d26a,#0098ff,#a020f0)}[data-theme=sangmar]{--bg:#0b0b0c;--bg-1:#111014;--bg-2:#16151a;--bg-3:#201b27;--border:#262030;--border-2:#3a2f48;--text:#fff;--text-dim:#a099b0;--muted:#8a7f9a;--accent:#fc0;--accent-2:#d9ad00;--accent-ink:#1a1500;--danger:#ff6b6b;--online:#3fb950}[data-theme=sangmar] .brand,[data-theme=sangmar] .chan-head,[data-theme=sangmar] .dialog-title,[data-theme=sangmar] .section-label{font-family:Cinzel,Trajan Pro,Georgia,serif}[data-theme=sangmar] .composer-input:focus,[data-theme=sangmar] .composer input:focus,[data-theme=sangmar] .card input:focus,[data-theme=sangmar] .dlg-form input:focus,[data-theme=sangmar] .dlg-form textarea:focus{border-color:#fc0;box-shadow:0 0 8px #fc06}[data-theme=sangmar] .msg .body{background:#16151a;border-radius:10px;max-width:82%;padding:.4rem .65rem;display:inline-block}[data-theme=sangmar] .msg.own .body{color:#fff;background:#4a154b}[data-theme=sangmar] .messages{background-image:linear-gradient(#0b0b0ccc,#0b0b0ccc),url(/sangmar-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=sangmar] .usercard-banner{background:linear-gradient(120deg,#4a154b,#fc0 160%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.center{justify-content:center;align-items:center;height:100%;display:flex}.muted{color:var(--muted)}.small{font-size:.78rem}.brand{color:var(--text);letter-spacing:.06em;margin:0;font-weight:700}.brand.small{font-size:.95rem;font-weight:700}.error{color:var(--danger);font-size:.85rem}.ok{color:var(--accent);font-size:.85rem}.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.logo{color:var(--accent);filter:drop-shadow(0 0 6px #2ecf9959);display:block}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.6rem;width:320px;padding:1.6rem;display:flex}.brand-row{align-items:center;gap:.6rem;display:flex}.brand-row .brand{font-size:1.6rem}.brand-logo{display:inline-flex}.card input{background:var(--bg);border:1px solid var(--border-2);color:var(--text);border-radius:6px;padding:.6rem .7rem}.card input:focus{border-color:var(--accent);outline:none}.card button[type=submit]{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:6px;padding:.6rem;font-weight:700}.card button[disabled]{opacity:.6}.app{height:100%;display:flex}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);flex-direction:column;gap:.4rem;width:248px;padding:.6rem;display:flex}.side-head{align-items:center;gap:.5rem;padding:.3rem .2rem .6rem;display:flex}.side-head .dot{margin-left:auto}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}.dot.on{background:var(--online)}.dot.off{background:var(--danger)}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.4rem .3rem .2rem;font-size:.7rem}.section-label.row{justify-content:space-between;align-items:center;display:flex}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.1rem .3rem;font-size:1.05rem;line-height:1}.icon-btn:hover{color:var(--text);background:var(--bg-3)}.servers,.channels{flex-direction:column;gap:2px;display:flex;overflow:auto}.srv,.chan{text-align:left;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.45rem .6rem;font-size:.92rem}.srv:hover,.chan:hover{background:var(--bg-3)}.srv.active,.chan.active{background:var(--bg-3);color:var(--text-strong);box-shadow:inset 2px 0 0 var(--accent)}.side-actions{gap:.4rem;display:flex}.ghost{border:1px solid var(--border-2);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:.4rem;font-size:.85rem}.ghost:hover{border-color:var(--accent);color:var(--text-strong)}.chan{-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drop-before{box-shadow:inset 0 2px 0 0 var(--accent)}.drop-after{box-shadow:inset 0 -2px 0 0 var(--accent)}.cat{margin-top:.4rem}.cat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none;padding:.3rem .4rem .15rem;font-size:.66rem;font-weight:700}.cat-label:hover{color:var(--text-dim)}.chan-wrap{flex-direction:column;display:flex}.vc-peers{flex-direction:column;gap:1px;padding:.1rem 0 .2rem 1.4rem;display:flex}.vc-peer{border-radius:5px;align-items:center;gap:.4rem;padding:.15rem .3rem;display:flex}.vc-avatar{background:var(--bg-3);width:20px;height:20px;color:var(--accent);border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.vc-avatar-img{object-fit:cover;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:20px;height:20px}.vc-peer.clickable{cursor:pointer}.vc-peer.clickable:hover{background:var(--row-hover);border-radius:4px}.badge.mention{background:var(--danger);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.unread-dot{background:var(--text-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto}.chan-name.has-unread{color:var(--text-strong);font-weight:600}.srv{position:relative}.mod-divider{border-top:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;margin-top:.4rem;padding-top:.4rem}.mod-actions{flex-direction:column;gap:.3rem;display:flex}.mod-actions .btn-ghost{justify-content:flex-start;align-items:center;gap:.45rem;display:inline-flex}.vc-peer.speaking .vc-avatar{border-color:var(--accent);box-shadow:0 0 6px #2ecf9999}.vc-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.vc-mute{margin-left:auto;font-size:.7rem}.voice-bar{background:#0f2a22;border:1px solid #1c4a3b;border-radius:8px;justify-content:space-between;align-items:center;margin-top:auto;padding:.45rem .5rem;display:flex}.voice-info{align-items:center;gap:.4rem;min-width:0;display:flex}.voice-room{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.voice-controls{flex-shrink:0;gap:2px;display:flex}.vbtn{cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.2rem .3rem;font-size:.95rem;line-height:1}.vbtn:hover{background:#16382c}.vbtn.off{opacity:.55}.vbtn.cmd-on{color:var(--accent)}.vbtn.cmd-talk{color:var(--accent);background:var(--bg-3);box-shadow:0 0 6px var(--accent)}.vbtn.leave{color:var(--danger)}.vbtn.leave:hover{background:#2a1416}.voice-bar+.side-foot{margin-top:0}.side-foot{border-top:1px solid var(--border);align-items:center;gap:.4rem;margin-top:auto;padding:.5rem .3rem;display:flex}.foot-user{cursor:pointer;min-width:0;color:var(--text);background:0 0;border:none;border-radius:6px;flex:1;align-items:center;gap:.5rem;padding:.2rem;display:flex}.foot-user:hover{background:var(--bg-3)}.foot-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.foot-actions{flex-shrink:0;gap:2px;display:flex}.menu-backdrop{z-index:60;position:fixed;inset:0}.ctx-menu{z-index:61;background:var(--bg-2);border:1px solid var(--border-2);border-radius:8px;flex-direction:column;min-width:168px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #00000080}.ctx-menu button{text-align:left;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.5rem .6rem;font-size:.85rem}.ctx-menu button:hover{background:var(--bg-3);color:var(--text-strong)}.ctx-menu button.danger{color:#f0888d}.ctx-menu button.danger:hover{color:var(--danger);background:#2a1416}.main{flex-direction:column;flex:1;min-width:0;display:flex}.chan-head{border-bottom:1px solid var(--border);padding:.8rem 1rem;font-weight:600}.messages{flex-direction:column;flex:1;gap:.6rem;padding:1rem;display:flex;overflow:auto}.msg .author{color:var(--accent);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;margin-right:.4rem;padding:0}.msg .author:hover{text-decoration:underline}.msg .time{color:var(--muted);font-size:.72rem}.msg .body{color:var(--text);white-space:pre-wrap;word-break:break-word;margin-top:.1rem}.msg{padding:.1rem 3.2rem .1rem 0;position:relative}.msg:hover{background:var(--row-hover);border-radius:6px}.msg-head{align-items:baseline;gap:.4rem;display:flex}.msg-reply{color:var(--muted);border-left:2px solid var(--border-2);align-items:center;gap:.35rem;margin-bottom:.1rem;margin-left:.2rem;padding-left:.6rem;font-size:.76rem;display:flex}.msg-reply-author{color:var(--accent);flex-shrink:0}.msg-reply-body{text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.reactions{flex-wrap:wrap;gap:.3rem;margin-top:.25rem;display:flex}.reaction{background:var(--bg-2);border:1px solid var(--border-2);cursor:pointer;color:var(--text-dim);border-radius:10px;align-items:center;gap:.25rem;padding:.05rem .4rem;font-size:.82rem;display:inline-flex}.reaction:hover{border-color:var(--accent)}.reaction.mine{background:var(--bg-3);border-color:var(--accent);color:var(--text-strong)}.reaction .rc{font-size:.72rem}.msg-actions{background:var(--bg-2);border:1px solid var(--border-2);border-radius:7px;gap:1px;padding:1px;display:none;position:absolute;top:-.5rem;right:.5rem}.msg:hover .msg-actions{display:flex}.msg-actions .icon-btn{padding:.25rem .3rem}.msg-actions .icon-btn.danger:hover{color:var(--danger);background:#2a1416}.react-palette{background:var(--bg-2);border:1px solid var(--border-2);z-index:20;border-radius:8px;gap:1px;margin-top:3px;padding:3px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #00000073}.react-palette button{cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.15rem .25rem;font-size:1.1rem}.react-palette button:hover{background:var(--bg-3)}.attachments{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}.att-img{border:1px solid var(--border);border-radius:8px;max-width:360px;max-height:300px;display:block;overflow:hidden}.att-img img{object-fit:cover;max-width:360px;max-height:300px;display:block}.att-file{background:var(--bg-2);border:1px solid var(--border-2);color:var(--text-dim);border-radius:8px;align-items:center;gap:.45rem;max-width:320px;padding:.5rem .7rem;text-decoration:none;display:inline-flex}.att-file:hover{border-color:var(--accent);color:var(--text-strong)}.att-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.att-size{color:var(--muted);flex-shrink:0;font-size:.72rem}.embeds{flex-direction:column;gap:.4rem;margin-top:.3rem;display:flex}.embed{border-left:4px solid var(--accent);background:var(--bg-2);border-radius:4px;flex-direction:column;gap:.3rem;max-width:440px;padding:.5rem .7rem;display:flex}.embed-title{color:var(--text);font-weight:700}.embed-title a{color:var(--accent);text-decoration:none}.embed-title a:hover{text-decoration:underline}.embed-desc{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;font-size:.88rem}.embed-img{border-radius:6px;max-width:100%;max-height:260px;margin-top:.2rem}.embed-footer{color:var(--muted);font-size:.72rem}.dlg-form textarea{background:var(--bg);border:1px solid var(--border-2);color:var(--text);resize:vertical;border-radius:6px;padding:.55rem .7rem;font-family:inherit}.dlg-form textarea:focus{border-color:var(--accent);outline:none}.color-row{align-items:center;gap:.4rem;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px}.swatch.sel{border-color:var(--text-strong)}.color-hex{width:90px;font-family:ui-monospace,monospace}.pending-attach{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .3rem;display:flex}.pending-item{border:1px solid var(--border-2);border-radius:8px;position:relative;overflow:hidden}.pending-item img{object-fit:cover;width:64px;height:64px;display:block}.pending-file{color:var(--text-dim);align-items:center;gap:.35rem;padding:.5rem .7rem;font-size:.8rem;display:inline-flex}.pending-x{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;top:2px;right:2px}.composer-input{background:var(--bg-1);border:1px solid var(--border-2);color:var(--text);border-radius:6px;flex:1;padding:.6rem .7rem}.composer-input:focus{border-color:var(--accent);outline:none}.icon-btn.attach{padding:.4rem .5rem}.main{position:relative}.drop-overlay{z-index:30;pointer-events:none;border:2px dashed var(--accent);color:var(--accent);background:#2ecf991f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;font-weight:600;display:flex;position:absolute;inset:0}.reply-bar{justify-content:space-between;align-items:center;padding:.3rem .5rem .4rem;display:flex}.composer{border-top:1px solid var(--border);flex-direction:column;padding:.8rem 1rem;display:flex}.composer-row{gap:.5rem;display:flex}.composer-legacy{border-top:1px solid var(--border);gap:.5rem;padding:.8rem 1rem;display:flex}.composer input{background:var(--bg-1);border:1px solid var(--border-2);color:var(--text);border-radius:6px;flex:1;padding:.6rem .7rem}.composer input:focus{border-color:var(--accent);outline:none}.composer button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:6px;padding:.6rem 1rem;font-weight:700}.guild{background:var(--bg-1);border-left:1px solid var(--border);flex-direction:column;width:280px;min-height:0;display:flex}.guild-tabs{border-bottom:1px solid var(--border);display:flex}.guild-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:.6rem;font-size:.85rem}.guild-tabs button.active{color:var(--text-strong);border-bottom:2px solid var(--accent)}.guild-body{flex-direction:column;gap:.3rem;padding:.6rem;display:flex;overflow:auto}.member{cursor:pointer;color:var(--text);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.35rem .5rem;display:flex}.member:hover{background:var(--bg-3)}.member-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.member .roles{color:var(--accent);flex-shrink:0;font-size:.72rem}.roster-group{margin-bottom:.5rem}.roster-group-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);align-items:center;gap:.4rem;padding:.4rem .3rem .2rem;font-size:.68rem;font-weight:700;display:flex}.roster-crown{color:var(--accent);flex-shrink:0;margin-left:auto}.ev-new{background:var(--accent);width:100%;color:var(--accent-ink);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.45rem;font-size:.82rem;font-weight:700;display:flex}.ev-new:hover{background:var(--accent-2)}.ev-form{border:1px solid var(--border-2);background:var(--bg-2);border-radius:10px;flex-direction:column;gap:.35rem;margin-bottom:.5rem;padding:.5rem;display:flex}.ev-form input,.ev-form select{background:var(--bg);border:1px solid var(--border-2);color:var(--text);border-radius:6px;padding:.4rem}.ev-form button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:6px;padding:.4rem;font-weight:700}.ev-empty{padding:.6rem .3rem}.ev-card{border:1px solid var(--border);background:var(--bg-2);border-left:3px solid var(--accent);border-radius:10px;margin-bottom:.5rem;padding:.6rem}.ev-card.ev-siege{border-left-color:#ff6a3d}.ev-card.ev-event{border-left-color:#4a9eff}.ev-head{align-items:center;gap:.4rem;display:flex}.ev-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.ev-kind{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink);background:var(--accent);border-radius:4px;flex-shrink:0;padding:.1rem .35rem;font-size:.6rem}.ev-kind-siege{color:#1a0600;background:#ff6a3d}.ev-kind-event{color:#041427;background:#4a9eff}.ev-del{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.1rem;display:inline-flex}.ev-del:hover{color:var(--danger)}.ev-time{color:var(--muted);align-items:center;gap:.3rem;margin:.3rem 0 .45rem;font-size:.76rem;display:flex}.ev-rsvp{flex-wrap:wrap;gap:.25rem;display:flex}.ev-r{background:var(--bg);border:1px solid var(--border-2);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:.25rem .5rem;font-size:.74rem}.ev-r:hover{border-color:var(--accent);color:var(--text-strong)}.ev-going{color:var(--accent);margin-top:.4rem;font-size:.74rem}.ev-hint{padding:.5rem .3rem}.ev-rsvp-card{background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;max-width:440px;margin-top:.4rem;padding:.5rem .6rem}.avatar{object-fit:cover;background:var(--bg-3);border-radius:50%;flex-shrink:0}.avatar-fallback{background:var(--bg-3);color:var(--accent);border:2px solid var(--border-2);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.dialog-backdrop{z-index:70;background:#03080e99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-2);border:1px solid var(--border-2);border-radius:12px;min-width:320px;max-width:92vw;overflow:hidden;box-shadow:0 18px 50px #0000008c}.dialog-head{background:var(--bg-1);border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.7rem .9rem;display:flex}.dialog-head:active{cursor:grabbing}.dialog-title{font-size:.95rem;font-weight:600}.dialog-x{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1.3rem;line-height:1}.dialog-x:hover{color:var(--text)}.dialog-body{padding:1rem}.dlg-form{flex-direction:column;gap:.5rem;display:flex}.dlg-form input,.dlg-form select{background:var(--bg);border:1px solid var(--border-2);color:var(--text);border-radius:6px;padding:.55rem .7rem}.dlg-form input:focus,.dlg-form select:focus{border-color:var(--accent);outline:none}.dlg-msg{color:var(--text-dim);margin:0 0 .4rem}.dlg-actions{justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.3rem;display:flex}.btn-primary{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:700}.btn-primary:hover{background:var(--accent-2)}.btn-primary[disabled]{opacity:.6}.btn-ghost{border:1px solid var(--border-2);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem .9rem}.btn-ghost:hover{color:var(--text-strong);border-color:var(--accent)}.btn-danger{background:var(--danger);color:#2a0a0a;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:700}.btn-danger:hover{filter:brightness(1.1)}.kind-toggle{gap:.4rem;display:flex}.kind-toggle button{background:var(--bg);border:1px solid var(--border-2);color:var(--text-dim);cursor:pointer;border-radius:6px;flex:1;padding:.45rem;font-size:.85rem}.kind-toggle button.active{border-color:var(--accent);color:var(--text-strong);background:var(--bg-3)}.invite-field{flex-direction:column;gap:.25rem;margin-top:.7rem;display:flex}.invite-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem}.invite-row{gap:.4rem;display:flex}.invite-row input{background:var(--bg);border:1px solid var(--border-2);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:.5rem .6rem;font-family:ui-monospace,monospace;font-size:.85rem}.usercard{text-align:center;flex-direction:column;align-items:center;margin:-1rem -1rem 0;display:flex}.usercard-banner{background:radial-gradient(circle at 18% 130%, var(--accent) 0%, transparent 52%), linear-gradient(120deg, var(--accent-2), var(--bg-3) 85%);width:100%;height:92px}[data-theme=synthwave] .usercard-banner{background:repeating-linear-gradient(90deg,#00ffff38 0 1px,#0000 1px 26px) 0 100%/100% 38% no-repeat,linear-gradient(#25004a 0%,#e91e63 160%)}[data-theme=cosmic] .usercard-banner{background:radial-gradient(1.5px 1.5px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 65% 55%,#fff,#0000),radial-gradient(1.5px 1.5px at 82% 25%,#cbd5ff,#0000),radial-gradient(1px 1px at 40% 70%,#fff,#0000),linear-gradient(150deg,#0a0e2a,#3a1a6e 130%)}[data-theme=volcanic] .usercard-banner{background:linear-gradient(#1a0600 22%,#ff4500)}[data-theme=abyss] .usercard-banner{background:radial-gradient(circle at 50% 130%,#76ff0359,#0000 60%),linear-gradient(#001a33,#00060f)}[data-theme=steampunk] .usercard-banner{background:linear-gradient(120deg,#3a2c1e,#b87333 130%)}[data-theme=halloween] .usercard-banner{background:linear-gradient(160deg,#1a0d02,#ff7518 150%)}[data-theme=contrast] .usercard-banner{background:linear-gradient(120deg,#000,#ff0 160%)}[data-theme=retro] .usercard-banner{background:linear-gradient(160deg,#cfc9a0,#1f8a1f 190%)}.theme-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.theme-card{text-align:left;background:var(--bg);border:1px solid var(--border-2);cursor:pointer;border-radius:8px;padding:0;overflow:hidden}.theme-card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-prev{height:38px;display:flex}.theme-prev span{flex:1}.theme-name{color:var(--text-dim);padding:.4rem .5rem;font-size:.78rem;display:block}.theme-card.sel .theme-name{color:var(--text-strong)}.usercard-avatar{border:4px solid var(--bg-2);border-radius:50%;margin-top:-38px}.usercard-name{margin-top:.5rem;font-size:1.15rem;font-weight:700}.usercard-handle{color:var(--muted);font-size:.85rem}.usercard-mutual{color:var(--text-dim);margin-top:.7rem;font-size:.82rem}.usercard-mutual b{color:var(--accent)}.usercard-actions{gap:.5rem;margin:.9rem 0 1rem;display:flex}.settings-tabs{gap:.3rem;margin-bottom:.8rem;display:flex}.settings-tabs button{background:var(--bg);border:1px solid var(--border-2);color:var(--text-dim);cursor:pointer;border-radius:6px;flex:1;padding:.5rem;font-size:.85rem}.settings-tabs button.active{color:var(--text-strong);border-color:var(--accent);background:var(--bg-3)}.settings-avatar{align-items:center;gap:.7rem;margin-bottom:.4rem;display:flex}.srv{align-items:center;gap:.5rem;display:flex}.srv-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.srv-head-actions{gap:2px;display:flex}.server-banner{background-position:50%;background-size:cover;border-radius:8px;align-items:flex-end;height:130px;margin-bottom:.4rem;display:flex;position:relative;overflow:hidden}.server-banner:after{content:"";background:linear-gradient(#0000 45%,#000000a6);position:absolute;inset:0}.server-banner-name{z-index:1;color:#fff;text-shadow:0 1px 3px #000000b3;padding:.35rem .55rem;font-size:.8rem;font-weight:700;position:relative}.banner-edit{border:1px solid var(--border-2);background-position:50%;background-size:cover;background-color:var(--bg);border-radius:8px;justify-content:center;align-items:center;height:100px;display:flex;position:relative}.banner-upload-btn{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex;position:absolute;bottom:6px;right:6px}.banner-clear{right:84px}.composer-locked{border-top:1px solid var(--border);color:var(--muted);justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1rem;font-size:.85rem;display:flex}.help h4{color:var(--accent);margin:.8rem 0 .3rem;font-size:.85rem}.help ul{flex-direction:column;gap:.2rem;margin:0;padding-left:1.1rem;display:flex}.help li{color:var(--text-dim);font-size:.84rem}.help b{color:var(--text)}.guild .servers{gap:2px;max-height:38vh;padding:0 .3rem;overflow:auto}.guild>.guild-body{flex:1;min-height:0}.left-events{max-height:46vh;overflow:auto}.left-events .guild-body{padding:.3rem;overflow:visible}.left-events .ev-form input,.left-events .ev-form select{font-size:.8rem}.role-list{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow:auto}.role-row{text-align:left;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.role-row:hover{background:var(--bg-3)}.role-row.active{background:var(--bg-3);color:var(--text-strong);box-shadow:inset 2px 0 0 var(--accent)}.role-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.role-editor{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:.2rem;padding-top:.6rem;display:flex}.perm-grid{grid-template-columns:1fr 1fr;gap:.3rem .6rem;display:grid}.perm-check{color:var(--text-dim);cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.perm-check input{width:auto}.members-tab{gap:.4rem;max-height:360px;overflow:auto}.member-edit{border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;padding:.4rem;display:flex}.member-edit-main{flex:1;min-width:0}.member-edit-name{align-items:center;gap:.4rem;font-size:.88rem;display:flex}.owner-tag{text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:.05rem .3rem;font-size:.62rem}.member-roles-edit{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.25rem;display:flex}.role-chip{background:var(--bg-3);color:var(--text-dim);border-radius:10px;align-items:center;gap:.2rem;padding:.1rem .5rem;font-size:.72rem;display:inline-flex}.role-chip button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.role-chip button:hover{color:var(--danger)}.member-roles-edit select{background:var(--bg);border:1px solid var(--border-2);color:var(--text-dim);border-radius:6px;padding:.1rem .3rem;font-size:.72rem}.dlg-sep{border:none;border-top:1px solid var(--border);margin:.8rem 0 .2rem}.avatar-upload{gap:.4rem;display:flex}.avatar-upload input[type=text],.avatar-upload>input:not([type]){flex:1;min-width:0}.toast{z-index:90;cursor:pointer;background:var(--bg-3);color:var(--text);border:1px solid var(--border-2);border-radius:8px;max-width:90vw;padding:.6rem 1rem;font-size:.88rem;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.toast.error{border-color:var(--danger);color:#ffd7d7}.toast.info{border-color:var(--accent)}.icon{vertical-align:middle;flex-shrink:0}.chan{align-items:center;gap:.45rem;display:flex}.chan-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chan-icon{color:var(--muted)}.chan.active .chan-icon{color:var(--accent)}.chan-lock{color:var(--accent);flex-shrink:0;margin-left:auto}.chan-e2ee{color:var(--accent);align-items:center;gap:.25rem;margin-left:.6rem;font-size:.72rem;display:inline-flex}.e2ee-check{color:var(--text-dim);cursor:pointer;align-items:center;gap:.45rem;font-size:.85rem;display:flex}.e2ee-check span{align-items:center;gap:.3rem;display:inline-flex}.e2ee-check input{width:auto}.chan-roles{border:1px solid var(--border);background:var(--bg-1);border-radius:6px;flex-direction:column;gap:.15rem;max-height:160px;padding:.4rem;display:flex;overflow-y:auto}.chan-role{color:var(--text);cursor:pointer;border-radius:4px;align-items:center;gap:.45rem;padding:.15rem .2rem;font-size:.85rem;display:flex}.chan-role:hover{background:var(--row-hover)}.chan-role input{width:auto}.cat-label{align-items:center;gap:.25rem;display:flex}.cat-chev{color:var(--muted)}.chan-head{align-items:center;gap:.5rem;display:flex}.chan-head .chan-icon{color:var(--muted)}.voice-room{align-items:center;gap:.3rem;display:inline-flex}.vbtn{justify-content:center;align-items:center;display:inline-flex}.vc-mute{color:var(--muted);margin-left:auto}.icon-btn{justify-content:center;align-items:center;display:inline-flex}.guild-tabs button,.kind-toggle button{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.icon-btn-text{align-items:center;gap:.3rem;display:inline-flex}.composer button{justify-content:center;align-items:center;display:inline-flex}