.anime-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:2rem;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:1rem 1.25rem;border-radius:var(--radius-md)}.search-box{position:relative;flex:1;min-width:260px}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.65rem 1rem .65rem 2.6rem;color:#fff;font-size:.9rem;font-family:var(--font-sans);outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--accent-violet);box-shadow:0 0 0 3px #7a5af826}.filter-pills-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.status-pill-btn{padding:.5rem .9rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);font-size:.82rem;font-weight:600;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.45rem;transition:all .2s ease}.status-pill-btn:hover{color:#fff;border-color:var(--border-card)}.status-pill-btn.active{background:var(--bg-elevated);border-color:var(--accent-violet);color:#fff;box-shadow:0 2px 8px #0000004d}.pill-count{font-size:.7rem;font-family:var(--font-mono);opacity:.7}.sort-select{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.6rem .9rem;border-radius:var(--radius-sm);font-size:.82rem;outline:none;cursor:pointer}.sort-select:focus{border-color:var(--accent-violet)}.genre-pills-wrap{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;width:100%;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.genre-filter-lbl{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);margin-right:.25rem}.genre-pill-btn{padding:.3rem .65rem;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.genre-pill-btn:hover{color:#fff;border-color:var(--border-card)}.genre-pill-btn.active{background:#7a5af826;border-color:var(--accent-violet);color:#fff;font-weight:700}.view-controls-row{display:flex;align-items:center;gap:.6rem}.view-mode-toggle{display:inline-flex;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px;gap:3px}.view-mode-btn{padding:.4rem .55rem;border-radius:6px;color:var(--text-muted);display:grid;place-items:center;transition:all .2s ease}.view-mode-btn:hover{color:#fff}.view-mode-btn.active{background:var(--bg-elevated);color:var(--accent-violet)}.view-mode-btn svg{width:16px;height:16px}.anime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:1.6rem;margin-bottom:3.5rem}.anime-card{position:relative;background:#080a10;border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:2 / 3;transition:all .35s cubic-bezier(.16,1,.3,1);cursor:pointer;box-shadow:0 4px 16px #0000004d;border:1px solid rgba(255,255,255,.05)}.anime-card:hover{transform:translateY(-8px);border-color:#9b8afb80;box-shadow:0 20px 40px -10px #000c,0 0 30px #7a5af840}.card-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s ease;z-index:1}.anime-card:hover .card-poster{transform:scale(1.06);filter:brightness(1.1) saturate(1.1)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0908120d,#09081266 40%,#090812f2);z-index:2;transition:background .3s ease}.anime-card:hover .card-overlay{background:linear-gradient(180deg,#09081200,#09081240 40%,#090812)}.card-top-badges{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;z-index:4}.card-status-badge{padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.6rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em;border:none;box-shadow:0 1px 2px #0003}.status-watching{background:#10b981;color:#fff}.status-completed{background:#6366f1;color:#fff}.status-onhold{background:#f59e0b;color:#fff}.status-dropped{background:#ef4444;color:#fff}.status-plan{background:#374151;color:#e5e7eb}.card-score-badge{padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.6rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0009;color:#fbbf24;border:none;box-shadow:0 1px 2px #0003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.anime-card-body{position:relative;z-index:3;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .3s ease}.anime-card:hover .anime-card-body{transform:translateY(-4px)}.anime-card-info{display:flex;flex-direction:column}.anime-card-title{font-size:1.05rem;font-weight:800;color:#fff;line-height:1.35;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.8)}.anime-card-eng{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:.5rem}.anime-card-meta{font-size:.65rem;color:#cbd5e1;font-family:var(--font-mono);display:flex;align-items:center;gap:.75rem;margin-top:.4rem}.meta-type{background:#ffffff1a;padding:.1rem .3rem;border-radius:4px;font-weight:700}.meta-ep-badge{display:flex;align-items:center;gap:.35rem;font-weight:700}.watching-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.anime-card-genres{display:flex;flex-wrap:wrap;gap:.4rem}.genre-tag{font-size:.65rem;font-family:var(--font-mono);font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-full);background:#7a5af826;color:#b7a8ff;border:1px solid rgba(122,90,248,.3)}.card-poster-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff26;z-index:5}.card-poster-progress-fill{height:100%;background:#10b981}.list-view{display:flex;flex-direction:column;gap:0}.anime-grid.list-view .anime-card{aspect-ratio:unset!important;display:flex;flex-direction:row;height:auto;min-height:48px;align-items:center;justify-content:space-between;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);border-radius:0;padding:.5rem 1rem;box-shadow:none;overflow:visible;gap:1rem}.anime-grid.list-view .anime-card:hover{transform:none;box-shadow:none;background:#ffffff08}.anime-grid.list-view .card-poster,.anime-grid.list-view .card-overlay,.anime-grid.list-view .card-poster-wrap,.anime-grid.list-view .progress-bar-wrap,.anime-grid.list-view .anime-card-eng,.anime-grid.list-view .anime-card-genres{display:none!important}.anime-grid.list-view .anime-card-body{position:static;background:transparent;padding:0;display:flex;flex-direction:row;align-items:center;width:auto;flex:1;order:1}.anime-grid.list-view .card-top-badges{position:static;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1rem;padding:0;background:transparent;order:2;flex-shrink:0;width:auto}.anime-grid.list-view .anime-card-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:1rem}.anime-grid.list-view .anime-card-title{font-size:.95rem;color:var(--text-primary);font-weight:600;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:auto;max-width:450px}.anime-grid.list-view .anime-card-meta{display:flex;align-items:center;gap:1.5rem;flex-direction:row;margin-top:0;flex-shrink:0}.anime-grid.list-view .meta-type{background:transparent;color:var(--text-secondary);font-weight:500;padding:0}@media (max-width: 600px){.anime-grid.list-view .anime-card{flex-direction:column;align-items:flex-start;gap:.5rem}.anime-grid.list-view .card-top-badges{width:100%;justify-content:flex-start}}.anime-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050609d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .25s ease}.anime-modal-overlay.active{opacity:1;pointer-events:auto}.anime-modal-card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #000000bf;transform:scale(.95);transition:transform .25s ease;display:flex;flex-direction:column}.anime-modal-overlay.active .anime-modal-card{transform:scale(1)}.modal-close-btn{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;background:#09081299;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;color:#fff;transition:all .2s ease;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close-btn:hover{background:#090812e6;border-color:var(--accent-violet);transform:rotate(90deg)}.modal-banner{position:relative;width:100%;height:300px;display:flex;align-items:flex-end;overflow:hidden}.modal-banner-bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background-size:cover;background-position:center;filter:blur(25px) brightness(.6) saturate(1.2);z-index:1}.modal-banner-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,var(--bg-surface) 0%,rgba(14,12,26,.6) 60%,rgba(14,12,26,.2) 100%);z-index:2}.modal-banner-content{position:relative;z-index:3;padding:0 2.5rem 2.5rem;display:flex;align-items:flex-end;gap:1.75rem;width:100%}.modal-poster{width:170px;border-radius:var(--radius-md);box-shadow:0 16px 32px #0009;flex-shrink:0;object-fit:cover;border:2px solid rgba(255,255,255,.1);transform:translateY(40px)}.modal-header-texts{flex:1;display:flex;flex-direction:column;gap:.5rem}.modal-title{font-size:1.8rem;font-weight:800;line-height:1.25;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.8)}.modal-subtitle{font-size:.9rem;color:#cbd5e1;font-family:var(--font-mono);text-shadow:0 2px 8px rgba(0,0,0,.8)}.modal-badges-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.modal-body-content{padding:3rem 2.5rem 2.5rem;display:flex;flex-direction:column;gap:2rem}.modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem}.info-item{background:var(--bg-card);padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.35rem}.info-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.info-val{font-size:1rem;font-weight:700;color:#fff}.modal-mal-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#2e51a2;color:#fff;padding:.9rem 1.5rem;border-radius:var(--radius-md);font-weight:700;text-decoration:none;transition:all .25s ease;align-self:flex-start}.modal-mal-link:hover{background:#3b68cc;transform:translateY(-2px);box-shadow:0 8px 20px #2e51a266}@media (max-width: 650px){.modal-banner{height:auto;padding-top:4rem}.modal-banner-content{flex-direction:column;align-items:center;text-align:center;padding:0 1.5rem 1.5rem}.modal-poster{transform:translateY(0);margin-bottom:1rem;width:140px}.modal-badges-row{justify-content:center}.modal-body-content{padding:1.5rem}}