:root{--bg: #090b10;--panel: #12161f;--border: #2c3342;--text: #e7ebf5;--muted: #8d96ab;--accent: #d4ff3f;--danger: #ff5d6c;--ok: #5eead4;--warn: #fbbf24}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;background:linear-gradient(180deg,#121826 0%,var(--bg) 40%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 3px);color:var(--text)}button,input,select{font:inherit;border-radius:0;border:1px solid var(--border);background:#0e121a;color:var(--text);padding:8px 10px}button{cursor:pointer;border-color:var(--accent);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}button:disabled{opacity:.4;cursor:not-allowed}button.danger{border-color:var(--danger);color:var(--danger)}button.ghost{border-color:var(--border);color:var(--muted)}.app{max-width:1100px;margin:0 auto;padding:20px}.top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:12px}.top h1{margin:0;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase}.tag{color:var(--muted);font-size:.85rem}.grid{display:grid;gap:12px}@media(min-width:900px){.grid.main{grid-template-columns:1.2fr .8fr}}.panel{background:var(--panel);border:1px solid var(--border);padding:14px}.panel h2{margin:0 0 10px;font-size:.95rem;color:var(--ok);letter-spacing:.08em;text-transform:uppercase}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.chip{display:inline-block;border:1px solid var(--border);padding:2px 8px;color:var(--warn)}.log{max-height:220px;overflow:auto;font-size:.9rem;color:var(--muted)}.log div{padding:3px 0;border-bottom:1px dashed #222833}.card{border:1px solid var(--border);padding:10px;margin-bottom:8px;background:#0c1018}.card strong{color:var(--accent)}.err{color:var(--danger);margin:8px 0}.invite{font-family:ui-monospace,monospace;font-size:1.2rem;letter-spacing:.2em;color:var(--accent)}a{color:var(--ok)}