*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f0f;color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;height:100vh;overflow:hidden;-webkit-tap-highlight-color:transparent}#root{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.container{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:400px}.main-button{width:160px;height:160px;border-radius:50%;border:2px solid #00d4ff;background:transparent;color:#00d4ff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease;font-family:inherit;outline:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.main-button:active{transform:scale(.96)}.main-button svg{width:48px;height:48px;flex-shrink:0}.main-button span{font-size:.95rem;font-weight:500;letter-spacing:.02em}.main-button.connecting{border-color:#888;color:#888;cursor:wait}.main-button.active{background:#00d4ff;color:#0f0f0f;border-color:#00d4ff;animation:pulse 2s ease-in-out infinite}.main-button.error{border-color:#f44;color:#f44}@keyframes pulse{0%,to{box-shadow:0 0 #00d4ff80}50%{box-shadow:0 0 0 24px #00d4ff00}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.status-text{font-size:.875rem;color:#888;text-align:center;min-height:1.5rem}.retry-button{margin-top:.5rem;padding:.5rem 1.25rem;border-radius:.5rem;border:1px solid #00d4ff;background:transparent;color:#00d4ff;font-family:inherit;font-size:.875rem;cursor:pointer}.retry-button:active{background:#00d4ff1a}@media(min-width:768px){.main-button{width:180px;height:180px}.main-button svg{width:56px;height:56px}.main-button span{font-size:1.05rem}}