@keyframes wig-fall{0%{transform:translateY(-10vh) translate(0) rotate(0);opacity:0}10%{opacity:.12}50%{transform:translateY(50vh) translate(10px) rotate(15deg)}to{transform:translateY(110vh) translate(-10px) rotate(0);opacity:.12}}.wig-snow-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15}.wig{position:absolute;top:-8vh;color:#ffffff1f;animation-name:wig-fall;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}@media (prefers-reduced-motion: reduce){.wig-snow-layer{display:none}}.netflix-container{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;overflow:hidden;z-index:1;transform:translateZ(0);will-change:transform;pointer-events:none}.netflix-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#000c,#0006 30%,#0009 70%,#000000e6);z-index:2}.netflix-scroll-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;perspective:1200px;perspective-origin:50% 30%;transform-style:preserve-3d}.netflix-scroll-row{position:absolute;width:200%;height:160px;display:flex;align-items:center;gap:20px;transform-style:preserve-3d}.netflix-scroll-row:nth-child(1){top:0;animation:netflix-scroll-left 60s infinite ease-in-out}.netflix-scroll-row:nth-child(2){top:160px;animation:netflix-scroll-left-2 60s infinite ease-in-out}.netflix-scroll-row:nth-child(3){top:320px;animation:netflix-scroll-left-3 60s infinite ease-in-out}.netflix-scroll-row:nth-child(4){top:480px;animation:netflix-scroll-left-4 60s infinite ease-in-out}.netflix-thumbnail{width:100px;height:150px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;box-shadow:0 8px 32px #0009,0 4px 16px #0006,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(255,255,255,.15);flex-shrink:0;transform-style:preserve-3d;backface-visibility:hidden}.netflix-thumbnail:hover{transform:scale(1.08) translateZ(20px) rotateY(-5deg);box-shadow:0 16px 48px #000c,0 8px 24px #0009,inset 0 1px #fff3;border-color:#fff6}@keyframes netflix-scroll-left{0%{transform:translate(0) translateZ(0) rotateY(-20deg) rotateX(8deg) translate(-50px)}50%{transform:translate(-50%) translateZ(0) rotateY(-20deg) rotateX(8deg) translate(-50px)}to{transform:translate(0) translateZ(0) rotateY(-20deg) rotateX(8deg) translate(-50px)}}@keyframes netflix-scroll-left-2{0%{transform:translate(0) translateZ(-80px) rotateY(-20deg) rotateX(8deg) translate(-100px)}50%{transform:translate(-50%) translateZ(-80px) rotateY(-20deg) rotateX(8deg) translate(-100px)}to{transform:translate(0) translateZ(-80px) rotateY(-20deg) rotateX(8deg) translate(-100px)}}@keyframes netflix-scroll-left-3{0%{transform:translate(0) translateZ(-160px) rotateY(-20deg) rotateX(8deg) translate(-150px)}50%{transform:translate(-50%) translateZ(-160px) rotateY(-20deg) rotateX(8deg) translate(-150px)}to{transform:translate(0) translateZ(-160px) rotateY(-20deg) rotateX(8deg) translate(-150px)}}@keyframes netflix-scroll-left-4{0%{transform:translate(0) translateZ(-240px) rotateY(-20deg) rotateX(8deg) translate(-200px)}50%{transform:translate(-50%) translateZ(-240px) rotateY(-20deg) rotateX(8deg) translate(-200px)}to{transform:translate(0) translateZ(-240px) rotateY(-20deg) rotateX(8deg) translate(-200px)}}@media (max-width: 768px){.netflix-thumbnail{width:80px;height:120px}.netflix-scroll-row{height:130px;gap:15px}.netflix-scroll-row:nth-child(2){top:130px;transform:translateZ(-60px) rotateY(-20deg) rotateX(8deg) translate(-80px)}.netflix-scroll-row:nth-child(3){top:260px;transform:translateZ(-120px) rotateY(-20deg) rotateX(8deg) translate(-120px)}.netflix-scroll-row:nth-child(4){top:390px;transform:translateZ(-180px) rotateY(-20deg) rotateX(8deg) translate(-160px)}}@media (max-width: 480px){.netflix-thumbnail{width:60px;height:90px}.netflix-scroll-row{height:100px;gap:10px}.netflix-scroll-row:nth-child(2){top:100px;transform:translateZ(-40px) rotateY(-20deg) rotateX(8deg) translate(-60px)}.netflix-scroll-row:nth-child(3){top:200px;transform:translateZ(-80px) rotateY(-20deg) rotateX(8deg) translate(-90px)}.netflix-scroll-row:nth-child(4){top:300px;transform:translateZ(-120px) rotateY(-20deg) rotateX(8deg) translate(-120px)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f1f1f}*{box-sizing:border-box}#root{min-height:100vh;background-color:#1f1f1f}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(200%)}}.animate-shimmer{animation:shimmer 2s infinite}.animate-slide{animation:slide 2s infinite}.dashboard-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-template-rows:repeat(auto-fill,minmax(120px,1fr));gap:8px;width:100%;height:100%;padding:20px;opacity:.3;filter:blur(.5px)}.dashboard-grid-item{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;transition:opacity .3s ease}.dashboard-grid-item:hover{opacity:.3}@media (max-width: 768px){.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-template-rows:repeat(auto-fill,minmax(80px,1fr));gap:4px;padding:10px}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-template-rows:repeat(auto-fill,minmax(60px,1fr));gap:2px;padding:5px}}
