.anime-detail{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-start;min-height:100vh;padding:2rem;display:flex;position:relative}.anime-detail:before{content:"";z-index:1;background:linear-gradient(135deg,rgba(0,0,0,.85) 0%,rgba(40,40,40,.85) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.anime-detail .anime-detail-container{z-index:2;grid-template-columns:1fr 1fr;align-items:start;gap:20px;max-width:1200px;margin:0 auto;display:grid;position:relative}.anime-detail .anime-detail-container .ad-block{width:100%}.anime-detail .anime-detail-container .anime-detail-text{flex-direction:column;gap:30px;display:flex}.anime-detail .anime-detail-container .anime-detail-text .anime-detail-text-text{background:rgba(20,20,20,.92);border-left:5px solid #f20114;border-radius:8px;padding:2rem;box-shadow:0 5px 15px rgba(0,0,0,.5)}.anime-detail .anime-detail-container .anime-detail-text .anime-titles{gap:10px;display:flex}.anime-detail .anime-detail-container .anime-detail-text h1{color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.7);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.anime-detail .anime-detail-container .anime-detail-text p{color:#ccc;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.anime-detail .anime-detail-container .anime-detail-text .anime-meta{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;display:grid}.anime-detail .anime-detail-container .anime-detail-text .anime-meta .meta-item{background:rgba(30,30,30,.9);border-left:3px solid #333;border-radius:4px;padding:.8rem;transition:all .3s}.anime-detail .anime-detail-container .anime-detail-text .anime-meta .meta-item:hover{border-left:3px solid #f20114}.anime-detail .anime-detail-container .anime-detail-text .anime-meta .meta-item h3{color:#f20114;text-transform:uppercase;letter-spacing:1px;margin:0 0 .3rem;font-size:.9rem}.anime-detail .anime-detail-container .anime-detail-text .anime-meta .meta-item p{color:#eee;margin:0;font-size:1rem}.anime-detail .anime-detail-container .anime-detail-text .like-comments{background:rgba(25,25,25,.9);border-left:5px solid #f20114;border-radius:10px;flex-direction:column;gap:12px;width:100%;padding:15px;display:flex;box-shadow:0 4px 10px rgba(0,0,0,.4)}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike{border:1px solid rgba(255,255,255,.1);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div{cursor:pointer;background:rgba(255,255,255,.03);justify-content:center;align-items:center;width:100%;height:45px;transition:all .3s;display:flex;position:relative}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div button{all:unset;cursor:pointer;color:#ced5db;justify-content:center;align-items:center;gap:10px;display:flex}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div button svg{fill:#ccc;font-size:20px;transition:transform .2s,fill .2s}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div:hover{background:rgba(255,255,255,.1)}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div.like:hover svg{fill:#00d26a}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div.dis-like:hover svg{fill:#ff4242}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div.active.like{background:rgba(0,210,106,.2)}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div.active.like svg{fill:#00d26a}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div.active.dis-like{background:rgba(255,66,66,.2)}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div.active.dis-like svg{fill:#ff4242}.anime-detail .anime-detail-container .anime-detail-text .like-comments .like-dislike div:not(:last-child){border-right:1px solid rgba(255,255,255,.1)}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comments-list{background:rgba(25,25,25,.9);border-radius:8px;flex-direction:column;gap:10px;max-height:250px;padding:10px;display:flex;overflow-y:auto}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comments-list .comment-item{color:#eee;background:rgba(35,35,35,.6);border-radius:6px;padding:8px 12px;font-size:.95rem;line-height:1.4}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comments-list .comment-item b{color:#f20114;font-weight:600}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comments-list .comment-item p{color:#ddd;margin:0}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comment{gap:10px;width:100%;display:flex}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comment .input-comment{background:rgba(25,25,25,.9);border:1px solid rgba(255,255,255,.1);border-radius:12px;flex:1;align-items:center;padding:6px 12px;display:flex}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comment .input-comment input{color:#fff;background:0 0;border:none;border-radius:8px;outline:none;flex:1;padding:6px 8px;font-size:15px}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comment .input-comment input::placeholder{color:rgba(255,255,255,.4)}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comment .input-comment button.yuborish{all:unset;cursor:pointer;color:#ccc;background:rgba(255,255,255,.05);border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comment .input-comment button.yuborish:hover{color:#f20114;background:rgba(255,255,255,.1);transform:scale(1.1)}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comments-list::-webkit-scrollbar{width:6px}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comments-list::-webkit-scrollbar-thumb{background:rgba(242,1,20,.5);border-radius:3px}.anime-detail .anime-detail-container .anime-detail-text .like-comments .comments-list::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.anime-detail .anime-detail-container .anime-video{position:-webkit-sticky;position:sticky;top:2rem}.anime-detail .anime-detail-container .anime-video .video-actions{align-items:center;gap:12px;padding:18px 0;display:flex}.anime-detail .anime-detail-container .anime-video .video-actions a,.anime-detail .anime-detail-container .anime-video .video-actions button{color:#fff;cursor:pointer;background:rgba(31,30,30,.8);border:1px solid rgba(255,255,255,.3);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.anime-detail .anime-detail-container .anime-video .video-actions a:hover,.anime-detail .anime-detail-container .anime-video .video-actions button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}.anime-detail .anime-detail-container .anime-video .video-actions a i,.anime-detail .anime-detail-container .anime-video .video-actions a svg,.anime-detail .anime-detail-container .anime-video .video-actions button i,.anime-detail .anime-detail-container .anime-video .video-actions button svg{font-size:16px}@media screen and (max-width:600px){.anime-detail .anime-detail-container .anime-video .video-actions{flex-direction:column;gap:10px}.anime-detail .anime-detail-container .anime-video .video-actions a,.anime-detail .anime-detail-container .anime-video .video-actions button{width:100%;padding:14px 20px}}.anime-detail .anime-detail-container .anime-video video,.anime-detail .anime-detail-container .anime-video iframe{aspect-ratio:16/9;border-radius:8px;width:100%;box-shadow:0 5px 15px rgba(0,0,0,.5)}.anime-detail .anime-detail-container .anime-video p{color:#fff;text-align:center;background:rgba(30,30,30,.9);border-radius:8px;padding:2rem;font-size:1.2rem;box-shadow:0 5px 15px rgba(0,0,0,.3)}.anime-detail .anime-detail-container .anime-video .season-list{background:rgba(20,20,20,.92);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.anime-detail .anime-detail-container .anime-video .season-list h3{color:#fff;text-align:center;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.3rem;position:relative}.anime-detail .anime-detail-container .anime-video .season-list h3:after{content:"";background:#f20114;width:50px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.anime-detail .anime-detail-container .anime-video .season-list .seasons{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.anime-detail .anime-detail-container .anime-video .season-list .seasons .season{color:#ddd;text-align:center;cursor:pointer;background:rgba(113,112,112,.35);border-radius:4px;padding:.8rem .7rem;font-size:.9rem;transition:all .2s}.anime-detail .anime-detail-container .anime-video .season-list .seasons .season:hover{color:#fff;transform:translateY(-2px);box-shadow:0 3px 5px rgba(255,255,255,.3)}.anime-detail .anime-detail-container .anime-video .season-list .seasons .season.current{color:#fff;background:#f20114;font-weight:700}.anime-detail .anime-detail-container .anime-video .episode-list{background:rgba(20,20,20,.92);border-radius:8px;margin-top:1.5rem;padding:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,.3)}.anime-detail .anime-detail-container .anime-video .episode-list h3{color:#fff;text-align:center;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.3rem;position:relative}.anime-detail .anime-detail-container .anime-video .episode-list h3:after{content:"";background:#f20114;width:50px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.anime-detail .anime-detail-container .anime-video .episode-list .episodes{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.anime-detail .anime-detail-container .anime-video .episode-list .episodes .episode{color:#ddd;text-align:center;cursor:pointer;background:rgba(30,30,30,.9);border-radius:4px;padding:.7rem .5rem;font-size:.9rem;transition:all .2s}.anime-detail .anime-detail-container .anime-video .episode-list .episodes .episode:hover{color:#fff;transform:translateY(-2px);box-shadow:0 3px 8px rgba(242,1,20,.3)}.anime-detail .anime-detail-container .anime-video .episode-list .episodes .episode.current{color:#fff;background:#f20114;font-weight:700}@media (max-width:900px){.anime-detail{padding:1rem}.anime-detail .anime-detail-container{grid-template-columns:1fr}.anime-detail .anime-detail-container .anime-video{position:static}}@media (max-width:600px){.anime-detail{padding:1rem}.anime-detail .anime-detail-container .ad-block{display:none}.anime-detail .anime-detail-container .anime-detail-text h1{font-size:1.8rem}.anime-detail .anime-detail-container .anime-detail-text p{font-size:1rem}.anime-detail .anime-detail-container .anime-detail-text .anime-meta{grid-template-columns:1fr}.anime-detail .anime-detail-container .anime-detail-text .like-comments{flex-direction:column;row-gap:12px}.anime-detail .anime-detail-container .anime-video .season-list .seasons,.anime-detail .anime-detail-container .anime-video .episode-list .episodes{grid-template-columns:repeat(2,1fr)}}.like-comments .comment{margin:15px 0}.like-comments .comment .input-comment{gap:10px;margin-bottom:5px;display:flex}.like-comments .comment .input-comment input{border:1px solid #ddd;border-radius:20px;outline:none;flex:1;padding:10px 15px;transition:border-color .3s}.like-comments .comment .input-comment input:focus{border-color:#007bff}.like-comments .comment .input-comment .yuborish{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex}.like-comments .comment .input-comment .yuborish:hover:not(:disabled){background:#0056b3}.like-comments .comment .input-comment .yuborish:disabled{cursor:not-allowed;background:#6c757d}.like-comments .comment .input-comment .yuborish .spinner{border:2px solid transparent;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.like-comments .comment .error{color:#dc3545;margin:5px 0;font-size:14px}.like-comments .comment .comment-info{color:#6c757d;justify-content:flex-end;font-size:12px;display:flex}.like-comments .comments-list h3{color:#333;margin-bottom:15px}.like-comments .comments-list .no-comments{text-align:center;color:#fff;padding:20px;font-style:italic}.like-comments .comments-list .comment-item{background:#f8f9fa;border-radius:10px;padding:15px}.like-comments .comments-list .comment-item .comment-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.like-comments .comments-list .comment-item .comment-header b{color:#333}.like-comments .comments-list .comment-item .comment-header .comment-date{color:#6c757d;font-size:12px}.like-comments .comments-list .comment-item .comment-text{color:#fff;line-height:1.4}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.7);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.auth-modal{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:90%;max-width:400px;animation:.3s ease-out modalSlideIn;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}.auth-modal .auth-modal-header{text-align:center;background:rgba(242,1,20,.9);padding:1.5rem;position:relative}.auth-modal .auth-modal-header h3{color:#fff;margin:0;font-size:1.3rem;font-weight:600}.auth-modal .auth-modal-header .close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.5rem;transition:background .3s;display:flex;position:absolute;top:1rem;right:1rem}.auth-modal .auth-modal-header .close-btn:hover{background:rgba(255,255,255,.2)}.auth-modal .auth-modal-body{padding:2rem}.auth-modal .auth-modal-body p{color:#ccc;text-align:center;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.auth-modal .auth-modal-body .auth-modal-actions{flex-direction:column;gap:.8rem;display:flex}.auth-modal .auth-modal-body .auth-modal-actions .auth-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.auth-modal .auth-modal-body .auth-modal-actions .auth-btn.login-btn{color:#fff;background:linear-gradient(135deg,#f20114 0%,#c5010f 100%)}.auth-modal .auth-modal-body .auth-modal-actions .auth-btn.login-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(242,1,20,.4)}.auth-modal .auth-modal-body .auth-modal-actions .auth-btn.register-btn{color:#f20114;background:0 0;border:2px solid #f20114}.auth-modal .auth-modal-body .auth-modal-actions .auth-btn.register-btn:hover{background:rgba(242,1,20,.1);transform:translateY(-2px)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.like-dislike div:not(.active){position:relative}.like-dislike div:not(.active):hover:before{content:"Like qilish uchun tizimga kiring";color:#fff;white-space:nowrap;z-index:10;background:rgba(0,0,0,.8);border-radius:4px;padding:5px 10px;font-size:.8rem;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.input-comment input:disabled{cursor:pointer;opacity:.7}.input-comment input:disabled:hover{border-color:#f20114!important}@media (max-width:600px){.auth-modal{width:95%;margin:1rem}.auth-modal .auth-modal-body{padding:1.5rem}.auth-modal .auth-modal-actions .auth-btn{padding:14px 20px}}