html,body{margin:0;padding:0;background:transparent!important;overflow:hidden;width:100%;height:100%}#root{width:100%;height:100%;background:transparent}.widget-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;pointer-events:none}.alert-wrapper{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.media-content{max-width:100%;max-height:100vh;object-fit:contain}.media-content.image,.media-content.video{max-width:100%;max-height:100vh}.media-content.audio{display:none}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.fade-in{animation:fadeIn var(--fade-in-duration, .5s) ease-out forwards}.fade-out{animation:fadeOut var(--fade-out-duration, .5s) ease-in forwards}.debug-info{position:fixed;bottom:10px;left:10px;background:#000000b3;color:#fff;padding:10px;border-radius:5px;font-family:monospace;font-size:12px;z-index:9999}.connection-status{position:fixed;top:10px;right:10px;padding:8px 16px;border-radius:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;z-index:9999;transition:all .3s ease}.connection-status.connecting{background:#ffc107e6;color:#000}.connection-status.connected{background:#28a745e6;color:#fff}.connection-status.disconnected{background:#dc3545e6;color:#fff}.connection-status.hidden{opacity:0;pointer-events:none}.setup-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.setup-box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px;max-width:500px;text-align:center;border:1px solid rgba(255,255,255,.2)}.setup-box h1{margin:0 0 20px;font-size:28px;background:linear-gradient(90deg,#ff6b6b,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.setup-box p{margin:0 0 20px;color:#fffc;line-height:1.6}.setup-box .step{background:#0000004d;border-radius:8px;padding:15px;margin:10px 0;text-align:left}.setup-box .step-number{display:inline-block;width:24px;height:24px;background:#ff6b6b;border-radius:50%;text-align:center;line-height:24px;margin-right:10px;font-weight:700;font-size:14px}.setup-box code{background:#00000080;padding:2px 8px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px}.waiting-animation{margin-top:30px}.waiting-animation .dot{display:inline-block;width:10px;height:10px;background:#ff6b6b;border-radius:50%;margin:0 5px;animation:bounce 1.4s infinite ease-in-out both}.waiting-animation .dot:nth-child(1){animation-delay:-.32s}.waiting-animation .dot:nth-child(2){animation-delay:-.16s}.waiting-animation .dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}