.connection-status[data-v-743f897f]{text-align:center;z-index:1000;justify-content:center;align-items:center;gap:8px;padding:6px;font-size:.85rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.connection-status.connecting[data-v-743f897f],.connection-status.reconnecting[data-v-743f897f]{color:#1a1a2e;background:#f0a500}.connection-status.disconnected[data-v-743f897f]{color:#fff;background:#e94560}.dot[data-v-743f897f]{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-743f897f}@keyframes pulse-743f897f{0%,to{opacity:1}50%{opacity:.3}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#eee;-webkit-font-smoothing:antialiased;background:#1a1a2e;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}#app{flex-direction:column;height:100%;display:flex}button{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#e94560}.btn-primary:hover:not(:disabled){background:#ff6b81}.btn-secondary{color:#eee;background:#0f3460;border:1px solid #2a2a4a}.btn-secondary:hover:not(:disabled){background:#124076}.btn-success{color:#1a1a2e;background:#4ecca3}.btn-success:hover:not(:disabled){background:#62d2ad}input{color:#eee;background:#16213e;border:1px solid #2a2a4a;border-radius:8px;outline:none;padding:8px 16px;font-size:1rem}input:focus{border-color:#e94560}input::placeholder{color:#999}.app{height:100%;position:relative}