html,body{margin:0;padding:0;height:100%;background:#0a0a0a;color:#f0f0f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}a{color:#6ab0ff;text-decoration:none}button{font:inherit;padding:.6rem 1rem;border-radius:.4rem;border:1px solid #333;background:#1a1a1a;color:#f0f0f0;cursor:pointer}button:hover{background:#252525}button.primary{background:#2a5a8a;border-color:#3a7ab0}button.danger{background:#5a2a2a;border-color:#a04040}input,textarea{font:inherit;padding:.5rem .7rem;background:#161616;color:#f0f0f0;border:1px solid #333;border-radius:.3rem;width:100%}.app.svelte-12qhfyh{display:grid;grid-template-rows:auto 1fr auto;height:100vh;max-width:720px;margin:0 auto}header.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid #222}.brand.svelte-12qhfyh{font-weight:600;color:#f0f0f0}.status.svelte-12qhfyh{font-size:.75rem;color:#888;text-transform:lowercase}.status-connected.svelte-12qhfyh{color:#4ad66e}.status-connecting.svelte-12qhfyh{color:#e1b454}.status-disconnected.svelte-12qhfyh{color:#888}main.svelte-12qhfyh{overflow-y:auto;padding:1rem}nav.svelte-12qhfyh{display:flex;border-top:1px solid #222}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){flex:1;text-align:center;padding:.8rem 0;color:#888}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:#f0f0f0;background:#161616}.loading.svelte-12qhfyh{color:#888}.init-error.svelte-12qhfyh{background:#2a1010;border:1px solid #a04040;color:#ffd0d0;padding:.8rem;border-radius:.4rem;margin-bottom:1rem;font-size:.85rem}.init-error.svelte-12qhfyh pre:where(.svelte-12qhfyh){white-space:pre-wrap;word-break:break-word;margin:.4rem 0}