@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111111;--bg2: #191919;--bg3: #1e1e1e;--border: #2a2a2a;--text: #d4d4d4;--dim: #555555;--green: #22c55e;--cyan: #38bdf8;--red: #f87171;--font: "JetBrains Mono", "SF Mono", "Fira Code", monospace}html,body,#root{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.login-box{width:100%;max-width:360px;background:var(--bg2);border:1px solid var(--border);padding:2rem 1.75rem}.login-logo{display:none}.login-header{margin-bottom:.25rem}.login-title{color:var(--green);font-size:.95rem;font-weight:500}.login-title:before{content:"$ ";color:var(--dim)}.login-sub{color:var(--dim);font-size:.75rem;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.375rem}.field label{color:var(--dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.field input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font);font-size:.85rem;padding:.5rem .625rem;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--green)}.field input::placeholder{color:var(--dim)}.field input:disabled{opacity:.5}.login-error{color:var(--red);font-size:.75rem}.login-form button{background:transparent;border:1px solid var(--green);color:var(--green);font-family:var(--font);font-size:.85rem;padding:.5rem;cursor:pointer;transition:background .15s,color .15s;margin-top:.5rem}.login-form button:hover:not(:disabled){background:var(--green);color:var(--bg)}.login-form button:disabled{opacity:.35;cursor:default}.chat-layout{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0}.header-brand{color:var(--text);font-weight:500;font-size:.85rem}.header-divider{color:var(--dim)}.header-room{color:var(--green);font-weight:500}.header-online{color:var(--dim);font-size:.75rem;background:transparent;border:none;font-family:var(--font);cursor:pointer;padding:.15rem .35rem;border-radius:2px;transition:color .15s,background .15s}.header-online:hover{color:var(--text)}.header-online.active{color:var(--green);background:#22c55e14}.header-spacer{flex:1}.header-user{color:var(--cyan);font-size:.8rem}.logout-btn{background:transparent;border:1px solid var(--border);color:var(--dim);font-family:var(--font);font-size:.72rem;padding:.2rem .5rem;cursor:pointer;transition:border-color .15s,color .15s}.logout-btn:hover{border-color:var(--red);color:var(--red)}.conn-banner{background:var(--bg3);color:var(--dim);text-align:center;padding:.25rem;font-size:.72rem;flex-shrink:0;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.3}}@keyframes thinking-fade{0%,80%,to{opacity:.2}40%{opacity:1}}.chat-messages{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.1rem}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.msg{display:flex;align-items:baseline;gap:.5rem;padding:.1rem .25rem;border-radius:2px;font-size:.82rem}.msg:hover{background:var(--bg3)}.msg:hover .kick-btn{display:inline}.msg-ts{color:var(--dim);font-size:.7rem;flex-shrink:0;min-width:2.8rem;text-align:right}.msg-nick{color:var(--text);font-weight:500;flex-shrink:0}.msg-nick-own{color:var(--green)}.msg-nick-bot{color:#a855f7}.msg-nick-admin{color:#f59e0b;font-weight:700}.msg-nick-system{color:var(--dim)}.msg-sep{color:var(--dim);flex-shrink:0}.msg-body{color:var(--text);word-break:break-word;white-space:pre-wrap}.msg-bot .msg-body{color:#93c5fd}.msg-system-text{color:var(--dim);font-style:italic;font-size:.78rem}.thinking-dots{display:flex;gap:.1rem;align-items:baseline}.thinking-dots span{color:#a855f7;font-size:1rem;animation:thinking-fade 1.4s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}.kick-btn{display:none;background:transparent;border:none;color:var(--red);font-family:var(--font);font-size:.7rem;cursor:pointer;padding:0 .25rem;opacity:.6;margin-left:auto}.kick-btn:hover{opacity:1}.del-btn{display:none;background:transparent;border:none;color:var(--dim);font-size:.7rem;cursor:pointer;padding:0 .2rem;opacity:.5;line-height:1}.del-btn:hover{opacity:1;color:var(--red)}.msg:hover .del-btn{display:inline}.chat-input-bar{flex-shrink:0;border-top:1px solid var(--border);padding:.5rem 1rem;background:var(--bg2)}.chat-form{display:flex;align-items:center;gap:.5rem}.input-prompt{color:var(--green);font-size:.9rem;flex-shrink:0}.chat-input{flex:1;background:transparent;border:none;color:var(--text);font-family:var(--font);font-size:.85rem;outline:none;caret-color:var(--green)}.chat-input::placeholder{color:var(--dim)}.send-btn{display:none}.users-panel{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;padding:.375rem 1rem;border-bottom:1px solid var(--border);background:var(--bg2);font-size:.75rem}.users-panel-label{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;flex-shrink:0;margin-right:.25rem}.users-panel-nick{color:var(--green);background:#22c55e12;border:1px solid rgba(34,197,94,.2);padding:.05rem .4rem;border-radius:2px}@media (max-width: 640px){html,body,#root{font-size:14px}.chat-header{gap:.5rem;padding:.5rem .75rem}.header-brand{font-size:.9rem}.header-divider,.header-room{display:none}.header-user{font-size:.78rem;max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{font-size:.72rem;padding:.35rem .6rem;min-height:2rem}.chat-messages{padding:.5rem .75rem;gap:.2rem}.msg{font-size:.88rem;gap:.4rem}.msg-ts{min-width:2.5rem;font-size:.68rem}.chat-input-bar{padding:.5rem .75rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.chat-input{font-size:16px}.kick-btn{display:inline;opacity:.5}.del-btn{display:inline;opacity:.4}.users-panel{padding:.375rem .75rem}}