:root{--bg-dark:#0b0b0f;--bg-secondary:#16181f;--card-dark:#1c1e26;--text-light:#f1f1f1;--text-white:#ffffff;--text-secondary:#a1a1aa;--border-dark:#2c2c3a;--accent-color:#0072ff;--accent-hover:#0056cc;--success-color:#16a34a;--warning-color:#f59e0b;--error-color:#dc2626;--hover-glow:0 0 20px rgba(0, 114, 255, 0.3);--bg-light:#f8fafc;--bg-secondary-light:#ffffff;--card-light:#ffffff;--text-dark:#1e293b;--text-secondary-light:#64748b;--border-light:#e2e8f0;background-color:var(--bg-dark);color:var(--text-light)}:root.light-mode{background-color:var(--bg-light);color:var(--text-dark)}*{box-sizing:border-box}body{background-color:inherit;color:inherit;font-family:Inter,Roboto,'Segoe UI',sans-serif;margin:0;padding:0;min-height:100vh;line-height:1.6}.main-wrapper{padding-top:70px;padding-bottom:40px;min-height:100vh}@media (max-width:768px){.main-wrapper{padding-top:0;padding-bottom:100px}}.hero-section{background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-secondary) 100%);padding:60px 0;position:relative;overflow:hidden}:root.light-mode .hero-section{background:linear-gradient(135deg,var(--bg-light) 0,var(--bg-secondary-light) 100%)}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,114,255,.1) 0,transparent 50%);pointer-events:none}.hero-content{text-align:center;position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-white) 0,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root.light-mode .hero-title{background:linear-gradient(135deg,var(--text-dark) 0,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}:root.light-mode .hero-subtitle{color:var(--text-secondary-light)}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--accent-color);line-height:1}.stat-label{display:block;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}:root.light-mode .stat-label{color:var(--text-secondary-light)}.controls-section{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-dark);padding:20px 0;position:relative;top:0;z-index:10;backdrop-filter:blur(10px)}:root.light-mode .controls-section{background-color:var(--bg-secondary-light);border-bottom:1px solid var(--border-light)}@media (min-width:769px){.controls-section{position:relative;top:0}}@media (max-width:768px){.controls-section{position:relative;top:0}}.controls-wrapper{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.category-filter{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-dark);padding:10px 16px;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}:root.light-mode .filter-btn{color:var(--text-dark);border:1px solid var(--border-light)}.filter-btn:hover{color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px)}.filter-btn.active{background-color:var(--accent-color);color:var(--text-white);border-color:var(--accent-color);box-shadow:var(--hover-glow)}.sort-controls{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;background-color:var(--card-dark);border-radius:8px;padding:4px;border:1px solid var(--border-dark)}:root.light-mode .view-toggle{background-color:var(--card-light);border:1px solid var(--border-light)}.view-btn{background:0 0;border:none;padding:8px 12px;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}:root.light-mode .view-btn{color:var(--text-secondary-light)}.view-btn.active{background-color:var(--accent-color);color:var(--text-white)}.sort-select{background-color:var(--card-dark);color:var(--text-light);border:1px solid var(--border-dark);padding:10px 16px;border-radius:8px;cursor:pointer;font-size:.875rem}:root.light-mode .sort-select{background-color:var(--card-light);color:var(--text-dark);border:1px solid var(--border-light)}#editToggle,.edit-toggle-btn{background-color:var(--card-dark);color:var(--text-light);border:1px solid var(--border-dark);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}:root.light-mode #editToggle,:root.light-mode .edit-toggle-btn{background-color:var(--card-light);color:var(--text-dark);border:1px solid var(--border-light)}#editToggle:hover,.edit-toggle-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--text-white)}#editToggle.active,.edit-toggle-btn.active{background-color:var(--success-color);border-color:var(--success-color);color:var(--text-white)}.edit-mode .grid-item,.edit-mode .list-item{border:2px dashed var(--border-dark)}:root.light-mode .edit-mode .grid-item,:root.light-mode .edit-mode .list-item{border:2px dashed var(--border-light)}.edit-mode .grid-item:hover,.edit-mode .list-item:hover{border-color:var(--accent-color)}.content-wrapper{padding:40px 0}@media (max-width:768px){.content-wrapper{padding-top:20px}}.content-view{display:none}.content-view.active{display:block}@keyframes fadeIn{to{opacity:1}}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}@media (max-width:768px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}.grid-item{position:relative;border-radius:12px;overflow:hidden;background-color:var(--card-dark);transition:all .3s cubic-bezier(.175, .885, .32, 1.275);cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;animation:fadeIn .5s ease forwards}:root.light-mode .grid-item{background-color:var(--card-light);box-shadow:0 12px 30px rgba(0,0,0,.08)}.grid-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.35)}:root.light-mode .grid-item:hover{box-shadow:0 12px 30px rgba(0,0,0,.12)}.grid-item-poster{width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .3s ease}.grid-item:hover .grid-item-poster{transform:scale(1.05)}.grid-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.8) 100%);opacity:1;transition:opacity .3s ease}.grid-item:hover .grid-item-overlay{opacity:1}.grid-item-content{position:absolute;bottom:0;left:0;right:0;padding:16px;color:#fff}.grid-item-title{font-size:.9rem;font-weight:600;margin-bottom:4px;line-height:1.3}.grid-item-meta{font-size:.75rem;opacity:.8;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.category-badge{position:absolute;top:12px;left:12px;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em;z-index:2}.category-watching{background-color:var(--warning-color);color:#fff}.category-completed{background-color:var(--success-color);color:#fff}.category-planToWatch{background-color:var(--accent-color);color:#fff}.category-dropped{background-color:var(--error-color);color:#fff}.category-default{background-color:var(--text-secondary);color:#fff}.remove-btn{position:absolute;top:12px;right:12px;background-color:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;z-index:2}.grid-item:hover .remove-btn{opacity:1}.remove-btn:hover{background-color:var(--error-color);transform:scale(1.1)}.edit-controls{position:absolute;top:12px;right:12px;z-index:2}.category-selector{display:flex;align-items:center}.category-select{background-color:var(--card-dark);color:var(--text-light);border:1px solid var(--border-dark);padding:6px 10px;border-radius:6px;font-size:.75rem;cursor:pointer}:root.light-mode .category-select{background-color:var(--card-light);color:var(--text-dark);border:1px solid var(--border-light)}.content-list{display:flex;flex-direction:column;gap:16px}.list-item{display:flex;background-color:var(--card-dark);border-radius:12px;padding:16px;transition:all .3s ease;cursor:pointer;border:1px solid var(--border-dark);align-items:center}:root.light-mode .list-item{background-color:var(--card-light);border:1px solid var(--border-light)}.list-item:hover{transform:translateX(8px);box-shadow:0 8px 25px rgba(0,0,0,.15)}:root.light-mode .list-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.06)}.list-item-poster{width:60px;height:90px;object-fit:cover;border-radius:8px;flex-shrink:0}.list-item-content{flex:1;padding-left:16px;display:flex;flex-direction:column;justify-content:center;min-width:0}.list-item-title{font-size:1.1rem;font-weight:600;margin-bottom:4px;color:var(--text-light)}:root.light-mode .list-item-title{color:var(--text-dark)}.list-item-meta{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:12px;flex-wrap:wrap}:root.light-mode .list-item-meta{color:var(--text-secondary-light)}.list-item-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.category-dropdown{position:relative}.category-dropdown .btn{background-color:var(--card-dark);border-color:var(--border-dark);color:var(--text-secondary)}:root.light-mode .category-dropdown .btn{background-color:var(--card-light);border-color:var(--border-light);color:var(--text-secondary-light)}.category-dropdown .btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--text-white)}.category-options{position:absolute;top:100%;right:0;background-color:var(--card-dark);border:1px solid var(--border-dark);border-radius:8px;padding:8px 0;min-width:140px;box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:100;display:none;margin-top:4px}:root.light-mode .category-options{background-color:var(--card-light);border:1px solid var(--border-light);box-shadow:0 4px 20px rgba(0,0,0,.08)}.category-options.show{display:block;animation:slideDown .2s ease}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.category-option{padding:8px 16px;cursor:pointer;transition:background-color .2s ease;font-size:.875rem;color:var(--text-light)}:root.light-mode .category-option{color:var(--text-dark)}.category-option:hover{background-color:var(--accent-color);color:var(--text-white)}.list-item-actions .remove-btn{position:static;width:auto;height:auto;border-radius:6px;padding:6px 8px;opacity:1;background-color:transparent;color:var(--error-color);border:1px solid var(--error-color)}.list-item-actions .remove-btn:hover{background-color:var(--error-color);color:var(--text-white)}.empty-state{text-align:center;padding:80px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{font-size:4rem;color:var(--text-secondary);margin-bottom:1.5rem}:root.light-mode .empty-icon{color:var(--text-secondary-light)}.empty-state h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-light)}:root.light-mode .empty-state h3{color:var(--text-dark)}.empty-state p{color:var(--text-secondary);margin-bottom:2rem}:root.light-mode .empty-state p{color:var(--text-secondary-light)}.btn-primary{background-color:var(--accent-color);color:var(--text-white);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-block;border:none;cursor:pointer}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--hover-glow);color:var(--text-white);text-decoration:none}.grid-item.skeleton,.list-item.skeleton,.skeleton-item{background:var(--card-dark);border-radius:12px;overflow:hidden;animation:pulse 1.5s infinite;pointer-events:none}:root.light-mode .grid-item.skeleton,:root.light-mode .list-item.skeleton,:root.light-mode .skeleton-item{background:var(--card-light)}.skeleton-poster{width:100%;aspect-ratio:2/3;background:var(--border-dark)}:root.light-mode .skeleton-poster{background:var(--border-light)}.skeleton-content{padding:16px}.skeleton-title{height:16px;background:var(--border-dark);border-radius:4px;margin-bottom:8px;width:80%}:root.light-mode .skeleton-title{background:var(--border-light)}.skeleton-meta{height:12px;background:var(--border-dark);border-radius:4px;width:60%}:root.light-mode .skeleton-meta{background:var(--border-light)}.skeleton-actions{width:80px;height:32px;background:var(--border-dark);border-radius:4px}:root.light-mode .skeleton-actions{background:var(--border-light)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@media (max-width:992px){.hero-title{font-size:2.5rem}.hero-stats{gap:2rem}.controls-wrapper{flex-direction:column;align-items:stretch;gap:1rem}.category-filter{justify-content:center}.sort-controls{justify-content:center}}@media (max-width:768px){.hero-section{padding:20px 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{gap:1.5rem}.stat-number{font-size:2rem}.category-filter{gap:.25rem;width:100%;margin-bottom:.5rem}.filter-btn{padding:8px 12px;font-size:.8rem}.list-item{padding:12px}.list-item-content{padding-left:12px}.list-item-meta{gap:8px}.category-options{right:-8px}.sort-controls{width:100%;justify-content:flex-end}}@media (max-width:576px){.hero-stats{flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;justify-content:center;gap:1rem}.stat-number{font-size:1.5rem}.stat-label{margin-top:0;font-size:.8rem}.list-item{flex-direction:column;text-align:center;gap:12px}.list-item-content{padding-left:0;order:2}.list-item-poster{width:80px;height:120px;order:1}.list-item-actions{order:3;justify-content:center}}.collapsible-search-area{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:var(--bg-secondary);margin-top:0;padding:0;will-change:max-height}:root.light-mode .collapsible-search-area{background-color:var(--bg-secondary-light)}.collapsible-search-area.open{max-height:100px;padding:.5rem 0 1rem;margin-top:.5rem}.search-container{width:100%;padding:0 1rem;margin:0 auto}.search-container input[type=text]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-dark);border-radius:8px;background-color:var(--card-dark);color:var(--text-light);font-size:1rem;transition:all .2s ease}.search-container input[type=text]::placeholder{color:var(--text-secondary);opacity:1}:root.light-mode .search-container input[type=text]{border-color:var(--border-light);background-color:var(--card-light);color:var(--text-dark)}:root.light-mode .search-container input[type=text]::placeholder{color:var(--text-secondary-light)}.search-container input[type=text]:focus{outline:0;border-color:var(--accent-color);box-shadow:var(--hover-glow)}.search-toggle-btn{background:0 0;border:none;color:var(--text-secondary);font-size:1.2rem;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.search-toggle-btn:hover{background-color:rgba(0,114,255,.1);color:var(--accent-color)}.search-toggle-btn.active{background-color:var(--accent-color);color:var(--text-white)}