html,body,#root{height:100%;margin:0;overflow-x:hidden;overflow-y:hidden}*{box-sizing:border-box}.portrait-shell{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.portrait-stage{width:100%;max-width:430px;aspect-ratio:9 / 16;height:auto;max-height:100vh;position:relative;overflow:hidden;background:black}@media (max-width: 500px){.portrait-stage{width:100%;height:100%;max-width:none;aspect-ratio:auto}}.help-menu{display:flex;flex-direction:column;gap:8px;background:linear-gradient(rgb(116 145 161 / 52%),rgb(173 237 255 / 89%));font-size:auto}html,body{touch-action:manipulation;overscroll-behavior:none}@keyframes bellPulse{0%{transform:scale(1);box-shadow:0 0 #ffc107b3}70%{transform:scale(1.15);box-shadow:0 0 0 10px #ffc10700}to{transform:scale(1);box-shadow:0 0 #ffc10700}}.pulse-bell{animation:bellPulse .5s infinite ease-in-out}.email-link{color:gold;text-decoration:none}.email-link:hover{color:#ffea80}.upload-loader{display:flex;gap:6px}.upload-loader span{position:fixed;top:60%;left:40%;width:100px;height:100px;border-radius:100%;border:8px solid #D4AF37;border-top:8px solid #ffd54f;animation:spin 1s linear infinite;z-index:9999}@keyframes spin{to{transform:rotate(360deg)}}.upload-loader{margin-bottom:8px;margin-left:150px}.now-playing{font-size:12px;color:#00ff9c;margin-left:18px;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.eq{display:inline-flex;gap:2px;margin-right:6px}.eq i{width:3px;height:10px;background:#00ff9c;display:inline-block;animation:eqBounce .8s infinite ease-in-out}.eq i:nth-child(1){animation-delay:0s}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}@keyframes eqBounce{0%{transform:scaleY(.4)}50%{transform:scaleY(1.2)}to{transform:scaleY(.4)}}