*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#e0e0e0;height:100dvh;overflow:hidden}#root{height:100dvh;display:flex;flex-direction:column}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.auth-screen h1{font-size:2rem;color:#fff}.auth-screen p{color:#888;margin-bottom:1rem}.dev-login{margin-top:1rem;padding:.5rem 1rem;background:#333;color:#aaa;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:.85rem}.dev-login:hover{background:#444}.chat-container{display:flex;flex-direction:column;height:100%}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;background:#111;border-bottom:1px solid #222}.chat-header h1{font-size:.9rem;color:#fff;font-weight:600}.status{font-size:.68rem;padding:.15rem .4rem;border-radius:10px}.status.online{background:#0a2e1a;color:#4ade80}.status.offline{background:#2e0a0a;color:#f87171}.status.relay{background:#2e2a0a;color:#facc15}.auth-error{color:#f87171;font-size:.85rem}.messages{flex:1;overflow-y:auto;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.4rem}.message{max-width:85%;padding:.4rem .65rem;border-radius:8px}.message.alpha{align-self:flex-start;background:#1a1a2e;border:1px solid #2a2a4a}.message.user{align-self:flex-end;background:#1a2e1a;border:1px solid #2a4a2a}.message.system{align-self:center;background:#1a1a1a;border:1px solid #333;max-width:92%;font-size:.75rem}.message.system strong{color:#d4a853}.message.system .msg-body{color:#ccc}.message strong{display:block;font-size:.65rem;color:#666;margin-bottom:.1rem;text-transform:uppercase;letter-spacing:.03em}.message time{display:block;font-size:.6rem;color:#444;margin-top:.15rem;text-align:right}.msg-body{font-size:.8rem;line-height:1.4}.msg-body p{margin:.15rem 0}.msg-body h1,.msg-body h2,.msg-body h3{color:#fff;margin:.35rem 0 .1rem}.msg-body h1{font-size:.9rem}.msg-body h2{font-size:.85rem}.msg-body h3{font-size:.8rem}.msg-body ul,.msg-body ol{padding-left:1.1rem;margin:.15rem 0}.msg-body li{margin:.1rem 0}.msg-body code{background:#2a2a2a;padding:.05rem .25rem;border-radius:3px;font-size:.85em}.msg-body pre{background:#111;padding:.4rem;border-radius:5px;overflow-x:auto;margin:.3rem 0}.msg-body pre code{background:none;padding:0;font-size:.75rem}.msg-body a{color:#4ade80;text-decoration:underline}.msg-body table{border-collapse:collapse;width:100%;margin:.3rem 0;font-size:.73rem}.msg-body th,.msg-body td{border:1px solid #333;padding:.2rem .35rem;text-align:left}.msg-body th{background:#1a1a2e;color:#fff}.msg-body blockquote{border-left:2px solid #4ade80;padding-left:.5rem;margin:.3rem 0;color:#aaa;font-size:.78rem}.msg-body hr{border:none;border-top:1px solid #333;margin:.3rem 0}.input-bar{display:flex;padding:.4rem .5rem;background:#111;border-top:1px solid #222;gap:.35rem}.input-bar input{flex:1;padding:.5rem .7rem;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#e0e0e0;font-size:.82rem;outline:none}.input-bar input:focus{border-color:#555}.input-bar button{padding:.5rem 1rem;background:#2a4a2a;color:#4ade80;border:none;border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:600}.input-bar button:hover:not(:disabled){background:#3a5a3a}.input-bar button:disabled{opacity:.4;cursor:not-allowed}@media(min-width:768px){.messages{padding:.75rem 20%}.message{max-width:65%}}