body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;transition:background .3s ease}#root,body{min-height:100vh}#root{background:radial-gradient(circle at center,#ffffff0d 0,#0000 70%)}body[data-theme=dark]{background:linear-gradient(135deg,#0f1729,#1a1f35 50%,#2a3447);color:#fff;position:relative}body[data-theme=dark]:before{background:radial-gradient(circle at 0 0,#2d9cdb26 0,#0000 50%),radial-gradient(circle at 100% 100%,#ff595926 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.app-title{filter:drop-shadow(0 0 8px rgba(255,140,66,.3));font-size:2.8rem}.youtube-player-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:32px;box-shadow:0 20px 60px #0003,0 10px 25px #0000001a,inset 0 2px 2px #ffffff1a;margin:35px 0;padding:40px;transition:all .6s cubic-bezier(.4,0,.2,1)}.youtube-player-container:before{background:linear-gradient(45deg,#ffffff1a,#fff3);border-radius:32px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.playlist-item{border-radius:24px;margin:20px 0;padding:25px;transition:all .5s cubic-bezier(.4,0,.2,1)}.playlist-item:hover{box-shadow:0 10px 30px #00000026,inset 0 1px 2px #fff3,0 0 20px #ff8c421a}::-webkit-scrollbar{background:#0000;width:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:padding-box;border:2px solid #0000}.app-title{animation:shine 8s linear infinite;background:linear-gradient(45deg,#ff512f,#f09819,#ff8c42,#ffc75f,#ff512f);-webkit-background-clip:text;background-clip:text;background-size:400% auto;color:#0000;cursor:pointer;font-size:2.5rem;font-weight:900;letter-spacing:-1.5px;padding:.5rem 0;position:relative;text-shadow:3px 3px 6px #00000026;transition:all .5s cubic-bezier(.4,0,.2,1)}.app-title:hover{animation:shine 4s linear infinite;letter-spacing:-.5px;opacity:1;text-shadow:0 0 40px #ff8c4299;transform:scale(1.05) translateY(-3px)}.app-title:after{background:linear-gradient(90deg,#0000,#ff8c42,#0000);bottom:-8px}.app-title:after,.app-title:before{content:"";filter:blur(1px);height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.app-title:before{background:linear-gradient(90deg,#0000,#ff512f,#0000);top:-8px}.app-title:hover:after,.app-title:hover:before{transform:scaleX(1)}.youtube-player-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff12;border:1px solid #fff3;border-radius:28px;box-shadow:0 20px 60px #0003,0 10px 25px #0000001a,inset 0 1px 1px #ffffff1a;margin:30px 0;padding:35px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.youtube-player-container:hover{box-shadow:0 25px 70px #0000004d,0 15px 35px #0003,inset 0 2px 2px #ffffff26;transform:translateY(-10px) scale(1.02)}.playlist-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 15px 50px #0003,inset 0 1px 1px #ffffff1a;padding:35px;transition:all .5s ease}.playlist-item{border:1px solid #ffffff14;border-radius:20px;box-shadow:0 4px 15px #0000001a;margin:18px 0;overflow:hidden;padding:22px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.playlist-item:before{background:linear-gradient(45deg,#0000,#ffffff14,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.playlist-item:hover{border-color:#ffffff4d;box-shadow:0 10px 30px #00000026,inset 0 1px 2px #fff3;transform:translateX(15px) scale(1.03)}.playlist-item:hover:before{transform:translateX(100%)}@keyframes shine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.video-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:15px;padding:15px}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.playlist-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff1a;border-radius:16px;height:calc(100vh - 200px);overflow-y:auto;padding:20px}.playlist-item{background:#ffffff0d;border-radius:12px;cursor:pointer;margin:10px 0;padding:15px;transition:all .3s ease}.playlist-item:hover{background:#ffffff1a;transform:translateX(10px)}.now-playing{animation:shine 8s linear infinite;background:linear-gradient(45deg,#ff512f,#f09819,#ff8c42,#ffc75f,#ff512f);-webkit-background-clip:text;background-clip:text;background-size:400% auto;color:#0000;cursor:default;filter:drop-shadow(0 0 8px rgba(255,140,66,.3));font-size:1.4rem;font-weight:900;letter-spacing:-1.5px;padding:.5rem 0;position:relative;text-shadow:3px 3px 6px #00000026;transition:all .5s cubic-bezier(.4,0,.2,1)}.now-playing:hover{animation:shine 4s linear infinite;letter-spacing:-1px;text-shadow:0 0 40px #ff8c4299;transform:scale(1.02) translateY(-2px)}
/*# sourceMappingURL=main.0c6639bb.css.map*/