@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap";:root{font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--color-primary-purple: #551e7c;--color-dark-purple: #281543;--color-accent-pink: #ff086d;--color-white: #fff;--color-gradient-start: #531c6f;--color-gradient-end: #441d56;--color-border-light: #ededed;--color-border-dark: #dbd9d9;color-scheme:dark;color:var(--color-white);background-color:var(--color-dark-purple);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{width:100vw;height:100vh;position:relative;overflow:hidden}#react-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;overflow:hidden}#react-root>*{pointer-events:auto}a-scene{width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;touch-action:manipulation}@media (max-width: 768px){a-scene{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast}}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.ui-overlay>*{pointer-events:auto}.consent-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-image:url(/rock%20ar%20backgound%20image.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#281543c2;color:var(--color-white);text-align:center;padding:2rem;animation:fadeIn .5s ease-in-out}.consent-content{max-width:400px;display:flex;flex-direction:column;gap:1.5rem;align-items:center;height:100%;justify-content:space-between;padding:2rem 0}.collaboration-header{order:0;margin-bottom:1rem}.logo-container{display:flex;align-items:center;justify-content:center;gap:1rem}.partner-logo{height:40px;width:auto;object-fit:contain}.collaboration-x{font-size:1.5rem;font-weight:700;color:#ffffffb3;margin:0 .5rem}.header-section{text-align:center;order:1}.header-section h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:600;line-height:1.2;letter-spacing:-.01em}.header-section p{margin-bottom:0;opacity:.9;font-size:1.1rem}.start-button{padding:1rem 2.5rem;font-size:1.3rem;font-weight:600;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-accent-pink);color:var(--color-white);border:none;border-radius:24px;cursor:pointer;margin-top:1rem;order:4;text-transform:none;letter-spacing:.02em;transition:all .3s ease;box-shadow:0 4px 15px #ff086d4d}.start-button:disabled{background:#fff3;color:#ffffff80;cursor:not-allowed;box-shadow:none;opacity:.6}.error-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:linear-gradient(180deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%);color:var(--color-white);text-align:center;padding:2rem;animation:fadeIn .5s ease-in-out}.error-content{max-width:500px;background:#281543c2;padding:2rem;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-light)}.error-content h2{color:var(--color-accent-pink);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.error-instructions{margin:1.5rem 0;text-align:left}.error-instructions h3{color:var(--color-white);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.error-instructions ol,.error-instructions ul{padding-left:1.5rem}.error-instructions li{margin-bottom:.5rem;line-height:1.4}.error-details{margin:1.5rem 0;text-align:left;background:#28154380;padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.15)}.error-details h3,.error-details h4{color:var(--color-accent-pink);margin-bottom:.5rem;font-size:1rem;font-weight:600}.error-details ul{margin-top:.5rem}.warnings{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.warnings h4{color:var(--color-accent-pink);font-weight:600}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.secondary-button{background:#ffffff1a;color:var(--color-white);border:1px solid var(--color-border-light);padding:.75rem 1.5rem;border-radius:24px;cursor:pointer;font-size:1rem;font-weight:600;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .3s ease;text-decoration:none;display:inline-block}.secondary-button:hover{background:#fff3;border-color:var(--color-white);transform:translateY(-2px)}.rock-ar-text-button{position:absolute;top:4%;left:50%;transform:translate(-50%);background:transparent;border:none;padding:0;cursor:pointer;opacity:1;transition:opacity .4s ease,transform .4s ease;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;letter-spacing:2px;text-decoration:none;z-index:1001;pointer-events:auto}.rock-ar-text-button.rock-ar-text-visible{opacity:1;transform:translate(-50%) scale(1)}.rock-ar-text-button:hover{opacity:.9;transform:translate(-50%) scale(1.05)}.rock-ar-text-button:active{transform:translate(-50%) scale(.98)}.rock-ar-logo-image{height:auto;max-width:210px;width:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.guidance-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .4s ease,transform .4s ease}.guidance-container.guidance-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.guidance-container.guidance-hidden{opacity:0;transform:translate(-50%,-50%) scale(.9)}.guidance-text{background:#281543d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white);padding:1.25rem 1.5rem;border-radius:24px;text-align:center;max-width:300px;border:1px solid rgba(255,255,255,.15);font-size:1rem}.guidance-indicator{width:40px;height:3px;background:var(--color-accent-pink);border-radius:2px;margin:0 auto .75rem;animation:guidancePulse 2s ease-in-out infinite}.roq-cta-button{position:absolute;top:78%;left:50%;transform:translate(-50%);padding:.875rem 1.75rem;font-size:1rem;font-weight:600;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-accent-pink);color:var(--color-white);border:none;border-radius:24px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 15px #ff086d4d;opacity:0;z-index:1000}.roq-cta-button.roq-cta-visible{opacity:1}.roq-cta-button.roq-cta-hidden{opacity:0}.roq-cta-button:hover{background:#e0075f;transform:translate(-50%,-2px);box-shadow:0 6px 20px #ff086d66}.roq-cta-button:active{transform:translate(-50%);box-shadow:0 2px 10px #ff086d4d}.replay-animation-button{position:absolute;top:calc(1rem + env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:.875rem 1.5rem;font-size:1rem;font-weight:600;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#281543b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-white);border:1px solid rgba(255,255,255,.15);border-radius:24px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;opacity:0;z-index:1001;pointer-events:none}.replay-animation-button svg{width:20px;height:20px}#replay-button-overlay.replay-button-visible .replay-animation-button{opacity:1;pointer-events:auto}#replay-button-overlay.replay-button-hidden .replay-animation-button{opacity:0;pointer-events:none}.replay-animation-button:hover{background:#281543f2;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.replay-animation-button:active{transform:translateY(0);box-shadow:0 2px 10px #0000004d}.character-select-btn{position:fixed;top:5rem;right:1rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#281543e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:.4rem;z-index:1200;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;box-shadow:0 4px 12px #00000059}.character-select-btn.character-select-btn-visible{opacity:1;pointer-events:auto}.character-select-btn:active{transform:scale(.96)}.character-select-btn svg{flex-shrink:0}.client-selector-description{font-size:.7rem;color:#fff9;line-height:1.3;margin-top:2px}@keyframes guidancePulse{0%,to{opacity:.5;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.cta-button{position:absolute;top:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;font-size:1.2rem;font-weight:600;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-accent-pink);color:var(--color-white);border:none;border-radius:24px;cursor:pointer;animation:slideDown .5s ease-out;transition:all .3s ease;z-index:1001;box-shadow:0 4px 15px #ff086d4d}.cta-button:hover{background:#e0075f;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 20px #ff086d66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.loading-indicator{color:#fff;text-align:center;order:2;width:100%}.loading-progress{width:100%;height:6px;background:#fff3;border-radius:3px;margin:.75rem 0;overflow:hidden;position:relative}.loading-bar{height:100%;background:linear-gradient(90deg,var(--color-accent-pink),#c4065a);transition:width .3s ease}.hidden{display:none!important}@media (max-width: 768px){.consent-content,.error-content{padding:1rem;max-width:90%}.partner-logo{height:32px}.collaboration-x{font-size:1.2rem;margin:0 .3rem}.guidance-text{max-width:280px;padding:.8rem;font-size:.9rem}.roq-cta-button{top:80%;padding:.75rem 1.5rem;font-size:.95rem}.cta-button{padding:.8rem 1.5rem;font-size:1rem;top:1rem}.start-button{padding:.9rem 2rem;font-size:1.1rem}.header-section h1{font-size:1.75rem;line-height:1.2}.header-section p{font-size:.9rem}.rock-ar-logo{height:65px}.consent-header{font-size:1.15rem}}@media (max-width: 480px){.consent-screen,.error-screen{padding:1rem}.consent-content,.error-content{max-width:95%;padding:.8rem}.header-section h1{font-size:1.5rem;line-height:1.25}.partner-logo{height:28px}.rock-ar-logo{height:55px}.guidance-text{max-width:250px;padding:.6rem;font-size:.85rem}.roq-cta-button{top:80%;padding:.7rem 1.25rem;font-size:.9rem}.replay-animation-button{bottom:1.25rem;right:1.25rem;padding:.7rem 1.125rem;font-size:.9rem}.replay-animation-button svg{width:16px;height:16px}.cta-button{padding:.7rem 1.2rem;font-size:.9rem;top:.5rem}.start-button{padding:.8rem 1.5rem;font-size:1rem}.error-instructions li{font-size:.85rem}.consent-header{font-size:1.1rem}.loading-indicator{padding:1rem}.loading-indicator p{font-size:.9rem}}@media (max-height: 500px) and (orientation: landscape){.consent-screen,.error-screen{padding:.5rem}.consent-content{max-height:90vh;overflow-y:auto;gap:1rem}.header-section h1{font-size:1.2rem;margin-bottom:.3rem}.header-section p{font-size:.8rem}.guidance-container{top:30%}.guidance-text{max-width:200px;padding:.5rem;font-size:.8rem}.roq-cta-button{top:60%;padding:.625rem 1rem;font-size:.85rem}.replay-animation-button{bottom:1rem;right:1rem;padding:.625rem 1rem;font-size:.85rem}.replay-animation-button svg{width:16px;height:16px}.cta-button{top:.5rem;padding:.6rem 1rem;font-size:.85rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.partner-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.guidance-container,.guidance-text,.consent-content,.error-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (hover: none) and (pointer: coarse){.start-button,.cta-button,.secondary-button{min-height:44px;min-width:44px}.consent-checkbox input[type=checkbox]{width:20px;height:20px}.consent-checkbox label{padding:.5rem;margin:-.5rem}}@media (prefers-reduced-motion: reduce){.guidance-container,.guidance-text,.roq-cta-button,.cta-button,.start-button{animation:none}.loading-bar{transition:none}.start-button:not(:disabled):hover,.secondary-button:hover,.cta-button:hover{transform:none}}.loading-indicator{margin:1rem 0;padding:1.25rem;background:#281543c2;border-radius:24px;border:1px solid var(--color-border-light);width:100%;max-width:350px}.loading-indicator p{font-size:.95rem;margin:.5rem 0}.rock-ar-logo{height:80px;width:auto;object-fit:contain;margin-bottom:1.5rem}.bottom-logo-container{order:5;margin:1rem 0}.bottom-logo-bar{height:50px;width:auto;object-fit:contain;max-width:350px}.consent-section{width:100%;max-width:350px;order:3;margin-top:1.5rem}.consent-header{color:var(--color-white);margin-bottom:1rem;font-size:1.3rem;font-weight:600;text-align:center}.start-button:not(:disabled):hover{background:#e0075f;transform:translateY(-2px);transition:all .2s ease;box-shadow:0 6px 20px #ff086d66}.start-button:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 10px #ff086d4d}.consent-checkbox{margin:1rem 0;order:3;padding:1.25rem;background:#281543c2;border-radius:24px;border:1px solid var(--color-border-light);width:100%}.consent-checkbox label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.85rem;line-height:1.5;text-align:left}.consent-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin-top:2px;flex-shrink:0;accent-color:var(--color-accent-pink)}.top-logo{position:fixed;top:16px;left:16px;z-index:2000;background:#281543d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px 12px;cursor:pointer;transition:all .2s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.top-logo-visible{opacity:1;transform:translateY(0);pointer-events:auto}.top-logo-tapped{transform:scale(.95)}.top-logo-image{height:24px;width:auto;object-fit:contain;display:block}.top-logo:hover{background:#281543f2;transform:translateY(0) scale(1.02)}.top-logo:active{transform:translateY(0) scale(.95)}.cta-box-button{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:50%;width:min(96vw,720px);min-height:80px;height:auto;max-height:clamp(80px,16vh,120px);transform:translate(-50%) translateY(20px);z-index:2000;background:linear-gradient(135deg,#281543f2,#551e7cf2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:12px 16px;cursor:pointer;transition:all .2s ease;opacity:0;pointer-events:none;text-decoration:none;color:var(--color-white);box-shadow:0 10px 24px #00000059;display:flex;align-items:center;justify-content:space-between;gap:10px}.cta-box-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.cta-box-hidden{opacity:0;transform:translate(-50%) translateY(10px)}.cta-box-tapped{transform:translate(-50%) scale(.95)}.cta-box-content{display:flex;flex-direction:column;justify-content:center;gap:4px}.cta-box-headline{font-size:clamp(1rem,3vw,1.2rem);font-weight:700;line-height:1.2}.cta-box-subtext{font-size:clamp(.8rem,2.2vw,.95rem);color:#fffc}.cta-box-action{align-self:center;background:var(--color-accent-pink);color:var(--color-white);border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:700;white-space:nowrap}.cta-box-button:hover{background:linear-gradient(135deg,#341a56fa,#5f2688fa);transform:translate(-50%) translateY(0) scale(1.02);border-color:#ffffff59;box-shadow:0 14px 30px #00000073}.cta-box-button:active{transform:translate(-50%) translateY(0) scale(.95)}.about-page{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;background:linear-gradient(180deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%);overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;pointer-events:none;transition:opacity .3s ease}.about-page-visible{opacity:1;pointer-events:auto}.about-page-hidden{opacity:0;pointer-events:none}.about-content{min-height:100vh;padding:2rem;padding-top:calc(2rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom));max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.about-close-button{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.about-close-button:hover{background:#fff3;transform:scale(1.05)}.about-close-button:active{transform:scale(.95)}.about-header{text-align:center;margin-top:2rem}.about-logo{height:80px;width:auto;object-fit:contain;margin-bottom:1.5rem}.about-header h1{font-size:2rem;font-weight:600;color:var(--color-white);margin-bottom:0}.about-body{flex:1;display:flex;flex-direction:column;gap:2rem}.about-description{font-size:1rem;line-height:1.6;color:#ffffffe6;text-align:left}.about-powered-by{background:#281543c2;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.15);text-align:center}.powered-by-label{font-size:.875rem;color:#ffffffb3;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.rockablock-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-white);text-decoration:none;font-size:1.25rem;font-weight:600;transition:all .2s ease}.rockablock-link:hover{color:var(--color-accent-pink);transform:translateY(-2px)}.rockablock-text{font-size:1.25rem}.external-link-icon{width:16px;height:16px;opacity:.7}.rockablock-link:hover .external-link-icon{opacity:1}.about-airtable-button{width:100%;min-height:48px;padding:.85rem 1rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:14px;color:var(--color-white);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.about-airtable-button:hover{background:#fff3}.about-footer{margin-top:auto;padding-top:2rem}.about-back-button{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:var(--color-accent-pink);color:var(--color-white);border:none;border-radius:24px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #ff086d4d}.about-back-button:hover{background:#e0075f;transform:translateY(-2px);box-shadow:0 6px 20px #ff086d66}.about-back-button:active{transform:translateY(0)}@media (max-width: 768px){.top-logo{top:12px;left:12px;padding:6px 10px}.top-logo-image{height:21px}.cta-box-button{bottom:calc(70px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%) translateY(10px);width:95vw;min-height:76px;max-height:clamp(76px,15vh,108px);padding:12px 14px}.about-content{padding:1.5rem;padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.about-header h1{font-size:1.5rem}.about-logo{height:60px}.about-description{font-size:.95rem}}@media (max-width: 480px){.top-logo{top:8px;left:8px;padding:5px 8px}.top-logo-image{height:18px}.cta-box-button{bottom:calc(68px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%) translateY(10px);width:95vw;min-height:72px;max-height:clamp(72px,14vh,100px);padding:10px 12px;border-radius:14px;gap:8px}.about-content{padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.about-header h1{font-size:1.25rem}.about-logo{height:50px}}@supports (padding: max(0px)){.top-logo{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}.cta-box-button{bottom:max(72px,calc(72px + env(safe-area-inset-bottom)));left:50%;transform:translate(-50%) translateY(10px)}}.ar-controls-modern{position:fixed;bottom:20px;left:0;right:0;z-index:2000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;padding-bottom:env(safe-area-inset-bottom)}.ar-controls-modern.ar-controls-visible{opacity:1;transform:translateY(0);pointer-events:auto}.ar-control-left{display:flex;align-items:center;flex:1}.ar-control-center{display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 0 auto}.ar-logo-button{background:transparent;border:none;padding:0;cursor:pointer;opacity:.7;transition:opacity .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.ar-logo-button:hover{opacity:1;transform:scale(1.05)}.ar-logo-button:active{transform:scale(.95)}.ar-logo-image{height:32px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ar-record-button{width:64px;height:64px;border-radius:50%;border:4px solid rgba(255,255,255,.9);background:#fffffff2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;position:relative}.ar-record-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006}.ar-record-button:active{transform:scale(.95)}.record-button-inner{width:48px;height:48px;border-radius:50%;background:var(--color-accent-pink);transition:all .3s ease}.ar-record-button.recording-active .record-button-inner{width:32px;height:32px;border-radius:8px;background:var(--color-accent-pink);animation:recordingPulse 1.5s ease-in-out infinite}.ar-record-button.recording-active{border-color:var(--color-accent-pink);animation:recordingPulseBorder 1.5s ease-in-out infinite}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}@keyframes recordingPulseBorder{0%,to{box-shadow:0 0 #ff086db3}50%{box-shadow:0 0 0 12px #ff086d00}}.ar-control-right{display:flex;flex-direction:column;align-items:flex-end;gap:16px;flex:1}.ar-control-icon-button{width:48px;height:48px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.ar-control-icon-button:hover{background:#0009;transform:scale(1.1)}.ar-control-icon-button:active{transform:scale(.95)}.ar-control-icon-button svg{width:24px;height:24px;stroke:currentColor}.ar-controls{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);z-index:2000;display:flex;gap:12px;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.ar-control-button{background:#281543d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 16px;color:var(--color-white);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;min-height:44px}.ar-control-button:hover{background:#281543f2;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.ar-control-button:active{transform:translateY(0)}.ar-control-button svg{width:20px;height:20px;flex-shrink:0}.record-button.recording-active{background:#ff086dd9;animation:recordingPulse 1.5s ease-in-out infinite}.discover-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4000;opacity:0;transition:opacity .3s ease;pointer-events:none}.discover-backdrop-visible{opacity:1;pointer-events:auto}.discover-panel{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:linear-gradient(180deg,var(--color-gradient-start) 0%,var(--color-gradient-end) 100%);border-radius:24px 24px 0 0;z-index:4001;transform:translateY(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.discover-panel-visible{transform:translateY(0)}.discover-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.15)}.discover-header h2{font-size:1.5rem;font-weight:600;color:var(--color-white);margin:0}.discover-close-button{width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.discover-close-button:hover{background:#fff3;transform:scale(1.05)}.discover-close-button:active{transform:scale(.95)}.discover-categories{display:flex;gap:8px;padding:16px 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.discover-categories::-webkit-scrollbar{display:none}.category-tab{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:36px}.category-tab:hover{background:#ffffff26;color:var(--color-white)}.category-tab.active{background:var(--color-accent-pink);border-color:var(--color-accent-pink);color:var(--color-white)}.discover-grid{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.discover-card{background:#281543c2;border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.discover-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#ffffff4d}.discover-card:active{transform:translateY(-2px)}.discover-card-coming-soon{cursor:not-allowed;opacity:.82}.discover-card-coming-soon:hover{transform:none;box-shadow:none}.discover-card-coming-soon-badge{position:absolute;left:8px;bottom:8px;background:#000000b3;border:1px solid rgba(255,255,255,.4);color:var(--color-white);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.patent-pending-text{position:fixed;left:8px;bottom:calc(56px + env(safe-area-inset-bottom));z-index:3100;font-size:9px;font-weight:600;color:#ffffff8c;letter-spacing:.06em;pointer-events:none}.tap-for-sound-prompt{position:fixed;right:12px;bottom:calc(120px + env(safe-area-inset-bottom));z-index:3600;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#000000bf;color:var(--color-white);padding:8px 12px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.social-interaction-panel{position:fixed;left:10px;right:10px;bottom:calc(116px + env(safe-area-inset-bottom));z-index:3400;display:grid;gap:8px}.social-like-button{width:fit-content;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#000000a6;color:var(--color-white);padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.social-like-button.liked{background:#ff086deb;border-color:#ff086d}.social-comments{background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:8px;max-height:140px;overflow:hidden}.social-comments-header{font-size:11px;font-weight:700;margin-bottom:6px;opacity:.9}.social-comments-list{max-height:60px;overflow-y:auto}.social-comments-empty,.social-comment-item{font-size:11px;line-height:1.3;margin-bottom:4px}.social-comment-form{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:6px}.social-comment-input{border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#ffffff1a;color:var(--color-white);font-size:11px;padding:7px 8px}.social-comment-submit{border:none;border-radius:8px;background:var(--color-accent-pink);color:var(--color-white);padding:7px 10px;font-size:11px;font-weight:700}.discover-card-thumbnail{position:relative;width:100%;aspect-ratio:16 / 9;background:#0000004d;overflow:hidden}.discover-card-thumbnail img{width:100%;height:100%;object-fit:cover}.discover-card-category{position:absolute;top:8px;right:8px;background:#281543e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4px 8px;border-radius:8px;font-size:10px;font-weight:600;color:var(--color-white);text-transform:uppercase;letter-spacing:.5px}.discover-card-content{padding:12px;flex:1;display:flex;flex-direction:column;gap:4px}.discover-card-content h3{font-size:14px;font-weight:600;color:var(--color-white);margin:0;line-height:1.3}.discover-card-content p{font-size:12px;color:#ffffffb3;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discover-card-footer{margin-top:auto;padding-top:8px}.discover-card-client{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.ar-controls{bottom:70px;gap:8px}.ar-control-button{padding:8px 12px;font-size:13px;gap:6px}.ar-control-button svg{width:18px;height:18px}.discover-panel{max-height:85vh}.discover-header{padding:16px 20px}.discover-header h2{font-size:1.25rem}.discover-categories{padding:12px 20px}.discover-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:12px 20px}}@media (max-width: 480px){.ar-controls{bottom:65px;flex-direction:column;width:calc(100% - 32px);max-width:200px}.ar-control-button{width:100%;justify-content:center}.discover-grid{grid-template-columns:repeat(2,1fr);gap:10px}.discover-card-content h3{font-size:13px}.discover-card-content p{font-size:11px}}.video-player-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:5000;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.video-player-visible{opacity:1;pointer-events:auto}.video-player-hidden{opacity:0;pointer-events:none}.share-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;opacity:0;transition:opacity .3s ease;pointer-events:none}.share-backdrop-visible{opacity:1;pointer-events:auto}.share-panel{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#281543fa,#281543);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px 24px 0 0;z-index:5001;transform:translateY(100%);transition:transform .3s ease;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:70vh;overflow-y:auto}.share-panel-visible{transform:translateY(0)}.share-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.share-header h3{font-size:1.5rem;font-weight:600;color:var(--color-white);margin:0}.share-close-button{width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.share-close-button:hover{background:#fff3;transform:scale(1.05)}.share-close-button:active{transform:scale(.95)}.share-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.share-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--color-white);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.share-option:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-option:active{transform:translateY(0)}.share-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff1a;transition:all .2s ease}.share-option:hover .share-icon{background:#fff3;transform:scale(1.1)}.share-icon svg{width:32px;height:32px}.email-icon{color:#4285f4}.facebook-icon{color:#1877f2}.instagram-icon{color:#e4405f}.tiktok-icon{color:#000}.sms-icon{color:#34c759}.download-icon{color:var(--color-accent-pink)}.bottom-nav-bar{position:fixed;bottom:0;left:0;right:0;z-index:3000;display:flex;align-items:center;justify-content:space-around;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:4px 0;padding-bottom:calc(4px + env(safe-area-inset-bottom));opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none;min-height:50px}.bottom-nav-bar.bottom-nav-visible{opacity:1;transform:translateY(0);pointer-events:auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;color:var(--color-white);cursor:pointer;padding:4px 12px;transition:all .2s ease;flex:1;max-width:100px}.bottom-nav-item:hover{opacity:.8}.bottom-nav-item:active{transform:scale(.95)}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-icon svg{width:20px;height:20px;stroke:currentColor;fill:none}.nav-label{font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--color-white);opacity:.9}.record-button-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;max-width:none}.bottom-nav-record-button{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:#fffffff2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000004d;position:relative;padding:0}.bottom-nav-record-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006}.bottom-nav-record-button:active{transform:scale(.95)}.bottom-nav-record-button .record-button-inner{width:32px;height:32px;border-radius:50%;background:var(--color-accent-pink);transition:all .3s ease}.bottom-nav-record-button.recording-active{border-color:var(--color-accent-pink);animation:recordingPulseBorder 1.5s ease-in-out infinite}.bottom-nav-record-button.recording-active .record-button-inner{width:22px;height:22px;border-radius:6px;background:var(--color-accent-pink);animation:recordingPulse 1.5s ease-in-out infinite}@media (max-width: 480px){.share-options{grid-template-columns:repeat(2,1fr)}.ar-controls-modern{padding:0 16px}.ar-record-button{width:56px;height:56px}.record-button-inner{width:40px;height:40px}.ar-record-button.recording-active .record-button-inner{width:28px;height:28px}.ar-control-icon-button{width:44px;height:44px}.bottom-nav-item{padding:4px 8px;max-width:90px}.bottom-nav-record-button{width:40px;height:40px}.bottom-nav-record-button .record-button-inner{width:28px;height:28px}.bottom-nav-record-button.recording-active .record-button-inner{width:20px;height:20px}.nav-label{font-size:8px}.nav-icon{width:18px;height:18px}.nav-icon svg{width:18px;height:18px}.rock-ar-logo-image{max-width:165px}}.video-player-content{background:#281543f2;border-radius:24px;border:1px solid rgba(255,255,255,.15);width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #00000080}.video-player-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.15)}.video-player-header h2{font-size:1.5rem;font-weight:600;color:var(--color-white);margin:0}.video-player-close{width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.video-player-close:hover{background:#fff3;transform:scale(1.05)}.video-player-close:active{transform:scale(.95)}.video-player-body{display:flex;gap:24px;padding:24px;flex:1;min-height:0;overflow:hidden}.video-player-container{position:relative;flex:1;min-width:0;background:#000;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;overflow:hidden}.video-player-form{width:320px;display:flex;flex-direction:column;gap:20px;flex-shrink:0}.video-player-video{width:100%;height:100%;object-fit:contain;outline:none}.video-player-actions{display:flex!important;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.15);margin-top:auto;flex-shrink:0;visibility:visible!important;opacity:1!important}.video-form-group{display:flex;flex-direction:column;gap:8px}.video-form-group label{font-size:14px;font-weight:600;color:var(--color-white);margin:0}.video-form-input,.video-form-textarea{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-white);font-size:14px;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .2s ease;box-sizing:border-box}.video-form-input:focus,.video-form-textarea:focus{outline:none;background:#ffffff26;border-color:var(--color-accent-pink)}.video-form-input::placeholder,.video-form-textarea::placeholder{color:#ffffff80}.video-form-textarea{resize:vertical;min-height:100px}.replay-button{background:#ffffff1a;border-color:#fff3}.replay-button:hover{background:#fff3;border-color:#ffffff4d}.send-button{background:var(--color-accent-pink);border-color:var(--color-accent-pink)}.send-button:hover{background:#e0075f;border-color:#e0075f}.send-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease}.send-modal-overlay.send-modal-visible{opacity:1}.send-modal-content{background:#281543f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.15);width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.9);transition:transform .3s ease}.send-modal-overlay.send-modal-visible .send-modal-content{transform:scale(1)}.send-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.15)}.send-modal-header h3{font-size:1.5rem;font-weight:600;color:var(--color-white);margin:0}.send-modal-close{width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.send-modal-close:hover{background:#fff3;transform:scale(1.05)}.send-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px}.send-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--color-white);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.send-option:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.send-option:active{transform:translateY(0)}.send-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff1a;color:var(--color-white)}.send-icon.email-icon{background:#3498db33;color:#3498db}.send-icon.facebook-icon{background:#3b599833;color:#3b5998}.send-icon.instagram-icon{background:#e1306c33;color:#e1306c}.send-icon.tiktok-icon{background:#0003;color:#000}.send-icon.sms-icon{background:#4caf5033;color:#4caf50}.send-icon.whatsapp-icon{background:#25d36633;color:#25d366}.send-icon.twitter-icon{background:#1da1f233;color:#1da1f2}.video-player-button{flex:1;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--color-white);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;min-height:44px}.video-player-button:hover{background:#fff3;transform:translateY(-2px)}.video-player-button:active{transform:translateY(0)}.video-player-button svg{width:20px;height:20px;flex-shrink:0}.retake-button{background:#ffffff1a;border-color:#fff3}.retake-button:hover{background:#fff3;border-color:#ffffff4d}.download-button{background:var(--color-accent-pink);border-color:var(--color-accent-pink)}.download-button:hover{background:#e0075f;border-color:#e0075f}@media (max-width: 768px){.video-player-content{width:95%;max-height:85vh}.video-player-header{padding:16px 20px}.video-player-header h2{font-size:1.25rem}.video-player-body{flex-direction:column;padding:16px 20px;gap:16px}.video-player-container,.video-player-form{width:100%}.video-player-actions{padding:16px 20px;flex-wrap:wrap}.video-player-button{flex:1;min-width:calc(50% - 6px)}.send-options{grid-template-columns:1fr}}.client-selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px 24px}.client-selector-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;background:#ffffff0f;border:2px solid transparent;border-radius:16px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;color:var(--color-white);font-family:inherit}.client-selector-card:hover,.client-selector-card:focus{background:#ffffff1f;border-color:var(--client-color, #ff086d);transform:translateY(-2px)}.client-selector-card:active{transform:scale(.97)}.client-selector-logo-wrap{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--client-color, #ff086d);flex-shrink:0}.client-selector-logo-wrap img{width:100%;height:100%;object-fit:cover;display:block}.client-selector-name{font-size:.82rem;font-weight:700;text-align:center;color:var(--color-white);letter-spacing:.03em}.tt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none;-webkit-user-select:none;user-select:none}.tt-overlay>*{pointer-events:auto}.tt-top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 100%)}.tt-top-logo{flex:0 0 auto;width:70px}.tt-logo-img{width:70px;height:auto;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.tt-tabs{display:flex;align-items:center;gap:6px}.tt-tab{background:none;border:none;color:#fff9;font-size:.95rem;font-weight:600;letter-spacing:.02em;padding:4px 2px;cursor:pointer;position:relative;transition:color .2s}.tt-tab.tt-tab-active{color:#fff}.tt-tab.tt-tab-active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:70%;height:2px;background:#fff;border-radius:2px}.tt-tab-pipe{color:#ffffff59;font-size:.9rem}.tt-top-search-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;opacity:.9;transition:opacity .15s}.tt-top-search-btn:hover{opacity:1}.tt-action-bar{position:absolute;right:10px;bottom:calc(88px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:20px}.tt-action-avatar{position:relative;display:flex;flex-direction:column;align-items:center}.tt-avatar-circle{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid #fff;background:#333}.tt-avatar-img{width:100%;height:100%;object-fit:cover}.tt-avatar-plus{position:absolute;bottom:-8px;width:20px;height:20px;background:#fe2c55;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;border:1.5px solid #fff;line-height:1}.tt-action-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px;transition:transform .15s}.tt-action-btn:active{transform:scale(.88)}.tt-action-icon{width:34px;height:34px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.tt-action-count{font-size:.72rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.tt-action-btn.tt-liked .tt-action-icon{animation:tt-like-bounce .35s ease}@keyframes tt-like-bounce{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}to{transform:scale(1)}}.tt-action-music{display:flex;flex-direction:column;align-items:center}.tt-music-disc{width:40px;height:40px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.25);background:#222;animation:tt-spin 4s linear infinite}.tt-disc-img{width:100%;height:100%;object-fit:cover}@keyframes tt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tt-bottom-info{position:absolute;left:12px;right:62px;bottom:calc(88px + env(safe-area-inset-bottom));pointer-events:none;padding-bottom:6px}.tt-username{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 4px;text-shadow:0 1px 4px rgba(0,0,0,.7)}.tt-description{font-size:.84rem;color:#ffffffe6;margin:0 0 4px;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tt-hashtags{font-size:.82rem;font-weight:600;color:#ffffffe0;margin:0 0 6px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.tt-sound-row{display:flex;align-items:center;gap:6px;overflow:hidden}.tt-sound-icon{flex-shrink:0}.tt-sound-ticker{overflow:hidden;white-space:nowrap}.tt-sound-ticker span{display:inline-block;font-size:.78rem;color:#ffffffd1;text-shadow:0 1px 3px rgba(0,0,0,.5);animation:tt-ticker 12s linear infinite}@keyframes tt-ticker{0%{transform:translate(0)}40%{transform:translate(-55%)}60%{transform:translate(-55%)}to{transform:translate(0)}}.tt-nav-bar{position:fixed;bottom:0;left:0;right:0;z-index:3000;display:flex;align-items:flex-start;justify-content:space-around;background:#0a0a0ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.07);padding:8px 0 calc(8px + env(safe-area-inset-bottom));opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.tt-nav-bar.tt-nav-visible{opacity:1;transform:translateY(0);pointer-events:auto}.tt-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px 8px;flex:1;transition:color .15s;min-width:0}.tt-nav-item:hover,.tt-nav-item:focus-visible{color:#fff}.tt-nav-icon{display:flex;align-items:center;justify-content:center}.tt-nav-label{font-size:.62rem;font-weight:500;letter-spacing:.02em;white-space:nowrap}.tt-nav-create-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:3px;padding:4px 8px}.tt-nav-record-circle{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.25);background:#fe2c55;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .15s,background .2s;box-shadow:0 2px 10px #fe2c5580}.tt-nav-record-circle:active{transform:scale(.92)}.tt-record-inner{width:18px;height:18px;border-radius:50%;background:#fff;transition:border-radius .2s,width .2s,height .2s;display:block}.tt-record-inner.tt-record-inner-active{border-radius:3px;width:16px;height:16px}.tt-nav-record-circle.tt-nav-recording{background:#ffffff26;box-shadow:0 2px 10px #fe2c554d}.tt-comments-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:3100;opacity:0;transition:opacity .3s ease;pointer-events:none}.tt-comments-backdrop.tt-backdrop-visible{opacity:1;pointer-events:auto}.tt-comments-sheet{position:fixed;left:0;right:0;bottom:0;z-index:3200;background:#1a1a1a;border-radius:16px 16px 0 0;max-height:72vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);overflow:hidden}.tt-comments-sheet.tt-comments-visible{transform:translateY(0)}.tt-comments-drag{width:40px;height:4px;background:#ffffff2e;border-radius:2px;margin:10px auto 0;flex-shrink:0}.tt-comments-head{display:flex;align-items:center;justify-content:center;padding:10px 16px 8px;position:relative;flex-shrink:0}.tt-comments-title{font-size:.88rem;font-weight:700;color:#ffffffe0}.tt-comments-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ffffff14;border:none;color:#ffffffb3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.tt-comments-close:hover{background:#ffffff29}.tt-comments-list{flex:1;overflow-y:auto;padding:4px 16px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.tt-comments-loading,.tt-comments-empty{text-align:center;font-size:.82rem;color:#ffffff61;padding:28px 0}.tt-comment-item{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);animation:tt-comment-in .2s ease}@keyframes tt-comment-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tt-comment-item.tt-comment-optimistic{opacity:.65}.tt-ci-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#fe2c55,#6c3483);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.tt-ci-body{flex:1;min-width:0}.tt-ci-username{font-size:.78rem;font-weight:700;color:#ffffffb8;display:block;margin-bottom:2px}.tt-ci-text{font-size:.88rem;color:#ffffffe0;margin:0;line-height:1.45;word-break:break-word}.tt-comments-footer{flex-shrink:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#1a1a1a;border-top:1px solid rgba(255,255,255,.07)}.tt-comment-row{display:flex;align-items:center;gap:8px;background:#ffffff12;border-radius:22px;padding:6px 6px 6px 14px}.tt-comment-input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:.9rem;caret-color:#fe2c55;min-width:0}.tt-comment-input::placeholder{color:#ffffff52}.tt-comment-send{width:34px;height:34px;border-radius:50%;background:#fe2c5526;border:none;color:#fe2c55;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}.tt-comment-send:hover{background:#fe2c5547}.tt-comment-send:active{transform:scale(.9)}.consent-screen,.error-screen{animation:tt-fade-in .28s ease forwards}@keyframes tt-fade-in{0%{opacity:0}to{opacity:1}}.patent-pending-text{z-index:2100}#scan-top-corners{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;pointer-events:none}.scan-corner-tl,.scan-corner-tr{position:absolute;width:28px;height:28px;top:0}.scan-corner-tl{left:0;border-top:3px solid #fff;border-left:3px solid #fff}.scan-corner-tr{right:0;border-top:3px solid #fff;border-right:3px solid #fff}:root{--app-bg: #0D0B14;--app-card: #1A1726;--app-card2: #211E2E;--app-border: rgba(255,255,255,.07);--app-pink: #E91E8C;--app-pink-dim: rgba(233,30,140,.18);--app-yellow: #FDC700;--app-nav-bg: rgba(10,8,18,.97);--txt1: #FFFFFF;--txt2: rgba(255,255,255,.6);--txt3: rgba(255,255,255,.3);--scan-corner-color: rgba(107,63,160,.85)}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--app-bg);display:flex;flex-direction:column;overflow:hidden}.app-screens{flex:1;position:relative;overflow:hidden;background:var(--app-bg)}.app-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--app-nav-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--app-border);display:flex;align-items:flex-start;justify-content:space-around;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:1000;pointer-events:auto}.app-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--txt3);cursor:pointer;padding:4px 12px;flex:1;transition:color .15s;font-size:.62rem;font-weight:500;font-family:inherit}.app-nav-item:hover,.app-nav-active{color:var(--txt1)!important}.app-nav-scan{color:var(--txt2)}.app-nav-scan-circle{width:48px;height:48px;background:linear-gradient(135deg,#e91e8c,#b71c6e);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #e91e8c73;color:#fff;margin-bottom:2px;transition:transform .15s}.app-nav-scan:active .app-nav-scan-circle{transform:scale(.93)}.app-nav-scan-active .app-nav-scan-circle{box-shadow:0 4px 24px #e91e8cb3}.app-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--app-bg);display:flex;flex-direction:column;overflow:hidden}.app-screen-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;padding-top:calc(14px + env(safe-area-inset-top));flex-shrink:0}.app-screen-title{font-size:1.1rem;font-weight:700;color:var(--txt1)}.app-header-actions{display:flex;align-items:center;gap:8px}.app-header-icon-btn{background:none;border:none;color:var(--txt2);cursor:pointer;padding:6px;border-radius:50%;position:relative;transition:color .15s;display:flex;align-items:center}.app-header-icon-btn:hover{color:var(--txt1)}.app-notif-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--app-pink);border:1.5px solid var(--app-bg)}.app-screen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px 110px;-webkit-overflow-scrolling:touch}.app-screen-scroll::-webkit-scrollbar{display:none}.home-screen{background-image:url(/background-image.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100%}.home-screen .app-screen-scroll{padding-top:4px}.home-logo-row{display:flex;align-items:center;padding:4px 0 12px}.home-logo{height:28px;width:auto;object-fit:contain}.home-section{margin-bottom:28px}.home-section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:8px}.home-section-badge{font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--app-yellow);text-transform:uppercase;margin-bottom:3px}.home-section-title{font-size:1.05rem;font-weight:700;color:var(--txt1);margin-top:12px}.home-see-all{background:none;border:none;color:var(--txt2);cursor:pointer;font-size:.82rem;font-family:inherit;white-space:nowrap;padding:0}.home-featured-play{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.home-featured-overlay{position:absolute;left:20px;bottom:18px;z-index:2}.home-featured-overlay .home-collab-label{color:#fff;margin-bottom:6px;display:block}.home-featured-overlay .home-featured-title{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.home-featured-card{width:100%;background:var(--app-card);border:1px solid var(--app-border);border-radius:18px;overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:transform .18s}.home-featured-card:active{transform:scale(.98)}.home-featured-img-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.home-video-card{position:relative;overflow:hidden;width:100%;height:240px;border-radius:16px}.home-carousel-track{height:100%}.home-carousel-img{width:100%;height:100%;object-fit:cover}.home-featured-img{width:100%;height:100%;object-fit:cover;z-index:-1}.home-featured-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(10,8,18,1))}.home-featured-badge{position:absolute;bottom:10px;right:12px;background:var(--app-yellow);color:#000;font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:12px}.home-collab-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;color:var(--app-yellow);display:block;margin-bottom:4px}.home-featured-title{font-size:1rem;font-weight:700;color:var(--txt1);margin:0}.home-featured-stats{display:flex;align-items:center;gap:14px;padding:10px 14px;border-top:1px solid var(--app-border);background:linear-gradient(135deg,#ad46ff,#f6339a)}.home-stat{display:flex;align-items:center;gap:5px;color:var(--txt2);font-size:.8rem;font-weight:800}.home-stat.small{font-size:.72rem}.home-view-btn{margin-left:auto;background:transparent;color:#fff;border:none;border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:800;cursor:pointer;font-family:inherit;transition:opacity .15s}.home-view-btn:hover{opacity:.9}.home-effects-list{display:flex;flex-direction:column;gap:1px}.home-effect-item{width:100%;display:flex;align-items:center;gap:14px;background:var(--app-card);border:none;cursor:pointer;padding:14px;text-align:left;border-radius:14px;margin-bottom:8px;transition:background .15s}.home-effect-item:active{background:var(--app-card2)}.home-effect-thumb{width:58px;height:58px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--app-card2)}.home-effect-img{width:100%;height:100%;object-fit:cover}.home-effect-info{flex:1;min-width:0}.home-effect-title{font-size:.88rem;font-weight:600;color:var(--txt1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.home-effect-subtitle{font-size:.73rem;color:var(--txt2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.home-effect-stats{display:flex;align-items:center;gap:10px}.home-effect-arrow{flex-shrink:0}.explore-screen{background-image:url(/background-image.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100%}.explore-search-wrap{display:flex;align-items:center;gap:10px;background:var(--app-card);border-radius:12px;padding:10px 14px;margin-bottom:20px;border:1px solid var(--app-border)}.explore-search-input{flex:1;background:none;border:none;outline:none;color:var(--txt1);font-size:.9rem;font-family:inherit}.explore-search-input::placeholder{color:var(--txt3)}.explore-search-clear{background:none;border:none;color:var(--txt3);cursor:pointer;font-size:1.2rem;padding:0}.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.explore-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:14px;overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:transform .15s}.explore-card:active{transform:scale(.97)}.explore-card-img-wrap{position:relative;aspect-ratio:16/10;overflow:hidden}.explore-card-img{width:100%;height:100%;object-fit:cover}.explore-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 30%,rgba(10,8,18,.75))}.explore-featured-badge{position:absolute;top:8px;left:8px;background:var(--app-yellow);color:#000;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:8px}.explore-card-info{padding:10px}.explore-card-collab{font-size:.58rem;font-weight:700;letter-spacing:.06em;color:var(--app-yellow);margin-bottom:3px}.explore-card-title{font-size:.82rem;font-weight:600;color:var(--txt1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-empty{text-align:center;color:var(--txt3);padding:40px 0}.collections-screen{min-height:100%;background:var(--app-bg)}.collections-subtitle{font-size:.85rem;color:var(--txt2);margin-bottom:16px}.collections-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.collections-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:14px;overflow:hidden;text-align:left;cursor:pointer;padding:0}.collections-card-image-wrap{aspect-ratio:16/10;background:var(--app-card2)}.collections-card-image{width:100%;height:100%;object-fit:cover}.collections-card-title{padding:10px;font-size:.85rem;color:var(--txt1);font-weight:600}.scan-screen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.scan-screen>*{pointer-events:auto}.scan-logo-wrap{position:absolute;top:0;left:0;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;pointer-events:auto;z-index:20}.scan-logo{height:26px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.scan-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:min(70vw,300px);aspect-ratio:1;pointer-events:none}.scan-corner{position:absolute;width:44px;height:44px;filter:drop-shadow(0 0 6px rgba(155,89,217,.85)) drop-shadow(0 0 14px rgba(155,89,217,.5))}.scan-tl{top:0;left:0;border-top:4px solid #9B59D9;border-left:4px solid #9B59D9;border-radius:14px 0 0}.scan-tr{top:0;right:0;border-top:4px solid #9B59D9;border-right:4px solid #9B59D9;border-radius:0 14px 0 0}.scan-bl{bottom:0;left:0;border-bottom:4px solid #9B59D9;border-left:4px solid #9B59D9;border-radius:0 0 0 14px}.scan-br{bottom:0;right:0;border-bottom:4px solid #9B59D9;border-right:4px solid #9B59D9;border-radius:0 0 14px}.scan-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,30%);text-align:center;pointer-events:none}.scan-hint-title{color:#ffffffd9;font-size:.95rem;font-weight:600;margin:8px 0 4px}.scan-hint-sub{color:#ffffff80;font-size:.78rem}.scan-guidance{position:absolute;top:16%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;width:min(90%,720px);min-height:68px;padding:12px 16px;background:linear-gradient(180deg,#12101c80,#0a08108c);border:1px solid rgba(255,255,255,.08);border-radius:34px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 24px #00000059,inset 0 1px #ffffff08;z-index:100}.scan-guidance-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#9b59d9;flex-shrink:0}.scan-guidance-icon svg{width:24px;height:24px}.scan-guidance-text{margin:0;color:#ffffffeb;font-size:.8rem;font-weight:500;line-height:1.35;text-align:left;padding-right:8px}.scan-camera-warning{position:absolute;top:calc(62px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(92vw,420px);background:#912323eb;border:1px solid rgba(255,255,255,.24);border-radius:12px;padding:10px 12px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30}.scan-camera-warning p{color:#fff;font-size:.8rem;font-weight:600;line-height:1.35}.scan-replay-btn{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:#1a1726f2;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:28px;padding:13px 28px;display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit}.scan-choose-btn{position:absolute;left:50%;bottom:170px;transform:translate(-50%);background:#1a1726e6;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:20px;padding:8px 14px;display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;z-index:33}.scan-selector-fab{position:absolute;bottom:120px;right:16px;background:linear-gradient(135deg,#e91e8c,#b71c6e);border:none;color:#fff;border-radius:20px;padding:10px 16px;display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px #e91e8c66}.scan-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:50;pointer-events:auto}.scan-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--app-card);border-radius:20px 20px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom));z-index:51;pointer-events:auto;max-height:70vh;overflow-y:auto}.scan-sheet-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:0 auto 16px}.scan-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.scan-sheet-header h3{font-size:1rem;font-weight:700;color:var(--txt1)}.scan-sheet-close{background:#ffffff14;border:none;color:var(--txt2);width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.scan-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scan-sheet-card{background:var(--app-card2);border:1px solid var(--app-border);border-radius:14px;padding:14px 12px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:background .15s}.scan-sheet-card:active{background:#6b3fa040;border-color:#6b3fa080}.scan-sheet-card-img{width:54px;height:54px;border-radius:10px;overflow:hidden;background:#ffffff0f;display:flex;align-items:center;justify-content:center}.scan-sheet-card-img img{width:100%;height:100%;object-fit:cover}.scan-sheet-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#6b3fa0,#3a1f6b)}.scan-sheet-card-name{font-size:.83rem;font-weight:600;color:var(--txt1)}.scan-sheet-card-desc{font-size:.68rem;color:var(--txt3);line-height:1.3}.scan-sheet-empty{color:var(--txt2);font-size:.85rem;text-align:center;padding:18px 10px 8px}.scan-sheet-scroll{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.scan-sheet-scroll::-webkit-scrollbar{display:none}.scan-sheet-scroll{scrollbar-width:none}.scan-sheet-avatar-card{flex:0 0 auto;width:76px;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;scroll-snap-align:start}.scan-sheet-avatar-img{width:68px;height:68px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.2);background:#ffffff0f;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s}.scan-sheet-avatar-card:active .scan-sheet-avatar-img{border-color:var(--app-pink, #E91E8C);transform:scale(.95)}.scan-sheet-avatar-img img{width:100%;height:100%;object-fit:cover}.scan-sheet-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#6b3fa0,#3a1f6b)}.scan-sheet-avatar-name{font-size:.72rem;font-weight:600;color:var(--txt1);text-align:center;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-carousel-backdrop{position:fixed;left:0;right:0;bottom:0;top:auto;height:260px;z-index:9999;background:transparent;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto}.char-carousel-wrap{position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:0 16px calc(150px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;pointer-events:none}.char-carousel-viewport{pointer-events:auto;width:264px;max-width:100%;overflow:hidden}.char-carousel-scroll{display:flex;align-items:center;gap:18px;overflow-x:auto;overflow-y:hidden;padding:6px 0 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:calc(50% - 38px);scroll-padding-right:calc(50% - 38px)}.char-carousel-header h3{color:#fff;font-size:.95rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.6)}.char-carousel-header .scan-sheet-close{position:absolute;right:0;background:#00000059}.char-carousel-scroll::-webkit-scrollbar{display:none}.char-carousel-scroll{scrollbar-width:none}.char-carousel-card{flex:0 0 auto;width:76px;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;scroll-snap-align:center}.char-carousel-avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 10px #00000080;background:#ffffff14;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s}.char-carousel-card:active .char-carousel-avatar{border-color:var(--app-pink, #E91E8C);transform:scale(.95)}.char-carousel-avatar img{width:100%;height:100%;object-fit:cover}.char-carousel-name{font-size:.72rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);text-align:center;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-carousel-card.is-selected .char-carousel-avatar{border-color:var(--app-pink, #E91E8C);box-shadow:0 0 0 2px #e91e8c59}.scan-video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:60;display:flex;flex-direction:column}.scan-video-header{display:flex;align-items:center;justify-content:space-between;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));background:#000c}.scan-video-header h3{color:#fff;font-size:1rem;font-weight:700}.scan-video-header button{background:none;border:none;color:#fff;cursor:pointer}.scan-video{flex:1;width:100%;object-fit:contain}.scan-record-btn{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;background:#00000073;border:2px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;transition:border-color .2s;pointer-events:auto}.scan-record-btn.recording-active{border-color:#e91e8c;animation:recordBorderPulse 1.4s ease-in-out infinite}.scan-record-inner{width:16px;height:16px;border-radius:50%;background:#e91e8c;transition:all .2s}.scan-record-btn.recording-active .scan-record-inner{border-radius:4px;width:14px;height:14px;animation:recordDotPulse 1.4s ease-in-out infinite}@keyframes recordBorderPulse{0%,to{box-shadow:0 0 #e91e8c80}50%{box-shadow:0 0 0 6px #e91e8c00}}@keyframes recordDotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.scan-center-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,30%);text-align:center;pointer-events:none;z-index:14}.sch-icon{display:block;margin:0 auto 10px}.sch-title{color:#ffffffd1;font-size:1rem;font-weight:600;margin:0 0 5px}.sch-sub{color:#ffffff7a;font-size:.8rem;margin:0}.scan-social-sidebar{position:absolute;right:14px;top:50%;transform:translateY(-10%);display:flex;flex-direction:column;align-items:center;gap:22px;z-index:25;pointer-events:auto}.sss-btn{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;color:#fff;padding:0;font-family:inherit}.sss-icon{width:44px;height:44px;border-radius:50%;background:#0f0c1abf;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.sss-btn span{font-size:.68rem;color:#ffffffd1;font-weight:500}.collection-featured-banner{position:absolute;bottom:64px;left:0;right:0;background:#0d0b16a3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);padding:14px 42px 14px 16px;display:flex;align-items:center;gap:14px;pointer-events:auto;z-index:32}.cfb-content{flex:1;min-width:0}.cfb-label{display:block;font-size:.62rem;font-weight:800;color:gold;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.cfb-title{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:3px;line-height:1.25}.cfb-desc{font-size:.73rem;color:#ffffff85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.cfb-logo{width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.18)}.cfb-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#ffffff8c;font-size:.85rem;font-weight:700;cursor:pointer;line-height:1;padding:4px 6px;font-family:inherit}.cfb-close:hover{color:#fff}.cfb-reopen-tab{position:absolute;bottom:64px;right:16px;background:#0d0b16f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-bottom:none;border-radius:10px 10px 0 0;padding:8px 14px 6px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;z-index:31}.cfb-reopen-tab svg{color:#ffffffbf;transition:color .15s}.cfb-reopen-tab:hover svg{color:#fff}.collection-bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0a0812f7;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-around;pointer-events:auto;z-index:35}.cbn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#ffffff7a;cursor:pointer;font-family:inherit;padding:8px 0;transition:color .15s}.cbn-item:hover{color:#ffffffbf}.cbn-item span{font-size:.62rem;font-weight:500}.cbn-scan-item{color:#ffffffb3}.cbn-scan-circle{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e91e8c,#b71c6e);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #e91e8c73;margin-top:-20px;margin-bottom:2px}.profile-screen{background-image:url(/background-image.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100%}.profile-card{display:flex;align-items:center;gap:14px;background:var(--app-card);border:1px solid var(--app-border);border-radius:16px;padding:16px;margin-bottom:14px}.profile-avatar{width:58px;height:58px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#e91e8c,#6b3fa0);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff}.profile-info{flex:1;min-width:0}.profile-name{font-size:1rem;font-weight:700;color:var(--txt1);margin-bottom:2px}.profile-handle{font-size:.78rem;color:var(--txt2);margin-bottom:4px}.profile-badge{display:flex}.profile-edit-btn{border:1px solid var(--app-border);color:var(--txt1);border-radius:20px;padding:7px 14px;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:.78rem;font-family:inherit;font-weight:600;flex-shrink:0;background:linear-gradient(#222 0,#222 0) padding-box,linear-gradient(to right,#e91e8c,#6b3fa0) border-box}.profile-stats{display:flex;align-items:center;background:var(--app-card);border:1px solid var(--app-border);border-radius:16px;padding:16px;margin-bottom:24px}.profile-stat{flex:1;text-align:center}.profile-stat-value{font-size:1rem;font-weight:700;color:var(--txt1)}.profile-stat-label{font-size:.72rem;color:var(--txt3);margin-top:2px}.profile-stat-divider{width:1px;height:32px;background:var(--app-border)}.profile-media-tabs{display:flex;gap:4px}.profile-media-tab{background:none;border:1px solid var(--app-border);color:var(--txt2);border-radius:12px;padding:4px 10px;font-size:.72rem;cursor:pointer;font-family:inherit}.profile-media-tab.active{background:var(--app-pink-dim);border-color:var(--app-pink);color:var(--app-pink)}.profile-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:28px}.profile-media-item{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,#6b3fa0,#3a1f6b);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-media-thumb{opacity:.8}.profile-media-badge{position:absolute;bottom:6px;left:4px;right:4px;border-radius:8px;padding:3px 5px;font-size:.58rem;font-weight:600;text-align:center}.profile-media-badge.public{background:#4caf504d;color:#81c784}.profile-media-badge.private{background:#ffffff1a;color:var(--txt2)}.profile-history-list{display:flex;flex-direction:column;gap:8px;padding-top:12px}.profile-history-item{display:flex;align-items:center;justify-content:space-between;background:var(--app-card);border:1px solid var(--app-border);border-radius:12px;padding:12px 14px}.profile-history-name{font-size:.88rem;color:var(--txt1);font-weight:500}.profile-history-thumb{width:38px;height:38px;background:linear-gradient(135deg,#6b3fa0,#3a1f6b);border-radius:8px;display:flex;align-items:center;justify-content:center}.placeholder-screen{align-items:center}.placeholder-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px}.placeholder-title{font-size:1.1rem;font-weight:700;color:var(--txt2)}.placeholder-sub{font-size:.85rem;color:var(--txt3);text-align:center;line-height:1.5}.exp-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--app-bg);z-index:500;overflow-y:auto;-webkit-overflow-scrolling:touch}.exp-detail-hero{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;flex-shrink:0}.exp-detail-hero-img{width:100%;height:100%;object-fit:cover}.exp-detail-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0d0b1459,#0d0b14e6)}.exp-detail-back{position:absolute;top:calc(14px + env(safe-area-inset-top));left:14px;width:36px;height:36px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.exp-detail-hero-badges{position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between}.exp-featured-badge{background:var(--app-yellow);color:#000;font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:10px}.exp-partner-logos{display:flex;align-items:center;gap:6px}.exp-partner-tag{font-size:.7rem;font-weight:700;color:#ffffffe6;letter-spacing:.04em}.exp-partner-sep{color:#ffffff59}.exp-partner-logo{height:20px;width:auto;object-fit:contain}.exp-detail-body{padding:18px 16px 0}.exp-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.exp-detail-title{font-size:1.2rem;font-weight:700;color:var(--txt1);margin-bottom:4px}.exp-detail-subtitle{font-size:.82rem;color:var(--txt2)}.exp-detail-actions{display:flex;gap:10px;flex-shrink:0}.exp-action-btn{width:38px;height:38px;border-radius:50%;background:var(--app-card);border:1px solid var(--app-border);color:var(--txt2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s}.exp-action-btn:hover{color:var(--txt1)}.exp-action-btn.liked{color:var(--app-pink)}.exp-scan-cta{width:100%;background:linear-gradient(135deg,#e91e8c,#b71c6e);border:none;color:#fff;border-radius:28px;padding:15px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 6px 20px #e91e8c59;margin-bottom:20px;transition:opacity .15s}.exp-scan-cta:active{opacity:.85}.exp-section{margin-bottom:20px}.exp-section-title{font-size:.88rem;font-weight:700;color:var(--txt1);margin-bottom:12px}.exp-videos-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.exp-video-thumb{width:90px;flex-shrink:0;background:var(--app-card);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;aspect-ratio:9/16}.exp-video-label{font-size:.6rem;color:var(--txt3);text-align:center;line-height:1.2}.exp-tabs{display:flex;gap:0;border-bottom:1px solid var(--app-border);margin-bottom:16px}.exp-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--txt3);font-size:.82rem;font-weight:600;font-family:inherit;padding:10px 4px;cursor:pointer;transition:all .15s;margin-bottom:-1px}.exp-tab.active{color:var(--txt1);border-bottom-color:var(--app-pink)}.exp-tab-content{min-height:80px}.exp-about-text{font-size:.88rem;color:var(--txt2);line-height:1.7;margin-bottom:16px}.exp-collab-section{background:var(--app-card);border-radius:12px;padding:14px;margin-top:8px}.exp-collab-title{font-size:.8rem;font-weight:700;color:var(--txt3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.exp-collab-desc{margin-bottom:0}.exp-stats-bar{display:flex;align-items:center;background:var(--app-card);border:1px solid var(--app-border);border-radius:14px;padding:14px;margin:14px 0}.exp-stat-item{flex:1;text-align:center}.exp-stat-value{font-size:1rem;font-weight:700;color:var(--txt1)}.exp-stat-label{font-size:.68rem;color:var(--txt3);margin-top:2px}.exp-stat-divider{width:1px;height:28px;background:var(--app-border)}.exp-apparel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exp-apparel-item{text-align:center}.exp-apparel-img{aspect-ratio:1;background:var(--app-card);border-radius:10px;margin-bottom:6px}.exp-apparel-name{font-size:.72rem;color:var(--txt2)}.exp-comments-list{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.exp-comments-empty{color:var(--txt3);font-size:.85rem;padding:16px 0}.exp-comment{display:flex;gap:10px}.exp-comment-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e91e8c,#6b3fa0);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:700;color:#fff}.exp-comment-user{font-size:.78rem;font-weight:700;color:var(--txt1);margin-bottom:2px}.exp-comment-text{font-size:.82rem;color:var(--txt2);line-height:1.4}.exp-comment-input-row{display:flex;gap:8px;align-items:center;background:var(--app-card);border-radius:24px;padding:8px 12px;border:1px solid var(--app-border);margin-bottom:16px}.exp-comment-input{flex:1;background:none;border:none;outline:none;color:var(--txt1);font-size:.88rem;font-family:inherit}.exp-comment-input::placeholder{color:var(--txt3)}.exp-comment-send{background:none;border:none;color:var(--app-pink);cursor:pointer;padding:4px;display:flex;align-items:center}.consent-react{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--app-bg) url(/rock%20ar%20backgound%20image.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:24px;z-index:9000}.consent-react:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0b14c7}.consent-react-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px;max-width:360px;width:100%;text-align:center}.consent-react-logo-wrap{margin-bottom:4px}.consent-react-logo{height:40px;width:auto;object-fit:contain}.consent-react-title{font-size:2rem;font-weight:800;color:var(--txt1);line-height:1.2}.consent-react-sub{font-size:.92rem;color:var(--txt2);line-height:1.6}.consent-loading-bar-wrap{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.consent-loading-bar{height:100%;background:linear-gradient(90deg,#e91e8c,#b71c6e);border-radius:2px;transition:width .4s ease}.consent-loading-pct{font-size:.78rem;color:var(--txt3);margin-top:-14px}.consent-react-checkbox-wrap{width:100%}.consent-react-label{display:flex;align-items:flex-start;gap:12px;font-size:.85rem;color:var(--txt2);line-height:1.5;cursor:pointer;text-align:left}.consent-react-check{display:none}.consent-react-checkmark{width:20px;height:20px;flex-shrink:0;border:2px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff0d;position:relative;transition:all .15s;margin-top:1px}.consent-react-check:checked+.consent-react-checkmark{background:var(--app-pink);border-color:var(--app-pink)}.consent-react-check:checked+.consent-react-checkmark:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.consent-react-btn{width:100%;padding:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff6;border-radius:28px;font-size:1rem;font-weight:700;cursor:not-allowed;font-family:inherit;transition:all .25s}.consent-btn-active{background:linear-gradient(135deg,#e91e8c,#b71c6e)!important;border-color:transparent!important;color:#fff!important;cursor:pointer!important;box-shadow:0 8px 24px #e91e8c66}.consent-react-footer-logo{height:28px;width:auto;object-fit:contain;opacity:.5;margin-top:8px}.app-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--app-bg);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9000}.error-react-content{max-width:380px;width:100%;background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;padding:28px;text-align:center}.error-react-icon{display:flex;justify-content:center;margin-bottom:16px}.error-react-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:10px}.error-react-msg{font-size:.88rem;color:var(--txt2);line-height:1.6;margin-bottom:18px}.error-react-instructions{background:#ffffff0a;border-radius:12px;padding:14px;text-align:left;margin-bottom:20px}.error-react-instructions h4{color:var(--txt2);font-size:.82rem;font-weight:700;margin-bottom:8px}.error-react-instructions ol{padding-left:18px}.error-react-instructions li{color:var(--txt3);font-size:.82rem;margin-bottom:5px;line-height:1.4}.error-react-btn{width:100%;background:linear-gradient(135deg,#e91e8c,#b71c6e);border:none;color:#fff;border-radius:24px;padding:14px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit}.collection-camera-page{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.collection-camera-page .scan-screen{position:fixed}#react-root{z-index:200}body{background:transparent}