html,body,#root{min-height:100%;margin:0;padding:0;display:block;background:linear-gradient(160deg,#fff0f0,#fff);font-family:Avenir,system-ui,Helvetica,Arial,sans-serif;color:#2b2b2b}.error-text{color:#b71c1c;font-size:.85em;min-height:1.2em;margin:0}.main-content{width:100%;max-width:1280px;margin:0 auto;padding:1rem}.movies-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.movies-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.movie-card{display:flex;flex-direction:column;align-items:center;text-align:center}.movie-card img{width:100%;max-width:200px;border-radius:12px;box-shadow:0 2px 8px #00000026}.card{padding:2rem;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a}@keyframes glow{0%,to{text-shadow:0 0 10px #ff6f6f,0 0 20px #ff6f6f}50%{text-shadow:0 0 20px #ff4040,0 0 30px #ff4040}}body{background-color:#fafafa;animation:color 8s linear infinite}#candy{overflow:hidden;display:flex;opacity:0;margin:calc(50vh - 150px) auto 0 auto;width:100px;height:300px;border-radius:100px 100px 0 0/100px 100px 0px 0px;background-color:#fafafa;box-shadow:40px 20px 15px -30px #ff00001a;transform:rotate(90deg);animation:PARTY 8s cubic-bezier(.87,-.41,.19,1.44) infinite}#candy-loader{height:100%;width:100%;z-index:1;display:flex;align-items:center;align-self:flex-end;box-shadow:0 0 10px #ff3200cc inset;background:#d33144;background:repeating-linear-gradient(45deg,#ffe,#ffe 15px,#d33144 15px 30px);animation:load 8s ease-in infinite}#candy-loader:after{content:"";background-color:#fafafa;width:50px;height:270px;border-radius:50px 50px 0 0/50px 50px 0px 0px;display:flex;align-self:flex-end;animation:color 8s linear infinite}#candy-loader:before{content:"";background-color:#fafafa;width:25px;height:210px;display:flex;align-self:flex-end;animation:color 8s linear infinite}@keyframes load{0%{height:0%}50%{height:100%}}@keyframes PARTY{5%{opacity:1}50%{transform:rotate(90deg) scale(1)}60%{transform:rotate(-10deg) scale(1)}70%{transform:rotate(20deg) scale(1)}80%{transform:rotate(-10deg) scale(1)}90%{transform:rotate(30deg) scale(1);opacity:1}to{transform:rotate(-180deg) scale(0);opacity:0}}@keyframes color{55%{background-color:#fafafa}57%{background-color:#31d354}95%{background-color:#31d354}}