@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}@keyframes colorAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes qrFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}body{background-color:#000}.live-pulse[data-status=connecting]{animation:pulse-slow 3s ease-in-out infinite}.live-pulse,.live-pulse[data-status=connected]{animation:pulse 2s ease-in-out infinite}.live-pulse[data-status=disconnected]{animation:none}.landing-section{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.app-button{background:rgba(255,255,255,.15);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.app-button:hover{background:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.platform-icon{font-size:3rem;margin-bottom:.5rem}.help-section{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.gesture-icon{font-size:3rem;margin-bottom:1rem}.help-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.help-card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}#qr-code-container{animation:qrFadeIn .3s cubic-bezier(.4,0,.2,1)}#qr-code-container img{border-radius:1rem;display:block}.share-icon-hover:hover{transform:scale(1.1)}.social-share-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;backdrop-filter:blur(8px);border:2px solid;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-share-icon:hover{transform:scale(1.1);background-color:var(--hover-bg)!important}.social-share-icon:active{transform:scale(.95)}.social-share-icon svg{width:24px;height:24px}.drawer-handle:hover{background-color:var(--hover-bg)!important}@media (orientation:landscape) and (max-height:600px){#hero-view h1{font-size:2.5rem!important;margin-bottom:.5rem!important}#hero-view h2{font-size:1.125rem!important;margin-bottom:.75rem!important}#hero-view p{font-size:.875rem!important;margin-bottom:1rem!important;max-width:600px!important;line-height:1.4!important}#hero-view button{padding:.5rem 1.5rem!important;font-size:1rem!important}#hero-view{padding-top:1rem!important;padding-bottom:1rem!important}}@media (orientation:landscape) and (max-height:450px){#hero-view h1{font-size:2rem!important;margin-bottom:.25rem!important}#hero-view h2{font-size:1rem!important;margin-bottom:.5rem!important}#hero-view p{font-size:.75rem!important;margin-bottom:.75rem!important;line-height:1.3!important}#hero-view button{padding:.4rem 1.25rem!important;font-size:.875rem!important}}