body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f9f9f9;color:#333;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{max-width:600px;width:100%;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;text-align:center}h1{font-size:2.25rem;margin-top:0;margin-bottom:.5rem;color:#111}.subtitle{font-size:1.1rem;color:#666;margin-bottom:2rem}.status-box{margin-top:2rem;padding:1rem;background-color:#f1f3f5;border-radius:6px;font-weight:500}.status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.status.loading{background-color:#ffe066;color:#868e96}.status.connected{background-color:#d3f9d8;color:#2b8a3e}.status.error{background-color:#ffe3e3;color:#c92a2a}