:root{--bg:#191a1c;--rail:#16171a;--center:#242529;--panel:#2e3035;--line:#37393f;--txt:#e6e7ea;--muted:#969aa1;--accent:#d9694a;--sand:#d9a066;--ink:#fff5f2;--whisper:#b197fc}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--txt);margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{flex-direction:column;display:flex}.brand{letter-spacing:.5px;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700}.brand span{color:var(--sand)}.brand-lg{text-shadow:0 1px #000,0 0 26px #d9a0664d;font-size:44px}.auth-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:24px;display:flex;position:relative;overflow:hidden}.auth-glow{z-index:0;pointer-events:none;background:radial-gradient(900px 480px at 50% -10%,#d9694a29,#0000 62%),radial-gradient(760px 500px at 50% 116%,#d9a0661c,#0000 60%);position:absolute;inset:0}.auth-card{z-index:1;border:1px solid var(--line);background:linear-gradient(#212327,#1a1b1e);border-radius:18px;flex-direction:column;align-items:center;gap:13px;width:344px;max-width:calc(100vw - 40px);padding:34px 30px 28px;display:flex;position:relative;box-shadow:0 28px 70px #0000008c,inset 0 1px #ffffff0a}.auth-card .brand-lg{margin-bottom:2px}.auth-tagline{color:var(--ink);text-align:center;margin:0;font-size:17px;font-weight:700}.auth-sub{color:var(--muted);text-align:center;max-width:280px;margin:-7px 0 4px;font-size:12.5px;line-height:1.5}.auth-field-wrap{width:100%;position:relative}.auth-field-wrap .ic{opacity:.55;pointer-events:none;font-size:13px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.field{background:var(--panel);border:1px solid var(--line);color:var(--txt);border-radius:10px;outline:none;width:100%;padding:12px 14px 12px 38px;font-size:15px;transition:border-color .12s,box-shadow .12s}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d9694a29}.btn-col{flex-direction:column;gap:9px;width:100%;margin-top:3px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:700;transition:filter .12s,border-color .12s,transform 80ms}.btn:active{transform:translateY(1px)}.btn-primary{color:var(--ink);background:linear-gradient(#e2764f,#d05233);box-shadow:0 6px 18px #d052334d}.btn-primary:hover{filter:brightness(1.07)}.btn-primary:disabled{opacity:.5;cursor:default;filter:none;box-shadow:none}.btn-ghost{border:1px solid var(--line);color:var(--txt);background:0 0;font-weight:600}.btn-ghost:hover{border-color:var(--accent)}.login-alt{color:var(--muted);font-size:13px}.login-alt a{color:var(--sand);cursor:pointer;text-decoration:underline}.err{color:#ff9d9d;text-align:center;min-height:16px;font-size:13px}.auth-rooms{z-index:1;flex-direction:column;align-items:center;gap:9px;display:flex;position:relative}.auth-rooms-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:10.5px}.auth-pills{flex-wrap:wrap;justify-content:center;gap:7px;max-width:360px;display:flex}.auth-pill{border:1px solid var(--line);color:var(--txt);background:#ffffff08;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;display:inline-flex}.auth-pill .dot{background:#51cf66;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 7px #51cf66b3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.auth-spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;margin-top:4px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{flex-direction:column;flex:1;min-height:0;display:flex}.topbar{background:var(--rail);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:9px 16px;display:flex}.topbar .tag{color:var(--muted);border-left:1px solid var(--line);padding-left:12px;font-size:12.5px}.topbar .me{color:var(--muted);margin-left:auto;font-size:12.5px}.topbar .me b{color:var(--txt)}.body{flex:1;min-height:0;display:flex}.rail{background:var(--rail);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:84px;padding:12px 8px;display:flex}.rail .lbl,.rail .foot{text-align:center;width:100%}.rail .lbl{border-top:1px solid var(--line);padding-top:10px}.rail .foot{border-top:1px solid var(--line);padding-top:8px}.lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.roomsel{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--txt);cursor:pointer;border-radius:8px;outline:none;padding:9px 10px;font-size:14px;transition:border-color .12s}.roomsel:hover,.roomsel:focus{border-color:var(--accent)}.tools{flex-direction:column;align-items:center;gap:8px;display:flex}.tool{background:var(--panel);border:1px solid var(--line);width:38px;height:38px;color:var(--txt);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:16px;text-decoration:none;transition:border-color .12s,background .12s,box-shadow .12s,transform 80ms;display:flex}.tool:hover{border-color:var(--accent);background:var(--line)}.tool:active{transform:translateY(1px)}.tool.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tool.afk.on{background:var(--accent);color:var(--ink);border-color:var(--accent);box-shadow:0 0 0 3px #d9694a38}.foot{color:var(--muted);opacity:.7;margin-top:auto;font-size:11px}.center{background:var(--center);flex-direction:column;flex:1;min-width:0;display:flex}.messages{flex:1;padding:12px 16px;font-size:14px;line-height:1.55;overflow-y:auto}.line{word-break:break-word;margin:2px 0}.line .t{color:var(--muted);font-variant-numeric:tabular-nums;opacity:.6;margin-right:8px;font-size:11px;font-style:normal;font-weight:400}.messages.hidets .t{display:none}.line .n{font-weight:700}.line.action{font-style:italic;font-weight:700}.wlabel{color:var(--muted);font-style:italic}.redmsg{color:#ff5b5b}.plainline{color:#d9c7c0;margin:3px 0;font-size:13px}.opchat{color:#4dabf7;margin:3px 0;font-size:13px}.opchat-pre{font-style:italic}.roomtitle{color:var(--sand);margin:10px 0 2px;font-size:15px;font-weight:700}.anwesende{color:var(--txt);margin:0 0 8px;font-size:13px;font-weight:700}.sysline{margin:3px 0;font-size:13px;line-height:1.5}.sysline .nn{color:var(--sand);font-weight:700}.sysline .mm{color:#d9c7c0;font-style:italic}.composer{border-top:1px solid var(--line);background:var(--rail);flex-direction:column;gap:8px;padding:9px 10px;display:flex}.composer .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.text{background:var(--panel);border:1px solid var(--line);min-width:140px;color:var(--txt);border-radius:8px;outline:none;flex:0 560px;padding:11px 12px;font-size:14px}.text:focus{border-color:var(--accent)}.text.whispering{border-color:var(--whisper);background:#b197fc14}.go{padding:11px 18px}.chk{color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.chk input{accent-color:var(--accent)}.swatches{flex-shrink:0;align-items:center;gap:5px;display:flex}.rail-swatches{flex-wrap:wrap;justify-content:center;gap:6px}.rail-swatches .sw{width:24px;height:24px}.sw-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-right:2px;font-size:11px}.sw{cursor:pointer;border:2px solid #0000;border-radius:5px;width:20px;height:20px;padding:0;transition:transform .1s,border-color .1s,box-shadow .1s}.smiley-wrap{flex-shrink:0;display:flex;position:relative}.smiley-btn{font-size:16px}.smiley-pop{z-index:40;background:var(--rail);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(8,1fr);gap:2px;width:232px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 28px #00000080}.smiley-pop button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;width:26px;height:26px;padding:0;font-size:16px;line-height:1}.smiley-pop button:hover{background:var(--panel);border-color:var(--line)}.sw:hover{transform:scale(1.1)}.sw.on{border-color:var(--ink);box-shadow:0 0 0 1px #000}.rail-right{background:var(--rail);border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;width:210px;min-height:0;display:flex}.chan-head{background:var(--panel);color:var(--txt);border-bottom:1px solid var(--line);padding:10px 12px;font-weight:700}.chan-count{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:6px 12px;font-size:11px;font-weight:700}.userlist{flex:1;min-height:0;padding:6px 8px;overflow:auto}.rail-right>.lbl{padding:10px 12px 4px}.rail-right>.roomsel{width:calc(100% - 24px);margin:0 12px 10px}.user{cursor:pointer;border-radius:6px;padding:5px 8px;font-size:14px}.user:before{content:"» ";color:var(--muted)}.user:hover{background:var(--panel)}.user.away{color:var(--muted);font-style:italic}@media (width<=720px){.rail{width:60px;padding:10px 8px}.rail .lbl,.rail .foot{display:none}.roomsel{padding:8px 4px;font-size:12px}.rail-right{width:150px}.topbar .tag{display:none}}.team-list{flex-wrap:wrap;gap:8px;display:flex}.team{background:var(--panel);border:1px solid var(--line);border-radius:20px;align-items:center;gap:7px;padding:5px 12px 5px 10px;font-size:13px;display:inline-flex}.team .dot{background:#5a5f66;border-radius:50%;flex-shrink:0;width:8px;height:8px}.team.on .dot{background:#51cf66}.team em{color:var(--muted);font-size:11px;font-style:normal}.team-empty{color:var(--muted);font-size:13px}.idcard-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.idcard{background:var(--center);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:280px;max-width:90vw;padding:26px 22px 22px;display:flex;position:relative;box-shadow:0 16px 48px #0000008c}.idcard-close{position:absolute;top:10px;right:10px}.idcard-avatar{background:var(--panel);border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;font-size:30px;font-weight:800;display:flex}.idcard-nick{font-size:20px;font-weight:800;line-height:1}.idcard-role{text-transform:uppercase;letter-spacing:.07em;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.idcard-role.role-admin{color:#e5484d;border-color:#e5484d80}.idcard-role.role-op{color:#4aa3df;border-color:#4aa3df80}.idcard-role.role-member{color:var(--sand);border-color:#d9a06680}.idcard-status{color:var(--muted);font-size:13px}.idcard-actions{gap:8px;width:100%;margin-top:6px;display:flex}.idcard-actions .btn{flex:1;padding:9px 10px;font-size:13px}.idcard-self{color:var(--muted);margin-top:4px;font-size:13px}.idcard-actions a.btn{text-align:center;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.landing{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.lnav{align-items:center;width:100%;max-width:1120px;margin:0 auto;padding:15px 22px;display:flex}.lnav .brand{font-size:24px}.landing .hero{flex:1 0 auto;grid-template-columns:1.5fr .9fr;align-items:start;gap:26px;width:100%;max-width:1120px;margin:0 auto;padding:14px 22px 34px;display:grid}.landing .lead{grid-column:1/-1;margin:4px 2px 0}.landing .lead h1{color:var(--ink);margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:700}.landing .lead p{color:var(--muted);margin:0;font-size:14px}.show{border:1px solid var(--line);background:linear-gradient(#202226,#191a1d);border-radius:16px;flex-direction:column;min-height:320px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #00000073}.show-head{border-bottom:1px solid var(--line);background:#00000026;align-items:center;gap:10px;padding:12px 16px;display:flex}.show-head .rm{color:var(--txt);font-weight:700}.show-head .live{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:12px;display:inline-flex}.show-head .live i{background:#51cf66;border-radius:50%;width:7px;height:7px;animation:2s infinite cs-pulse;box-shadow:0 0 8px #51cf66cc}.show-head .live.off{opacity:.6}.show-head .live.off i{box-shadow:none;background:#8a8f97;animation:none}.show-head .cnt{color:var(--muted);margin-left:auto;font-size:13px}.show-head .cnt b{color:var(--txt);font-variant-numeric:tabular-nums}@keyframes cs-pulse{0%,to{opacity:1}50%{opacity:.4}}.feed{flex-direction:column;flex:1;justify-content:flex-end;gap:9px;padding:14px 16px;display:flex;overflow:hidden}.wln{word-break:break-word;color:var(--txt);font-size:14.5px;line-height:1.45;animation:.45s cs-rise}.wln .wn{font-weight:700}.wln.sys{color:var(--muted);margin-top:4px}.wln.sys:before{content:none}.wln.sys .pre{color:var(--sand);margin-right:5px;font-weight:700}.wln.sys .stxt{font-style:italic}@keyframes cs-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.landing .col{flex-direction:column;gap:16px;display:flex;position:sticky;top:14px}.landing .login{border:1px solid var(--line);background:linear-gradient(#212327,#1a1b1e);border-radius:16px;flex-direction:column;gap:11px;padding:22px 20px;display:flex;box-shadow:0 18px 44px #0006}.landing .login h2{color:var(--ink);margin:0 0 2px;font-size:15px;font-weight:700}.landing .login .sub{color:var(--muted);margin:-2px 0 6px;font-size:12.5px}.landing .login .btn{width:100%}.landing .rlbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:4px 0 -5px;font-size:11px}.landing .select{appearance:none;cursor:pointer;padding-right:30px}.landing .chev{color:var(--muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.landing .alt{color:var(--muted);text-align:center;margin-top:2px;font-size:12.5px}.landing .alt a{color:var(--sand);cursor:pointer;text-decoration:underline}.lfoot{border-top:1px solid var(--line);background:#141517}.foot-in{flex-wrap:wrap;gap:22px 40px;width:100%;max-width:1120px;margin:0 auto;padding:22px;display:flex}.lfoot .fcol h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 9px;font-size:11px}.lfoot .fcol a{color:var(--txt);padding:3px 0;font-size:13px;text-decoration:none;display:block}.lfoot .fcol a:hover{color:var(--sand)}.lfoot .fcol a.ext:after{content:" ↗";color:var(--muted);font-size:11px}.lfoot .fbrand{text-align:right;color:var(--muted);max-width:260px;margin-left:auto;font-size:12px}.lfoot .fbrand .brand{font-size:18px}.lfoot .fnote{margin-top:6px}@media (width<=860px){.landing .hero{grid-template-columns:1fr}.landing .col{position:static}.landing .lead{order:1}.show{order:2}.landing .col{order:3}.lfoot .fbrand{text-align:left;margin-left:0}}.landing .field-wrap{width:100%;position:relative}.landing .field-wrap .ic{opacity:.55;pointer-events:none;font-size:13px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.ctxmenu{z-index:60;background:var(--rail);border:1px solid var(--line);border-radius:10px;min-width:184px;padding:5px;position:fixed;box-shadow:0 12px 30px #0000008c}.ctx-head{color:var(--ink);border-bottom:1px solid var(--line);margin-bottom:4px;padding:5px 9px 7px;font-size:13px;font-weight:700}.ctx-item{text-align:left;width:100%;color:var(--txt);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 9px;font-size:13.5px;display:block}.ctx-item:before{content:"» ";color:var(--muted)}.ctx-item:hover{background:var(--panel)}.idcard-close{border:1px solid var(--line);width:30px;height:30px;color:var(--txt);cursor:pointer;background:0 0;border-radius:8px;font-size:13px;position:absolute;top:8px;right:8px}.idcard-close:hover{border-color:var(--accent)}.idcard-avatarimg{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.idcard-fields{flex-direction:column;gap:5px;width:100%;margin-top:4px;display:flex}.idcard-field{justify-content:space-between;gap:10px;font-size:13px;display:flex}.idcard-field span{color:var(--muted)}.idcard-field b{color:var(--txt)}.idcard-text{color:var(--txt);white-space:pre-wrap;text-align:left;border-top:1px solid var(--line);width:100%;margin-top:4px;padding-top:8px;font-size:13px}.idcard-edit{width:100%;margin-top:10px;text-decoration:none}