@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--system-background: #1a1a1a;--system-text: #f0f6fc;--system-text-2: #c9d1d9;--system-gray: #8b949e;--system-gray-2: #6e7681;--system-gray-3: #484f58;--system-gray-4: #30363d;--system-gray-5: #21262d;--system-gray-6: #161b22;--system-blue: #0a84ff;--system-red: #ff453a;--system-yellow: #ffd60a;--system-orange: #ff9f0a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ol,ul{list-style:none}input,button,textarea,select{font:inherit}button,[role=button]{cursor:pointer}:disabled{cursor:default}textarea{resize:vertical}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}img,video{max-width:100%;height:auto}fieldset{border:0}blockquote,dl,dd{margin:0}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none}body{font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--system-background);color:var(--system-text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--system-gray-3);border-radius:100px}::-webkit-scrollbar-track{background:var(--system-gray-4)}.btn{padding:10px 20px;border:none;outline:none;border-radius:10px;font-size:14px;font-weight:600;transition:all .2s}.btn:active{transform:translateY(2px)}.btn-secondary{background-color:var(--system-gray-4);color:var(--system-text-2)}.btn-secondary:hover{background-color:var(--system-gray-5)}header{width:100%;padding:16px;border-bottom:1px solid var(--system-gray-5);display:flex;justify-content:space-between;align-items:center;z-index:1}.app-logo{font-family:Georgia,serif;font-weight:700;letter-spacing:-1px;color:var(--system-text);font-size:25px;-webkit-user-select:none;user-select:none}.app-logo span{font-size:25px;font-family:Georgia,serif;color:var(--system-gray)}.uml{position:relative}.uml-content{position:absolute;top:calc(100% + 8px);right:0;width:calc(100vw - 32px);max-width:400px;max-height:544px;overflow-y:auto;background-color:var(--system-gray-5);border-radius:10px;z-index:1;box-shadow:0 12px 12px 8px #0003}.uml-list{padding:24px}.tagline{font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:500;color:var(--system-gray);margin-bottom:12px}.uml-list-item{width:100%;padding:16px 0;border-bottom:1px solid var(--system-gray-4);display:flex;justify-content:space-between;align-items:center;gap:16px;overflow:hidden}.uml-list-item:last-child{border-bottom:none;padding-bottom:0}.flex{width:100%;display:flex;overflow:hidden}.flex-col{flex-direction:column}.gap-12{gap:12px}.align-center{align-items:center}.uml-list-item img{width:48px;aspect-ratio:1;object-fit:fill;border-radius:5px}.uml-list-item h3{font-size:16px;font-weight:600;color:var(--system-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uml-list-item p{font-size:14px;color:var(--system-gray);font-weight:500}.icon-btn{min-width:40px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:none;outline:none;background-color:var(--system-gray-4);transition:all .2s ease}.icon-btn:hover{background-color:var(--system-gray-3)}.icon-btn:active{transform:scale(.95)}.empty-state{width:100%;padding:24px}.empty-state img{width:60%;margin-left:110px}.empty-state-list img{margin-top:24px;width:40%;margin-left:120px;align-content:center}.empty-state-list-text{margin-top:24px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;margin-bottom:24px}.empty-state-list-text h3{font-size:16px;font-weight:500;color:var(--system-text-2)}.empty-state-list-text p{width:100%;text-align:center;font-size:14px;color:var(--system-gray);font-weight:500}.empty-state-text{margin-top:24px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px}.empty-state-text h3{font-size:16px;font-weight:500;color:var(--system-text-2)}.empty-state-text p{width:100%;text-align:center;font-size:14px;color:var(--system-gray);font-weight:500}.loader{width:100%;padding:24px;display:flex;justify-content:center;align-items:center}.loader-spinner{width:28px;height:28px;border:4px solid var(--system-gray-3);border-top-color:var(--system-gray);border-radius:50%;animation:spin 1s linear infinite forwards}@keyframes spin{to{transform:rotate(360deg)}}main{width:100%;padding:24px 16px;display:flex;justify-content:center;align-items:center}.search{width:100%;max-width:644px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.search-input{width:100%;height:56px;background-color:var(--system-gray-5);border-radius:10px;position:relative;overflow:hidden;transition:all .2s}.search-input:has(input:focus){box-shadow:0 0 0 2px var(--system-gray-3)}.search-input input{width:100%;height:100%;background-color:transparent;outline:none;border:none;padding:0 16px 0 40px;color:var(--system-text);font-size:16px;font-weight:450}.search-input input::placeholder{color:var(--system-gray);font-weight:400}.search-input-icon{position:absolute;top:50%;left:16px;transform:translateY(-50%);pointer-events:none}.search-results:has(.empty-state){background-color:transparent}.search-results{width:100%;max-height:400px;overflow-y:auto;background-color:var(--system-gray-5);border-radius:10px}.search-results-list{width:100%}.search-results-list-item{padding:16px;cursor:pointer;border-bottom:1px solid var(--system-gray-4);transition:all .2s;overflow:hidden}.search-results-list-item:first-child{margin-top:8px}.search-results-list-item:last-child{margin-bottom:8px;border-bottom:none}.search-results-list-item:hover{background-color:var(--system-gray-4)}.justify-between{justify-content:space-between}.gap-16{gap:16px}.search-results-list-item img{width:48px;aspect-ratio:1;object-fit:fill;border-radius:5px}.search-results-list-item h2{font-size:16px;font-weight:600;color:var(--system-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gap-2{gap:2px}.gap-4{gap:4px}.search-results-list-item p{font-size:14px;color:var(--system-gray);font-weight:500}.search-results-list-item p span:last-child{text-transform:capitalize}.error-message{width:100%;padding:24px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.error-message p{font-size:14px;font-weight:450;color:var(--system-gray)}.mov-view{width:100%;background-color:var(--system-gray-5);border-radius:10px}.mov-view-header{width:100%;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.button-trailer{display:"flex";align-content:center;background-color:var(--system-blue);color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;cursor:pointer}.button-trailer-icon{margin-left:3px;padding-right:8px;width:25px}.button-trailer:hover{background-color:#0056b3;box-shadow:0 6px 10px #00000026}.back-button{padding:4px 0;display:flex;justify-content:center;align-items:center;gap:0px;background-color:transparent;color:var(--system-blue);border:none;outline:none;transition:all .2s}.back-button:hover{text-decoration:underline}.mov-view-item{width:100%}.imdb{width:42px;height:42px;margin-top:.15px}.mov-view-item-img{width:100%;height:30%;aspect-ratio:16/16;position:relative}.mov-view-item-img img{width:100%;height:100%;object-fit:cover}.poster-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#959595;background:linear-gradient(to bottom,#21272d00,#21272d 0%,#21272d4e 50%,#21272d 90%,#21272d 76%,#21272d 87%,#21272d)}.mov-view-item h2{width:100%;padding:8px 16px;font-size:20px;color:var(--system-text)}.mov-view-item-details{width:100%;padding:0 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--system-gray)}.mov-view-item-details span{font-size:14px;color:var(--system-gray);font-weight:500}.mov-view-item-details span:nth-of-type(2){padding:0 4px;border:1px solid var(--system-gray-2)}.mov-view-item-plot{padding:24px 16px;font-size:16px;color:var(--system-text-2)}.mov-view-item-rating{width:100%;padding:16px;display:flex;justify-content:center;align-items:center}.star-rating{width:100%;padding:24px 16px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;background-color:var(--system-gray-4);border-radius:10px}.post-message-container{width:100%;padding:16px;display:flex;justify-content:center;align-items:center}.post-message{width:100%;padding:24px 16px;display:flex;justify-content:center;align-items:center;background-color:var(--system-gray-4);border-radius:10px;margin-bottom:8px}.post-message p{width:100%;text-align:center;font-size:14px;font-weight:500;color:var(--system-gray)}.star-rating__text{font-size:16px;font-weight:600;color:var(--system-text-2)}.star-rating__stars{display:flex;justify-content:center;align-items:center;gap:8px}.star-rating__stars--i{transition:all .2s ease}.star-rating__stars--i:active{transform:scale(.95)}.btn-container{width:100%;padding:0 16px 24px}.btn-primary{width:100%;padding:16px;background-color:var(--system-blue);color:var(--system-text);border-radius:10px}.btn-primary:hover{opacity:.9}.circular-switch{margin-top:2px;margin-left:10px;width:70px;height:30px;border-radius:50px;background-color:#484f58;display:flex;align-items:center;justify-content:flex-start;padding:3px;cursor:pointer;transition:background-color .4s ease}.circular-switch.on{background-color:#0a84ff;justify-content:flex-end}.knob{width:25px;height:25px;border-radius:50%;background-color:#fff;transition:transform .134s ease}.circular-switch.on .knob{transform:translate(1.5px)}@media only screen and (min-width: 768px){header{padding:16px 24px}main{padding:48px 24px}}@media (min-width:340px){.empty-state img{width:100%;align-content:center;margin-left:1px}}@media (min-width:252px) and (max-width:339px){.empty-state img{width:100%;align-content:center;margin-left:2px}.empty-state-list img{align-content:center;margin-left:70px}}@media (min-width:624px){.empty-state img{width:80%;margin-left:55px}}@media (max-width:251px){.empty-state img{width:100%;align-content:center;margin-left:2px}.empty-state-list img{align-content:center;margin-left:70px}}.loading-container{width:100%;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.spinner{border:3px solid var(--system-gray-3);border-top-color:var(--system-blue);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:20px;height:20px}.spinner-medium{width:40px;height:40px}.spinner-large{width:60px;height:60px}.loading-message{font-size:14px;color:var(--system-gray);font-weight:500}.header-right{display:flex;align-items:center;gap:16px}.user-profile{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--system-gray-5);border-radius:10px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name{font-size:14px;font-weight:500;color:var(--system-text-2);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{padding:6px 12px;font-size:13px;background-color:var(--system-gray-4);color:var(--system-text-2);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-logout:hover{background-color:var(--system-gray-3)}.btn-logout:active{transform:translateY(1px)}@media (max-width: 768px){.user-name{display:none}.user-profile{padding:6px}}.login-background{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:0;background-color:var(--system-background)}.login-background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#1a1a1ad9,#1a1a1af2);z-index:2;pointer-events:none}.marquee-container{display:flex;justify-content:center;gap:20px;width:120%;height:120%;margin-left:-10%;margin-top:-10%;transform:rotate(-5deg);opacity:.4}.marquee-column{flex:1;min-width:160px;position:relative;overflow:hidden}.marquee-content{display:flex;flex-direction:column;gap:24px}.marquee-item{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000080}.marquee-item img{width:100%;height:auto;display:block;object-fit:cover}.marquee-column-1 .marquee-content{animation:scroll-up 45s linear infinite}.marquee-column-2 .marquee-content{animation:scroll-down 50s linear infinite}.marquee-column-3 .marquee-content{animation:scroll-up 55s linear infinite}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.login-container{position:relative;z-index:10}