@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;700&family=Sora:wght@300;500;600&display=swap";:root{color-scheme:only light;font-family:Sora,Avenir Next,Helvetica Neue,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1f2430;--muted: #5d6677;--panel: #ffffff;--panel-border: rgba(31, 36, 48, .12);--accent: #1f3a5f;--accent-2: #f1c38f;--accent-3: #c9b59a;--bg: #f6efe6;--error: #b9383d;--success: #1b7f5a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#fef5e5 0%,transparent 48%),radial-gradient(circle at 20% 30%,#f3d7b6 0%,transparent 45%),linear-gradient(120deg,#f6efe6,#f7f0e7,#f4eadb);color:var(--ink)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 90%,rgba(31,58,95,.12),transparent 50%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}code{font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;background:#1f3a5f14;padding:.1rem .35rem;border-radius:6px}.app{min-height:100vh;background-color:#b2c248;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}h1{font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,5vw,3rem);margin:0 0 48px;color:#fff;text-align:center}.status-section{display:flex;flex-direction:column;gap:24px;align-items:center}.status-item{display:flex;align-items:center;gap:12px;font-size:1.1rem;color:#fff}.status{font-weight:600}.status.connected{color:#fff}.status.connecting{color:#fffc}.status.disconnected{color:#fff9}.retry-button{padding:8px 16px;background-color:#fff;color:#b2c248;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.retry-button:hover{opacity:.9}.retry-button:active{opacity:.8}