*{box-sizing:border-box}html,body,#root,.shell{margin:0;width:100%;height:100%;background:#121212;color:#fff;font-family:Poppins,system-ui,sans-serif;overflow:hidden}#player{width:100%;height:100%}.banner{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;text-align:center;z-index:2}.banner.error{color:#ff8a80}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:99999;background:linear-gradient(180deg,#111,#000);color:#0ff;padding:12px 20px;border-radius:30px;font-weight:600;font-size:15px;box-shadow:0 0 4px #0ff3,0 0 8px #00ffff1a;animation:fadeSlide .35s ease-out}@keyframes fadeSlide{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}