@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,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(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{z-index:1;max-width:1300px;margin:0 auto;padding:2rem;position:relative}.header{text-align:center;justify-content:center;align-items:center;margin-bottom:3rem;padding:0 1rem;display:flex;position:relative}.header a{text-decoration:none}.header:before{content:"";background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:2px;width:100px;height:4px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}h1{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #ff6b6b4d;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}.subtitle{color:#b8b8d1;margin-bottom:2rem;font-size:1.2rem}.controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-container{flex:1;min-width:300px;position:relative}.search-input{color:#fff;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .3s}.search-input:focus{background:#ffffff1a;border-color:#4ecdc4;outline:none;box-shadow:0 0 20px #4ecdc44d}.search-icon{color:#b8b8d1;font-size:1.2rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:15px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ff6b6b4d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b66}.add-btn:disabled{opacity:.5;cursor:not-allowed}.filter-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:15px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem;display:flex}.filter-tab{color:#b8b8d1;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.8rem 1.5rem;font-weight:500;transition:all .3s}.filter-tab.active{color:#fff;background:linear-gradient(135deg,#4ecdc4,#45b7d1);box-shadow:0 0 20px #ff00ff4d}.sort-container{margin-left:auto}.sort-wrapper{display:inline-block;position:relative}.sort-select{color:#0000;cursor:pointer;appearance:none;text-indent:-9999px;background:#000000b3 linear-gradient(135deg,#ff6b6b,#4ecdc4) padding-box padding-box;border:2px solid #ff00ff4d;border-radius:10px;width:40px;height:40px;padding:.8rem;font-size:1rem;transition:all .3s}.sort-select:hover{border-color:#ff6b6b}.sort-select:focus{border-color:#ff6b6b;outline:none}.sort-select option{color:#ff6b6b;background:#000000e6;padding:1rem}.sort-wrapper:before{content:"⇅";color:#fff;pointer-events:none;z-index:1;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.view-controls{align-items:center;gap:1rem;margin-left:auto;display:flex}.view-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ff00ff4d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex}.view-btn:hover{background:#ff00ff1a;border-color:#ff6b6b}.view-btn.active{color:#fff;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-color:#0000}.grid-size-control{background:#ff60001a;border:1px solid #f0f3;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.grid-size-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ff00ff4d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:all .3s;display:flex}.grid-size-btn:hover{background:#ff00ff1a;border-color:#ff6b6b}#grid-size-value{color:#fff;text-align:center;min-width:20px;font-weight:600}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.movies-grid.list-view{flex-direction:column;gap:1rem;display:flex}.movies-grid.list-view .movie-card{height:auto;min-height:auto;padding:1rem}.movies-grid.list-view .movie-header{flex:1;margin-bottom:0}.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{-webkit-line-clamp:2;line-clamp:2;flex:2;max-width:none;margin-top:.5rem;position:static}.movies-grid.list-view .movie-actions{width:auto;margin-left:1rem;padding:0;position:static;transform:none}.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{justify-content:center;width:100%;margin-top:1rem;margin-left:0}}.movie-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;min-height:400px;padding:1.5rem;transition:all .3s;animation:.3s fadeIn;position:relative;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.movie-card:before{content:"";background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);height:4px;position:absolute;top:0;left:0;right:0}.movie-card:hover{background:#ffffff1f;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.movie-card.watched{opacity:.7;background:#ffffff0d}.movie-header{gap:1rem;margin-bottom:1rem;display:flex}.movie-poster{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:120px;font-size:2rem;display:flex;box-shadow:0 4px 15px #0000004d}.movie-poster img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%;height:100%}.movie-info{flex:1;min-width:0;margin-top:-1rem}.movie-title{color:#fff;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;margin-bottom:.5rem;font-size:1.2rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.movie-year{color:#4ecdc4;margin-top:-7px;margin-bottom:.5rem;font-size:1rem;font-weight:600}.movie-genres{white-space:nowrap;scrollbar-width:none;gap:.2rem;max-width:100%;margin-bottom:1rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.movie-genres::-webkit-scrollbar{display:none}.genre-tag{color:#4ecdc4;background:#00ffff1a;border:1px solid #00ffff4d;border-radius:20px;flex-shrink:0;padding:.2rem .4rem;font-size:.7rem}.movie-description{color:#b8b8d1;text-overflow:ellipsis;line-clamp:5;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.movie-actions{justify-content:center;gap:1rem;padding:0 1rem;display:flex;position:absolute;bottom:10px;left:0;right:0}.action-btn{cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.watch-btn{color:#fff;background:linear-gradient(135deg,#4ecdc4,#45b7d1)}.watch-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc466}.remove-btn{color:#ff6b6b;background:#ff6b6b33;border:1px solid #ff6b6b4d}.remove-btn:hover{background:#ff6b6b4d;transform:translateY(-2px)}.watched-badge{color:#fff;background:linear-gradient(195deg,#4ecdc4,#45b7d1);border-radius:20px;padding:0 .6rem;font-size:.8rem;font-weight:600;position:absolute;top:0;right:0}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000c;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;left:0}.modal.show{display:block}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;min-width:600px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}.modal-content.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.modal h3{color:#fff;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{color:#b8b8d1;margin-bottom:.5rem;display:block}.form-group input,.form-group textarea{color:#fff;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;width:100%;padding:.8rem;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:#4ecdc4;outline:none}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.modal-action-btn{cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.stats{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.stat-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem}.stat-number{color:#4ecdc4;font-size:2rem;font-weight:800}.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}.stats,.header{flex-direction:column;gap:1rem}.header-actions{position:static;transform:none}}body.theme-cyberpunk{background:linear-gradient(135deg,#0a0a1f 0%,#1a1a2e 50%,#0f0f23 100%)}body.theme-cyberpunk .header:before{background:linear-gradient(90deg,#f0f,#0ff,#f0f);box-shadow:0 0 20px #ff00ff80}body.theme-cyberpunk h1{background:linear-gradient(135deg,#f0f,#0ff,#f0f);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #ff00ff80;letter-spacing:2px;-webkit-background-clip:text;background-clip:text}body.theme-cyberpunk .subtitle{color:#0ff;text-shadow:0 0 10px #00ffff80}body.theme-cyberpunk .search-input{background:#00000080;border:2px solid #00ffff4d;box-shadow:0 0 15px #0ff3}body.theme-cyberpunk .search-input:focus{background:#000000b3;border-color:#0ff;box-shadow:0 0 20px #0ff6}body.theme-cyberpunk .search-icon{color:#0ff;text-shadow:0 0 10px #00ffff80}body.theme-cyberpunk .add-btn{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#f0f,#0ff) 0 0/150% 150%;box-shadow:0 0 20px #ff00ff4d}body.theme-cyberpunk .add-btn:hover{background-position:100% 100%;box-shadow:0 0 30px #ff00ff80}body.theme-cyberpunk .filter-tabs{background:#00000080;border:1px solid #0ff3}body.theme-cyberpunk .filter-tab{color:#0ff;text-transform:uppercase;letter-spacing:1px}body.theme-cyberpunk .filter-tab.active{background:linear-gradient(135deg,#f0f,#0ff);box-shadow:0 0 20px #ff00ff4d}body.theme-cyberpunk .movie-card{background:#000000b3;border:1px solid #0ff3;box-shadow:0 0 20px #00ffff1a}body.theme-cyberpunk .movie-card:before{background:linear-gradient(90deg,#f0f,#0ff,#f0f);box-shadow:0 0 20px #ff00ff4d}body.theme-cyberpunk .movie-card:hover{border-color:#0ff6;box-shadow:0 0 30px #00ffff4d}body.theme-cyberpunk .movie-title{color:#0ff;text-shadow:0 0 10px #00ffff4d}body.theme-cyberpunk .movie-year{color:#f0f;text-shadow:0 0 10px #ff00ff4d}body.theme-cyberpunk .genre-tag{color:#0ff;text-shadow:0 0 5px #00ffff4d;background:#00ffff1a;border:1px solid #00ffff4d}body.theme-cyberpunk .watch-btn{text-transform:uppercase;background:linear-gradient(135deg,#f0f,#0ff) 0 0/150% 150%}body.theme-cyberpunk .watch-btn:hover{background-position:100% 100%;box-shadow:0 0 20px #f0f6}body.theme-cyberpunk .remove-btn{color:#f0f;text-transform:uppercase;letter-spacing:1px;background:#f0f3;border:1px solid #ff00ff4d}body.theme-cyberpunk .remove-btn:hover{background:#ff00ff4d;box-shadow:0 0 20px #ff00ff4d}body.theme-cyberpunk .watched-badge{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(195deg,#f0f,#0ff);box-shadow:0 0 15px #ff00ff4d}body.theme-cyberpunk .stat-card{background:#000000b3;border:1px solid #00ffff4d;box-shadow:0 0 20px #00ffff1a}body.theme-cyberpunk .stat-number{color:#f0f;text-shadow:0 0 15px #ff00ff80}body.theme-cyberpunk .stat-label{color:#0ff;text-shadow:0 0 10px #00ffff4d}