body{background-color:#000;color:#fff;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}@media (max-width: 768px){.sidebar-mobile{max-height:40vh;overflow-y:auto}.mobile-compact{padding:.5rem!important}.avatar-grid-mobile{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:.5rem!important}.text-mobile-sm{font-size:.625rem!important}}.video-container{position:relative;width:100%;height:100%;overflow:hidden}@media (max-width: 640px){.debug-panel{display:none}}html,body,#root{min-height:100%;width:100%}@media (pointer: coarse){button{min-height:44px;min-width:44px}}.rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:99999;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}@media (max-width: 900px) and (orientation: portrait){.rotate-overlay{display:flex!important}.rotate-overlay~div,.rotate-overlay~header,.rotate-overlay~footer,.rotate-overlay~main{display:none!important}}.rotate-icon{width:64px;height:64px;margin-bottom:2rem;animation:rotateDevice 2s ease-in-out infinite;color:#10b981}@keyframes rotateDevice{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in.fade-in{animation:fadeIn .4s ease-out forwards}.duration-1000{animation-duration:1s!important}.fill-mode-forwards{animation-fill-mode:forwards}@keyframes pulse{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:.8}to{transform:scale(.95);opacity:.5}}.animate-pulse-slow{animation:pulse 2s ease-in-out infinite}@keyframes coffeeFloat{0%{transform:translateY(0) scale(0) rotate(0);opacity:0}10%{transform:translateY(-20px) scale(1.2) rotate(10deg);opacity:1}to{transform:translateY(-400px) scale(.8) rotate(-20deg);opacity:0}}.coffee-float{animation:coffeeFloat 3s ease-out forwards}