:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;background:#fff}body{min-height:100vh;min-height:100dvh;overflow:hidden;overscroll-behavior:none;background-color:#fff!important;-webkit-tap-highlight-color:transparent}#app{position:fixed;top:0!important;left:0!important;width:100%!important;min-height:100vh;min-height:100dvh;height:100%!important;overflow:hidden;background-color:#fff}#idleVideo,#displayImage{position:fixed;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover;z-index:1}#interactionOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;cursor:pointer;background:transparent}#loadingOverlay{position:fixed;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000;display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .5s ease}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.sync-indicator{position:fixed;bottom:20px;right:20px;background:#000000b3;color:#fff;padding:8px 16px;border-radius:30px;display:flex;align-items:center;gap:8px;font-size:13px;z-index:1000;transition:opacity .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.spinner-tiny{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#f19001;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#contentFrame{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;border-width:0;outline:none;background-color:#000;z-index:5;display:none}#interactiveImage{position:fixed;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover;z-index:4}.hidden{display:none!important}.visible{display:block!important}::-webkit-scrollbar{display:none}#pairingOverlay{position:fixed;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;align-items:center;z-index:90;font-family:Montserrat,system-ui,sans-serif}.pairing-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:24px;text-align:center;max-width:500px;width:90%;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.brand-logo{height:40px;object-fit:contain;background:#ffffffe6;padding:8px 16px;border-radius:8px;margin-bottom:.5rem}.pairing-card h1{font-size:2.25rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.pairing-card p{color:#ffffffb3;font-size:1.1rem;margin:0}.code-display{background:#ffffff1a;border:2px dashed rgba(255,255,255,.2);padding:1rem 2rem;border-radius:12px;font-size:3.5rem;font-weight:800;color:#f19001;letter-spacing:.2em;font-family:monospace;width:100%;box-sizing:border-box}.waiting-indicator{display:flex;align-items:center;gap:12px;margin-top:1rem;background:#00589733;padding:10px 20px;border-radius:30px;border:1px solid rgba(0,88,151,.4)}.waiting-indicator p{color:#60a5fa;font-size:.95rem;font-weight:500;margin:0}.spinner-small{width:20px;height:20px;border:3px solid rgba(96,165,250,.2);border-top-color:#60a5fa;border-radius:50%;animation:spin 1s linear infinite}.version-tag{position:absolute;bottom:2rem;right:2rem;font-size:.75rem;color:#fff3;font-family:monospace;pointer-events:none;z-index:100}#inactivityPopup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:200;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeInPopup .3s ease}@keyframes fadeInPopup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.inactivity-card{background:#14141ed9;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:2.5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:280px;max-width:420px;box-shadow:0 30px 60px #0009}.inactivity-question{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-align:center;line-height:1.3}.inactivity-countdown-bar{width:100%;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.inactivity-countdown-fill{height:100%;width:100%;background:linear-gradient(90deg,#f19001,#ff6b35);border-radius:3px;transform-origin:left}#inactivityYesBtn{background:linear-gradient(135deg,#f19001,#e07000);color:#fff;border:none;border-radius:50px;padding:.85rem 2.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;letter-spacing:.03em;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 20px #f1900166}#inactivityYesBtn:active{transform:scale(.96);box-shadow:0 2px 10px #f190014d}