@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#ffffff;min-height:100vh;line-height:1.6}.container{max-width:1300px;margin:0 auto;padding:2rem;position:relative;z-index:1}.header{text-align:center;margin-bottom:3rem;position:relative;align-items:center;padding:0 1rem;display:flex;justify-content:center}.header a{text-decoration:none}.header:before{content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:2px}h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 4px 20px rgba(255,107,107,.3)}.subtitle{font-size:1.2rem;color:#b8b8d1;margin-bottom:2rem}.controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.search-container{position:relative;flex:1;min-width:300px}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.05);color:#ffffff;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 20px rgba(78,205,196,.3);background:rgba(255,255,255,.1)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#b8b8d1;font-size:1.2rem}.add-btn{padding:1rem 2rem;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:15px;color:white;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 15px rgba(255,107,107,.3)}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,107,.4)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.filter-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:rgba(255,255,255,.05);padding:.5rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center}.filter-tab{padding:.8rem 1.5rem;border:none;background:transparent;color:#b8b8d1;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-tab.active{background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:white;box-shadow:0 0 20px rgba(255,0,255,.3)}.sort-container{margin-left:auto}.sort-wrapper{position:relative;display:inline-block}.sort-select{padding:.8rem;background:rgba(0,0,0,.7);border:2px solid rgba(255,0,255,.3);border-radius:10px;color:transparent;font-size:1rem;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(135deg,#ff6b6b,#4ecdc4);background-clip:padding-box;width:40px;height:40px;text-indent:-9999px}.sort-select:focus,.sort-select:hover{border-color:#ff6b6b}.sort-select:focus{outline:none}.sort-select option{background:rgba(0,0,0,.9);color:#ff6b6b;padding:1rem}.sort-wrapper:before{content:"⇅";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:white;font-size:1.2rem;pointer-events:none;z-index:1}.view-controls{margin-left:auto;gap:1rem}.view-btn,.view-controls{display:flex;align-items:center}.view-btn{background:transparent;border:1px solid rgba(255,0,255,.3);color:white;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.2rem;justify-content:center;transition:all .3s ease}.view-btn:hover{background:rgba(255,0,255,.1);border-color:#ff6b6b}.view-btn.active{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:white;border-color:transparent}.grid-size-control{display:flex;align-items:center;gap:.5rem;background:rgba(255,96,0,.1);padding:.5rem;border-radius:8px;border:1px solid rgba(255,0,255,.2)}.grid-size-btn{background:transparent;border:1px solid rgba(255,0,255,.3);color:white;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.grid-size-btn:hover{background:rgba(255,0,255,.1);border-color:#ff6b6b}#grid-size-value{color:white;font-weight:600;min-width:20px;text-align:center}.movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.movies-grid.list-view{display:flex;flex-direction:column;gap:1rem}.movies-grid.list-view .movie-card{min-height:auto;height:auto;padding:1rem}.movies-grid.list-view .movie-header{margin-bottom:0;flex:1}.movies-grid.list-view .movie-poster{width:60px;height:90px}.movies-grid.list-view .movie-info{margin-top:0}.movies-grid.list-view .movie-description{position:static;margin-top:.5rem;max-width:none;flex:2;-webkit-line-clamp:2;line-clamp:2}.movies-grid.list-view .movie-actions{position:static;transform:none;margin-left:1rem;width:auto;padding:0}.movies-grid.grid-size-2{grid-template-columns:repeat(2,1fr)}.movies-grid.grid-size-3{grid-template-columns:repeat(3,1fr)}.movies-grid.grid-size-4{grid-template-columns:repeat(4,1fr);gap:1rem}.movies-grid.grid-size-5{grid-template-columns:repeat(5,1fr)}@media (max-width:768px){.movies-grid.grid-size-2,.movies-grid.grid-size-3,.movies-grid.grid-size-4,.movies-grid.grid-size-5{grid-template-columns:1fr}.view-controls{margin-left:0;margin-top:1rem;width:100%;justify-content:center}}.movie-card{background:rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden;min-height:400px;cursor:pointer;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.movie-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1)}.movie-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.3);background:rgba(255,255,255,.12)}.movie-card.watched{opacity:.7;background:rgba(255,255,255,.05)}.movie-header{display:flex;gap:1rem;margin-bottom:1rem}.movie-poster{width:80px;height:120px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;box-shadow:0 4px 15px rgba(0,0,0,.3)}.movie-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.movie-info{flex:1;margin-top:-1rem;min-width:0}.movie-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#ffffff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;margin-top:10px}.movie-year{color:#4ecdc4;font-size:1rem;font-weight:600;margin-bottom:.5rem;margin-top:-7px}.movie-genres{display:flex;gap:.2rem;margin-bottom:1rem;max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:.2rem}.movie-genres::-webkit-scrollbar{display:none}.genre-tag{padding:.2rem .4rem;background:rgba(0,255,255,.1);border-radius:20px;font-size:.7rem;color:#4ecdc4;border:1px solid rgba(0,255,255,.3);flex-shrink:0}.movie-description{color:#b8b8d1;margin-bottom:1rem;line-height:1.6;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:.9rem}.movie-actions{display:flex;gap:1rem;justify-content:center;position:absolute;bottom:10px;left:0;right:0;padding:0 1rem}.action-btn{padding:.6rem 1.2rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9rem}.action-btn:disabled{opacity:.5;cursor:not-allowed}.watch-btn{background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:white}.watch-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(78,205,196,.4)}.remove-btn{background:rgba(255,107,107,.2);color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.remove-btn:hover{background:rgba(255,107,107,.3);transform:translateY(-2px)}.watched-badge{position:absolute;top:0;right:0;background:linear-gradient(195deg,#4ecdc4,#45b7d1);color:white;padding:0 .6rem;border-radius:20px;font-size:.8rem;font-weight:600}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal.show{display:block}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);min-width:600px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-content.active{transform:translate(-50%,-50%) scale(1);opacity:1}.modal h3{color:#ffffff}.form-group,.modal h3{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#b8b8d1}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:2px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.05);color:#ffffff;font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4ecdc4}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-action-btn{padding:.6rem 1.2rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9rem}.stats{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.stat-card{background:rgba(255,255,255,.08);padding:1.5rem;border-radius:15px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.stat-number{font-size:2rem;font-weight:800;color:#4ecdc4}.stat-label{color:#b8b8d1;font-size:.9rem}@media (max-width:768px){.movies-grid{grid-template-columns:1fr}.controls{flex-direction:column}.search-container{min-width:100%}h1{font-size:2.5rem}.header,.stats{flex-direction:column;gap:1rem}.header-actions{position:static;transform:none}}body.theme-cyberpunk{background:linear-gradient(135deg,#0a0a1f,#1a1a2e 50%,#0f0f23)}body.theme-cyberpunk .header:before{background:linear-gradient(90deg,#ff00ff,#00ffff,#ff00ff);box-shadow:0 0 20px rgba(255,0,255,.5)}body.theme-cyberpunk h1{background:linear-gradient(135deg,#ff00ff,#00ffff,#ff00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,0,255,.5);letter-spacing:2px}body.theme-cyberpunk .subtitle{color:#00ffff;text-shadow:0 0 10px rgba(0,255,255,.5)}body.theme-cyberpunk .search-input{border:2px solid rgba(0,255,255,.3);background:rgba(0,0,0,.5);box-shadow:0 0 15px rgba(0,255,255,.2)}body.theme-cyberpunk .search-input:focus{border-color:#00ffff;box-shadow:0 0 20px rgba(0,255,255,.4);background:rgba(0,0,0,.7)}body.theme-cyberpunk .search-icon{color:#00ffff;text-shadow:0 0 10px rgba(0,255,255,.5)}body.theme-cyberpunk .add-btn{background:linear-gradient(135deg,#ff00ff,#00ffff);box-shadow:0 0 20px rgba(255,0,255,.3);text-transform:uppercase;letter-spacing:1px;background-size:150% 150%;background-position:0 0}body.theme-cyberpunk .add-btn:hover{box-shadow:0 0 30px rgba(255,0,255,.5);background-position:100% 100%}body.theme-cyberpunk .filter-tabs{background:rgba(0,0,0,.5);border:1px solid rgba(0,255,255,.2)}body.theme-cyberpunk .filter-tab{color:#00ffff;text-transform:uppercase;letter-spacing:1px}body.theme-cyberpunk .filter-tab.active{background:linear-gradient(135deg,#ff00ff,#00ffff);box-shadow:0 0 20px rgba(255,0,255,.3)}body.theme-cyberpunk .movie-card{background:rgba(0,0,0,.7);border:1px solid rgba(0,255,255,.2);box-shadow:0 0 20px rgba(0,255,255,.1)}body.theme-cyberpunk .movie-card:before{background:linear-gradient(90deg,#ff00ff,#00ffff,#ff00ff);box-shadow:0 0 20px rgba(255,0,255,.3)}body.theme-cyberpunk .movie-card:hover{box-shadow:0 0 30px rgba(0,255,255,.3);border-color:rgba(0,255,255,.4)}body.theme-cyberpunk .movie-title{color:#00ffff;text-shadow:0 0 10px rgba(0,255,255,.3)}body.theme-cyberpunk .movie-year{color:#ff00ff;text-shadow:0 0 10px rgba(255,0,255,.3)}body.theme-cyberpunk .genre-tag{background:rgba(0,255,255,.1);color:#00ffff;border:1px solid rgba(0,255,255,.3);text-shadow:0 0 5px rgba(0,255,255,.3)}body.theme-cyberpunk .watch-btn{background:linear-gradient(135deg,#ff00ff,#00ffff);text-transform:uppercase;background-size:150% 150%;background-position:0 0}body.theme-cyberpunk .watch-btn:hover{box-shadow:0 0 20px rgba(255,0,255,.4);background-position:100% 100%}body.theme-cyberpunk .remove-btn{background:rgba(255,0,255,.2);color:#ff00ff;border:1px solid rgba(255,0,255,.3);text-transform:uppercase;letter-spacing:1px}body.theme-cyberpunk .remove-btn:hover{background:rgba(255,0,255,.3);box-shadow:0 0 20px rgba(255,0,255,.3)}body.theme-cyberpunk .watched-badge{background:linear-gradient(195deg,#ff00ff,#00ffff);box-shadow:0 0 15px rgba(255,0,255,.3);text-transform:uppercase;letter-spacing:1px}body.theme-cyberpunk .stat-card{background:rgba(0,0,0,.7);border:1px solid rgba(0,255,255,.3);box-shadow:0 0 20px rgba(0,255,255,.1)}body.theme-cyberpunk .stat-number{color:#ff00ff;text-shadow:0 0 15px rgba(255,0,255,.5)}body.theme-cyberpunk .stat-label{color:#00ffff;text-shadow:0 0 10px rgba(0,255,255,.3)}