*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:transparent!important;overflow:hidden}body{background:transparent!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}#root{background:transparent!important;display:flex;align-items:center;justify-content:center}.debug-panel{position:fixed;top:10px;left:10px;background:#000c;color:#0f0;padding:12px 16px;border-radius:8px;font-family:Courier New,monospace;font-size:12px;z-index:10000;min-width:200px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,255,0,.3)}.debug-panel .debug-row{display:flex;justify-content:space-between;margin-bottom:4px}.debug-panel .debug-row:last-child{margin-bottom:0}.debug-panel .debug-label{color:#888}.debug-panel .debug-value{color:#0f0;font-weight:700}.debug-panel .debug-value.error{color:#f44}.debug-panel .debug-value.success{color:#4f4}.debug-panel .debug-value.warning{color:#fa0}.connection-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.connection-indicator.connected{background:#4f4;box-shadow:0 0 8px #4f4}.connection-indicator.connecting{background:#fa0;animation:pulse 1s infinite}.connection-indicator.disconnected{background:#f44}.connection-indicator.error{background:#f44;animation:blink .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}