*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#fafafa;min-height:100vh}.container{max-width:800px;margin:0 auto;padding:2rem}h1{margin-bottom:1.5rem;font-size:2rem}.controls{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;background:#3b82f6;color:#fff;transition:background .2s}button:hover:not(:disabled){background:#2563eb}button:disabled{background:#374151;cursor:not-allowed}.status{margin-left:auto;font-weight:500}.status.connected{color:#22c55e}.status.disconnected{color:#ef4444}.messages{background:#1a1a1a;border-radius:8px;padding:1rem;min-height:400px;max-height:600px;overflow-y:auto}.empty{color:#6b7280;text-align:center;padding:2rem}.message{padding:.75rem;background:#262626;border-radius:4px;margin-bottom:.5rem;font-family:Monaco,Menlo,monospace;font-size:.9rem}.message:last-child{margin-bottom:0}