.media-library-container{display:flex;flex-direction:column;height:100vh;background-color:#1a1a1a;color:#fff;overflow:hidden}.library-header{padding:20px;border-bottom:1px solid #333;background-color:#252525;flex-shrink:0}.library-header h1{margin:0 0 16px;font-size:24px;font-weight:600}.header-controls{display:flex;align-items:center;gap:16px}.search-box{flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;background-color:#333;border-radius:6px;border:1px solid #4d4d4d;max-width:400px;transition:all .2s}.search-box:focus-within{border-color:#64b5f6;background-color:#3a3a3a}.search-input{flex:1;background:none;border:none;color:#fff;font-size:13px;outline:none;padding:8px 0}.search-input::-moz-placeholder{color:#888}.search-input::placeholder{color:#888}.search-icon{color:#888;font-size:14px}.sort-select{padding:8px 12px;background-color:#333;border:1px solid #4d4d4d;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.sort-select:hover{border-color:#5d5d5d;background-color:#3a3a3a}.btn-close-library{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.btn-close-library:hover{background-color:#ffffff1a}.category-tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid #333;background-color:#1a1a1a;overflow-x:auto;flex-shrink:0}.category-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#333;border:1px solid #4d4d4d;border-radius:20px;color:#999;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.category-tab:hover{background-color:#3d3d3d;border-color:#5d5d5d;color:#fff}.category-tab.active{background-color:#1565c0;border-color:#0d47a1;color:#fff}.category-icon{font-size:16px}.library-content{flex:1;overflow-y:auto;padding:20px}.hero-banner{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;border:1px solid #333;border-radius:12px;padding:16px;margin-bottom:20px;background:linear-gradient(140deg,#20273a,#111827 70%)}.hero-content h2{margin:6px 0 8px;font-size:28px}.hero-content p{margin:0;color:#cfd8dc;line-height:1.5}.hero-tag{margin:0;color:#64b5f6;font-size:12px;letter-spacing:.08em}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.hero-meta span{font-size:12px;color:#d0d6e2;border:1px solid #334155;border-radius:999px;padding:4px 10px}.hero-artwork{border-radius:10px;overflow:hidden;min-height:220px;background:#0f172a}.hero-artwork img,.poster-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.continue-watching-section{margin-bottom:40px}.continue-watching-section h2{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.carousel{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.carousel::-webkit-scrollbar{height:6px}.carousel::-webkit-scrollbar-track{background:transparent}.carousel::-webkit-scrollbar-thumb{background:#4d4d4d;border-radius:3px}.carousel-item{flex:0 0 200px;cursor:pointer;transition:transform .2s}.carousel-item:hover{transform:translateY(-8px)}.carousel-poster{position:relative;width:100%;padding-bottom:150%;border-radius:8px;overflow:hidden;background-color:#333;margin-bottom:8px}.poster-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#2d2d2d,#1a1a1a)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.carousel-item:hover .overlay,.media-card:hover .overlay{background-color:#00000080;opacity:1}.btn-play{padding:10px 20px;background-color:#1565c0;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-play:hover{background-color:#0d47a1;transform:scale(1.05)}.progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#0000004d;z-index:3}.progress-fill{height:100%;background-color:#ff6b6b;transition:width .3s}.carousel-item h3,.media-card h3{margin:0;font-size:13px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-item .meta,.media-card .meta{margin:4px 0 0;font-size:12px;color:#888}.media-grid-section{margin-top:20px}.media-grid-section h2{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.media-card{cursor:pointer;transition:transform .2s}.meta-source{font-size:11px;color:#9fb3c8;margin:4px 0 0}.btn-match{margin-top:8px;width:100%;border:1px solid #3b4a5c;background:#243447;color:#d9e2ec;border-radius:6px;padding:6px 8px;font-size:12px;cursor:pointer}.btn-match:hover{background:#2e4158}.metadata-drawer{position:absolute;right:0;top:0;width:420px;height:100%;background:#111827;border-left:1px solid #2f3b52;display:flex;flex-direction:column;z-index:20}.metadata-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #2f3b52}.metadata-header h3{margin:0;font-size:16px}.metadata-search{padding:12px 16px;display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid #2f3b52}.metadata-search input{border:1px solid #364152;border-radius:6px;background:#1f2937;color:#fff;padding:8px 10px}.metadata-search button{border:1px solid #2563eb;border-radius:6px;background:#1d4ed8;color:#fff;padding:0 14px;cursor:pointer}.metadata-results{flex:1;overflow-y:auto;padding:12px;display:grid;gap:10px}.metadata-item{width:100%;display:grid;grid-template-columns:82px 1fr;gap:10px;border:1px solid #334155;border-radius:8px;background:#1e293b;color:#fff;cursor:pointer;text-align:left;overflow:hidden}.metadata-item:hover{border-color:#3b82f6}.metadata-cover{background:#0f172a;min-height:120px}.metadata-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.metadata-body{padding:8px 10px}.metadata-body h4{margin:0 0 4px;font-size:14px}.metadata-body p{margin:0;font-size:12px;color:#cbd5e1;max-height:36px;overflow:hidden}.metadata-body span{display:inline-block;margin-top:6px;font-size:11px;color:#93c5fd}.metadata-empty{margin:10px;color:#94a3b8;font-size:13px}.media-card:hover{transform:translateY(-8px)}.media-poster{position:relative;width:100%;padding-bottom:150%;border-radius:8px;overflow:hidden;background-color:#333;margin-bottom:12px}.badge-rating{position:absolute;top:8px;right:8px;background-color:#000000b3;color:#ffc107;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;z-index:4}.media-info{padding:0 4px}.media-title{margin:0 0 4px;font-size:13px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:28px}.media-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#888}.meta-year,.meta-episodes,.meta-duration{display:inline-block}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#888}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{margin:0;font-size:14px}.library-content::-webkit-scrollbar{width:8px}.library-content::-webkit-scrollbar-track{background:transparent}.library-content::-webkit-scrollbar-thumb{background:#4d4d4d;border-radius:4px}.library-content::-webkit-scrollbar-thumb:hover{background:#5d5d5d}@media(max-width:1200px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}}@media(max-width:768px){.library-header{padding:16px}.header-controls{flex-direction:column}.search-box{max-width:100%}.library-content{padding:12px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.carousel{gap:12px}.carousel-item{flex:0 0 150px}}@media(prefers-color-scheme:dark){.media-library-container{background-color:#1a1a1a}}