:root{--bg: #0f1115;--fg: #e8eaed;--muted: #9aa0a6;--accent: #4f8cff;--ok: #2ecc71;--warn: #f5a623;--panel: #181b21;--border: #2a2e36}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap}.status{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.dot.connected{background:var(--ok)}.dot.reconnecting{background:var(--warn);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.spacer{flex:1}button{background:#20242c;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:14px;cursor:pointer}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}.content{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:32px}.clip{white-space:pre-wrap;word-break:break-word;text-align:center;max-width:1100px;width:100%;line-height:1.4}.empty{color:var(--muted);text-align:center}.token-gate{margin:auto;display:flex;flex-direction:column;gap:12px;width:min(420px,90vw);padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.token-gate h1{font-size:18px;margin:0}.token-gate input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--fg);padding:10px 12px;font-size:15px}