*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100vw}body{font-family:Helvetica Neue,Arial,sans-serif;background-color:#0f0f0f;color:#fff;line-height:1.6}#root{min-height:100vh;max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2a2a2a}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#777}button{cursor:pointer;border:none;outline:none;transition:all .3s ease}input{outline:none;border:none}.container,.header,.main-content,.video-container,.movies-grid{max-width:100%;overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}pre,code{overflow-wrap:break-word;word-wrap:break-word}.search-bar{flex:1;max-width:min(400px,100%);min-width:0}.search-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:2px solid transparent;border-radius:25px;color:#fff;font-size:1rem;transition:all .3s ease}.search-input::placeholder{color:#fff9}.search-input:focus{background:#ffffff26;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc433}.search-button{position:absolute;right:8px;background:none;color:#ffffffb3;padding:.5rem;border-radius:50%;transition:all .3s ease}.search-button:hover{color:#4ecdc4;background:#4ecdc41a}.movie-card{background:#ffffff0d;border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.movie-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#4ecdc44d}.movie-poster{position:relative;aspect-ratio:2/3;overflow:hidden}.movie-poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.movie-card:hover .movie-poster img{transform:scale(1.05)}.no-poster{width:100%;height:100%;background:linear-gradient(135deg,#333,#555);display:flex;align-items:center;justify-content:center;color:#999;font-size:.9rem}.movie-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);display:flex;align-items:flex-end;justify-content:center;gap:.5rem;padding:1rem;opacity:0;transition:opacity .3s ease}.movie-card:hover .movie-overlay{opacity:1}.info-btn,.play-btn{background:#ffffffe6;color:#333;border:none;padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-btn:hover{background:#4ecdc4;color:#fff;transform:scale(1.1)}.play-btn:hover{background:#ff6b6b;color:#fff;transform:scale(1.1)}.vr-badge{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(45deg,#ff6b6b,#ff9500);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.movie-info{padding:1rem}.movie-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.movie-cid{font-size:.8rem;color:#999;font-family:monospace}@media (max-width: 480px){.movie-overlay{opacity:1;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8) 100%)}.info-btn,.play-btn{padding:.6rem}}.sort-filter{display:flex;align-items:center;gap:.5rem;color:#fff}.sort-select{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem}.sort-select:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433}.sort-select option{background:#1a1a1a;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding:0 1rem}.page-btn{padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease;min-width:44px;display:flex;align-items:center;justify-content:center;text-align:center}.page-btn:hover:not(:disabled){background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.page-btn.active{background:#4ecdc4;border-color:#4ecdc4;color:#fff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.dots{background:none;border:none;cursor:default}@media (max-width: 768px){.pagination{gap:.25rem;padding:0 .5rem}.page-btn{padding:.5rem .75rem;font-size:.8rem;min-width:40px}}@media (max-width: 480px){.pagination{gap:.125rem;padding:0 .25rem}.page-btn{padding:.4rem .6rem;font-size:.75rem;min-width:36px}.page-btn:not(.active):not(.dots):not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)){display:none}.page-btn.active+.page-btn,.page-btn+.page-btn.active,.page-btn.active+.page-btn+.page-btn,.page-btn+.page-btn.active+.page-btn{display:flex!important}}.modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:2rem}.modal-content{background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:16px;max-width:90vw;max-height:90vh;width:950px;overflow-y:auto;position:relative;animation:slideIn .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:1rem}.movie-title{font-size:.95rem;font-weight:700;color:#fff;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.play-btn-modal{background:linear-gradient(45deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.play-btn-modal:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.modal-header-buttons{display:flex;align-items:center;gap:1rem;flex-shrink:0}.close-btn{background:#ffffff1a;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.close-btn:hover{background:#ff6b6bcc;transform:scale(1.1)}.modal-body{padding:1rem 2rem 2rem}.image-carousel{margin-bottom:2rem}.carousel-container{position:relative;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16/9}.carousel-image{width:100%;height:100%;object-fit:contain;display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-btn:hover{background:#4ecdc4cc;transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{left:1rem}.carousel-btn.next{right:1rem}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;transition:all .3s ease}.indicator.active{background:#4ecdc4;transform:scale(1.2)}.indicator:hover{background:#fff9}.movie-details{space-y:1.5rem}.detail-row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-row label{font-weight:600;color:#4ecdc4;min-width:80px;flex-shrink:0}.detail-row span{color:#fff}.category-tag{background:#4ecdc433;color:#4ecdc4;border:1px solid rgba(78,205,196,.3);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;transition:all .3s ease;white-space:nowrap}.category-tag:hover{background:#4ecdc44d;transform:translateY(-1px);box-shadow:0 4px 8px #4ecdc433}.actress-tag{background:#ff6b6b33;color:#ff6b6b;border-color:#ff6b6b4d}.actress-tag:hover{background:#ff6b6b4d;box-shadow:0 4px 8px #ff6b6b33}.summary{color:#ccc;line-height:1.6;margin:0}.details-toggle{padding:.5rem 0 0;border-top:1px solid rgba(255,255,255,.1);margin-top:1rem}.toggle-btn{background:none;border:none;color:#4ecdc4;display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:6px;width:100%;justify-content:center}.toggle-btn:hover{background:#4ecdc41a;color:#4ecdc4}.toggle-icon{transition:transform .3s ease}.toggle-icon.expanded{transform:rotate(180deg)}.movie-details{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.modal-overlay{padding:1rem}.modal-content{width:95vw;max-height:95vh}.modal-header{padding:1.5rem 1rem 1rem;flex-direction:row;align-items:center}.modal-header-buttons{flex-direction:row;justify-content:flex-end;margin-top:0;flex-shrink:0;gap:.5rem}.play-btn-modal{flex:none;margin-right:0}.modal-body{padding:1rem}.detail-row{flex-direction:column;gap:.5rem}.detail-row label{min-width:auto}.carousel-btn{width:40px;height:40px;font-size:1.2rem}.carousel-btn.prev{left:.5rem}.carousel-btn.next{right:.5rem}}@media (max-width: 480px){.modal-content{border-radius:8px}.movie-title{font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw;display:block}.play-btn-modal{padding:.6rem 1.2rem;font-size:.9rem}.category-tag{font-size:.75rem;padding:.3rem .6rem}}.filter-tags{margin-bottom:2rem}.filter-tags-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.filter-label{color:#fff;font-weight:500}.clear-all-btn{padding:.5rem 1rem;background:#ff6b6b33;border:1px solid rgba(255,107,107,.3);border-radius:6px;color:#ff6b6b;font-size:.9rem;transition:all .3s ease}.clear-all-btn:hover{background:#ff6b6b4d;border-color:#ff6b6b}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4ecdc433;border:1px solid rgba(78,205,196,.3);border-radius:20px;color:#4ecdc4;font-size:.9rem}.filter-tag button{background:none;color:#4ecdc4;padding:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:all .3s ease}.filter-tag button:hover{background:#4ecdc44d}@media (max-width: 768px){.filter-tags-header{flex-direction:column;align-items:flex-start;gap:.5rem}.clear-all-btn{padding:.4rem .8rem;font-size:.8rem}.filter-tag{font-size:.8rem;padding:.4rem .8rem}}.app{position:relative}.language-switcher{position:fixed;top:1rem;right:1rem;z-index:1000}.language-switcher select{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.8rem;transition:all .3s ease;cursor:pointer;min-width:80px}.language-switcher select:hover{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.language-switcher select:focus{outline:none;background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.language-switcher select option{background:#1a1a1a;color:#fff}.home-page{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.header{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;padding:1rem 0;position:sticky;top:0;z-index:100}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header .container{display:flex;align-items:center;gap:2rem;min-width:0}.logo{font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin:0}.main-content{padding:2rem 0}.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.loading{text-align:center;padding:4rem 0;font-size:1.2rem;color:#999}.no-results{text-align:center;padding:4rem 0;color:#999}@media (max-width: 768px){.header .container{flex-direction:column;gap:1rem;align-items:stretch;width:100%;max-width:100%}.logo{text-align:center}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.language-switcher{top:.5rem;right:.5rem}.language-switcher select{padding:.4rem .8rem;font-size:.7rem;min-width:70px}}@media (max-width: 480px){.movies-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.video-player-page{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);display:flex;flex-direction:column}.video-header{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333;padding:1rem 0;position:sticky;top:0;z-index:100}.video-header .container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;gap:2rem}.back-link{display:flex;align-items:center;gap:.5rem;color:#4ecdc4;background:transparent;text-decoration:none;padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(78,205,196,.3);transition:all .3s ease;flex-shrink:0;font-family:inherit;font-size:inherit;cursor:pointer}.back-link:hover{background:#4ecdc41a;border-color:#4ecdc4}.video-title{font-size:1.2rem;font-weight:600;color:#fff;margin:0;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:120px}.video-controls{background:#000000b3;border-bottom:1px solid #333;padding:1rem 0}.video-controls .container{max-width:1200px;margin:0 auto;padding:0 1rem}.controls-row{display:flex;align-items:center;gap:2rem;justify-content:center}.mode-toggle{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease}.mode-toggle:hover{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.mode-toggle.active{background:#4ecdc4;border-color:#4ecdc4;color:#fff}.quality-selector{display:flex;align-items:center;gap:.5rem;color:#fff}.quality-selector label{font-size:.9rem}.quality-selector select{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.9rem}.quality-selector select:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc433}.quality-selector select option{background:#1a1a1a;color:#fff}.video-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;min-height:0;position:relative}.video-player{width:100%;max-width:1200px;height:auto;min-height:400px;aspect-ratio:16/9;border-radius:8px;box-shadow:0 20px 60px #00000080;transition:transform .1s ease;object-fit:contain;background:#000}.video-player.vr-mode{width:100%;height:70vh;object-fit:cover;transform-origin:center}.no-video{text-align:center;color:#999;padding:4rem}.loading,.error{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;color:#999;font-size:1.2rem}.error{flex-direction:column;gap:1rem}.back-button{padding:.75rem 1.5rem;background:#4ecdc433;border:1px solid #4ecdc4;border-radius:6px;color:#4ecdc4;text-decoration:none;transition:all .3s ease;font-family:inherit;font-size:inherit;cursor:pointer}.back-button:hover{background:#4ecdc44d}@media (max-width: 768px){.video-header .container{gap:1rem}.video-title{font-size:1rem}.controls-row{flex-direction:column;gap:1rem}.video-container{padding:1rem}.video-player{min-height:250px}.video-player.vr-mode{height:50vh}}@media (max-width: 480px){.video-header .container{flex-direction:column;gap:.5rem;align-items:stretch}.video-title{text-align:left;order:-1;padding-right:90px}.back-link{align-self:flex-start}.video-player{min-height:200px}.video-player.vr-mode{height:40vh}}