:root{--bg:#0a0a0a;--panel:#121212;--panel2:#1a1a1a;--border:#262626;--text:#e8e8e8;--muted:#8a8a8a;--lime:#c6ff00;--lime-dim:#9bcc00;--in:#1e1e1e;--out:#2a3a00}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:340px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:14px}.login-card .brand{font-size:20px;font-weight:800;text-align:center;margin-bottom:8px}.login-card .brand span{color:var(--lime)}.login-card input{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:15px;outline:none}.login-card input:focus{border-color:var(--lime-dim)}.login-card button{background:var(--lime);color:#0a0a0a;font-weight:800;border:none;border-radius:10px;padding:12px;cursor:pointer;font-size:15px}.login-card button:disabled{opacity:.5;cursor:default}.login-card .err{color:#ff5b5b;font-size:13px;text-align:center}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:320px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column}.side-head{padding:18px 16px;font-weight:800;border-bottom:1px solid var(--border)}.conv-list{flex:1 1;overflow-y:auto}.conv{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer}.conv.active,.conv:hover{background:var(--panel2)}.conv.active{border-left:3px solid var(--lime)}.conv-name{font-weight:600;font-size:14px}.conv-last{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.empty{padding:24px 16px;text-align:center;line-height:1.6}.empty,.logout{color:var(--muted);font-size:13px}.logout{margin:12px;padding:9px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer}.logout:hover{color:#ff5b5b;border-color:#ff5b5b44}.chat{flex:1 1;display:flex;flex-direction:column;min-width:0}.placeholder{flex:1 1;justify-content:center;color:var(--muted)}.chat-head,.placeholder{display:flex;align-items:center}.chat-head{padding:16px;border-bottom:1px solid var(--border);justify-content:space-between;font-weight:600}.badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.badge.ok{background:#2a3a00;color:var(--lime)}.badge.off{background:#3a1a1a;color:#ff8b8b}.msgs{flex:1 1;overflow-y:auto;padding:18px;flex-direction:column;gap:8px}.msg,.msgs{display:flex}.msg.out{justify-content:flex-end}.bubble{max-width:70%;padding:9px 13px;border-radius:12px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.msg.in .bubble{background:var(--in);border-bottom-left-radius:3px}.msg.out .bubble{background:var(--out);border-bottom-right-radius:3px}.bubble .st{display:block;font-size:10px;color:var(--muted);margin-top:4px;text-align:right}.composer{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--border)}.composer input{flex:1 1;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text);outline:none}.composer input:focus{border-color:var(--lime-dim)}.composer input:disabled{opacity:.5}.composer button{background:var(--lime);color:#0a0a0a;font-weight:800;border:none;border-radius:10px;padding:0 22px;cursor:pointer}.composer button:disabled{opacity:.4;cursor:default}.composer-err{padding:0 16px 12px;color:#ff5b5b;font-size:12px}@media (max-width:720px){.sidebar{width:100%;position:absolute;z-index:5;height:100%}}