@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";.loading-screen{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,sans-serif;z-index:1000}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;overflow:hidden;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.App{width:100vw;height:100vh;background-color:#000}canvas{display:block}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:Inter,sans-serif;pointer-events:none;z-index:10}.ui-overlay>*{pointer-events:auto}.ui-overlay p{pointer-events:none}.user-input-form,.controls,.performer-controls{background:#000c;padding:25px;border-radius:12px;text-align:center;box-shadow:0 4px 30px #0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);max-width:90%;margin:20px}.controls{position:fixed;top:20px;right:20px;max-width:220px;margin:0;padding:20px;display:flex;flex-direction:column;gap:12px;z-index:9999;background:#000000e6;border-radius:15px;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0006}.controls button{width:100%;margin:0;padding:12px 16px;font-size:1em;font-weight:600;border-radius:10px;border:2px solid rgba(255,255,255,.3);background:#fff3;color:#fff;transition:all .3s ease}.controls button:hover{background:#ffffff4d;border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 16px #007bff4d}.controls button:active,.controls button[active]{background:#007bff;border-color:#0056b3;transform:translateY(0)}.user-input-form h2{color:#fff;margin-bottom:20px;font-size:1.8em}.user-input-form input[type=text],.user-input-form button,.controls button,.performer-controls button{display:block;width:calc(100% - 20px);margin:10px auto;padding:12px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:#fff;font-size:1em;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.user-input-form input[type=text]::placeholder{color:#ffffffb3}.user-input-form input[type=text]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.custom-file-upload{display:inline-block;padding:12px 15px;cursor:pointer;background-color:#ffffff1a;color:#fff;border-radius:8px;border:1px solid rgba(255,255,255,.2);margin:10px auto;width:calc(100% - 20px);transition:background-color .3s ease}.custom-file-upload:hover{background-color:#fff3}.image-preview-container{margin-top:15px;margin-bottom:15px;text-align:center}.image-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #007bff}.countdown,.live-indicator,.thank-you{font-size:2.5em;font-weight:700;margin-top:20px;text-shadow:0 0 10px rgba(0,123,255,.5);position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:9998}.live-indicator{color:#ff3b3b;animation:pulse 1.5s infinite alternate}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.performer-controls{position:absolute;bottom:20px;width:auto;min-width:250px;display:flex;flex-direction:column}.ui-overlay-bottom{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.r3f-html{z-index:8000!important}.controls,.countdown,.live-indicator,.thank-you{z-index:12000!important;pointer-events:auto}#overlay-root{position:fixed;inset:0;pointer-events:none;z-index:10000}#overlay-root .controls,#overlay-root .performer-controls,#overlay-root .user-input-form,#overlay-root .countdown,#overlay-root .live-indicator,#overlay-root .thank-you{pointer-events:auto}