.browse-page{padding-top:calc(var(--navbar-height) + var(--space-xl));padding-bottom:var(--space-3xl);min-height:100vh}.browse-header{margin-bottom:var(--space-lg)}.browse-title{font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.03em;line-height:1.2;margin-bottom:4px;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.browse-subtitle{font-size:0.875rem;color:var(--text-muted);margin:0}.browse-search-wrap{margin-bottom:var(--space-xl)}.browse-search-inner{position:relative;display:flex;align-items:center}.browse-search-icon{position:absolute;left:16px;color:var(--text-secondary);pointer-events:none;flex-shrink:0;z-index:1;opacity:0.7}.browse-search-wrap{max-width:100%}.browse-search-inner{max-width:100%}.browse-search-input{width:100%;max-width:100%;padding:14px 20px 14px 48px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-xl);color:var(--text-primary);font-size:0.925rem;font-family:var(--font-sans);transition:all var(--transition-normal);line-height:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,0.2);box-sizing:border-box}.browse-search-input:focus{outline:none;border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.07);box-shadow:0 4px 32px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05)}.browse-search-input::placeholder{color:var(--text-muted)}.browse-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);align-items:start;max-width:100%}.browse-sidebar{position:sticky;top:calc(var(--navbar-height) + var(--space-lg));max-width:100%;overflow:hidden}.browse-filter-panel{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-xl);padding:var(--space-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(0,0,0,0.25);transition:border-color var(--transition-normal);max-width:100%}.browse-filter-panel:hover{border-color:rgba(255,255,255,0.1)}.browse-filter-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:var(--space-md);margin-bottom:var(--space-lg);border-bottom:1px solid rgba(255,255,255,0.06)}.browse-filter-header-left{display:flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:600;color:var(--text-primary)}.browse-filter-header-left svg{color:var(--text-secondary);flex-shrink:0;transition:transform var(--transition-fast)}.browse-filter-header:hover .browse-filter-header-left svg{transform:rotate(90deg)}.browse-filter-count{display:none;background:linear-gradient(135deg,#ff3e3e,#ff6b6b);color:#fff;font-size:0.6rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);min-width:18px;text-align:center;line-height:1.2;box-shadow:0 2px 8px rgba(255,62,62,0.3)}.browse-filter-count.show{display:inline-block;animation:filterCountPop 0.3s ease}@keyframes filterCountPop{0%{transform:scale(0.5);opacity:0}60%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.browse-filter-clear{font-size:0.68rem;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:0;pointer-events:none}.browse-filter-clear.show{opacity:1;pointer-events:auto}.browse-filter-clear:hover{color:var(--text-primary);background:rgba(255,255,255,0.06)}.browse-filter-block{margin-bottom:var(--space-lg)}.browse-filter-block:last-child{margin-bottom:0}.browse-filter-label{display:flex;align-items:center;gap:6px;font-size:0.65rem;font-weight:700;color:var(--text-muted);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:10px}.browse-filter-select-wrap{position:relative}.browse-filter-select-wrap::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none;transition:border-color var(--transition-fast)}.browse-filter-select-wrap:hover::after{border-color:var(--text-secondary)}.browse-filter-select{width:100%;padding:10px 36px 10px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);color:var(--text-primary);font-size:0.82rem;font-family:var(--font-sans);cursor:pointer;appearance:none;-webkit-appearance:none;transition:all var(--transition-normal);line-height:1.3;backdrop-filter:blur(4px)}.browse-filter-select:focus{outline:none;border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.07);box-shadow:0 0 0 1px rgba(255,255,255,0.05)}.browse-filter-select.has-value{border-color:rgba(255,62,62,0.3);background:rgba(255,62,62,0.05);box-shadow:0 0 16px rgba(255,62,62,0.06)}.browse-filter-select option{background:#1a1a1a;color:#e0e0e0}.browse-genre-pills{display:flex;flex-wrap:wrap;gap:6px}.browse-genre-pill{display:inline-block;padding:6px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-full);font-size:0.75rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);white-space:nowrap;line-height:1.2;backdrop-filter:blur(4px);position:relative;overflow:hidden}.browse-genre-pill::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,62,62,0.15),rgba(255,107,107,0.05));opacity:0;transition:opacity var(--transition-normal)}.browse-genre-pill:hover{color:var(--text-primary);border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.07);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.browse-genre-pill:hover::before{opacity:1}.browse-genre-pill:active{transform:translateY(0)}.browse-genre-pill.active{background:linear-gradient(135deg,#ff3e3e,#e62929);border-color:#ff3e3e;color:#fff;box-shadow:0 4px 24px rgba(255,62,62,0.35),0 0 40px rgba(255,62,62,0.1);transform:translateY(-1px)}.browse-genre-pill.active::before{opacity:0}.browse-genre-pill.active:hover{background:linear-gradient(135deg,#ff5252,#e62929);border-color:#ff5252;box-shadow:0 6px 32px rgba(255,62,62,0.45)}.browse-filters-inline{display:flex;gap:var(--space-sm);max-width:100%}.browse-filters-inline .browse-filter-block{flex:1;margin-bottom:0;min-width:0;max-width:100%}.browse-filter-select-wrap{max-width:100%}.browse-main{min-width:0;max-width:100%;overflow:hidden}.browse-main .anime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);max-width:100%}@media (min-width:1200px){.browse-main .anime-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1400px){.browse-main .anime-grid{grid-template-columns:repeat(5,1fr)}}.browse-page{max-width:100%;overflow-x:hidden}.browse-main .anime-card{border-radius:var(--radius-md);min-width:0;max-width:100%}.browse-main .anime-card-info{padding:8px var(--space-sm)}.browse-main .anime-card-title{font-size:0.85rem;font-weight:600;line-height:1.3;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.browse-main .anime-card-meta{font-size:0.75rem;color:var(--text-muted);display:flex;gap:4px;align-items:center}.browse-main .anime-card-meta span + span::before{content:"·";margin-right:4px;opacity:0.5}.browse-main .badge-rating{background:rgba(0,0,0,0.72);color:#facc15;font-size:0.68rem;font-weight:700;padding:2px 6px;border-radius:4px;backdrop-filter:blur(4px);letter-spacing:0.01em}@media (max-width:1024px){.browse-layout{grid-template-columns:280px 1fr;gap:var(--space-lg)}.browse-main .anime-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.browse-page{padding-top:calc(var(--navbar-height) + var(--space-md));padding-bottom:var(--space-2xl)}.browse-title{font-size:1.5rem}.browse-layout{grid-template-columns:1fr;gap:var(--space-lg)}.browse-main{overflow:visible}.browse-sidebar{position:static}.browse-filter-panel{padding:var(--space-md)}.browse-genre-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.browse-genre-pills::-webkit-scrollbar{display:none}.browse-genre-pill{flex-shrink:0}.browse-main .anime-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}}@media (max-width:480px){.browse-main .anime-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.browse-search-input{font-size:16px}}.category-page{padding-top:calc(var(--navbar-height) + var(--space-xl));padding-bottom:var(--space-3xl);min-height:100vh;max-width:100%;overflow-x:hidden}.category-hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-2xl);min-height:280px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}.category-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,62,62,0.15) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(59,130,246,0.1) 0%,transparent 50%);z-index:0}.category-hero-content{position:relative;z-index:1;padding:var(--space-2xl) var(--space-xl);width:100%;background:linear-gradient(0deg,rgba(0,0,0,0.7) 0%,transparent 100%)}.category-hero-title{font-size:2.5rem;font-weight:800;letter-spacing:-0.03em;line-height:1.1;margin-bottom:8px;background:linear-gradient(135deg,#fff 60%,rgba(255,255,255,0.6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-hero-sub{font-size:1rem;color:rgba(255,255,255,0.6);font-weight:400;max-width:500px;line-height:1.5}.category-hero-count{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:0.85rem;color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-full);padding:6px 14px;backdrop-filter:blur(8px)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);max-width:100%}@media (min-width:900px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1300px){.category-grid{grid-template-columns:repeat(4,1fr)}}.category-card{display:block;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-color);transition:all var(--transition-slow);position:relative;min-width:0;max-width:100%}.category-card:hover{border-color:rgba(255,255,255,0.12);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.category-card-poster{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--bg-secondary)}.category-card-poster img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.category-card:hover .category-card-poster img{transform:scale(1.05)}.category-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.6) 0%,transparent 40%,transparent 100%);opacity:0;transition:opacity var(--transition-normal)}.category-card:hover .category-card-overlay{opacity:1}.category-card-badges{position:absolute;top:10px;left:10px;display:flex;gap:4px;flex-wrap:wrap}.category-card-badges .badge{font-size:0.65rem;font-weight:700;padding:3px 8px;border-radius:4px;backdrop-filter:blur(4px)}.category-card-badges .badge-sub{background:rgba(255,62,62,0.85);color:#fff}.category-card-badges .badge-dub{background:rgba(59,130,246,0.85);color:#fff}.category-card-badges .badge-rating{background:rgba(0,0,0,0.7);color:#facc15}.category-card-info{padding:12px 14px}.category-card-title{font-size:0.95rem;font-weight:600;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-primary)}.category-card-meta{display:flex;gap:8px;font-size:0.78rem;color:var(--text-muted);align-items:center}.category-card-meta span + span::before{content:"·";margin-right:6px;opacity:0.5}.category-search-wrap{margin-bottom:var(--space-xl)}.category-search-inner{position:relative;display:flex;align-items:center}.category-search-icon{position:absolute;left:16px;color:var(--text-secondary);pointer-events:none;flex-shrink:0;z-index:1;opacity:0.7}.category-search-input{width:100%;padding:14px 20px 14px 48px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-xl);color:var(--text-primary);font-size:0.925rem;font-family:var(--font-sans);transition:all var(--transition-normal);line-height:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,0.2)}.category-search-input:focus{outline:none;border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.07);box-shadow:0 4px 32px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05)}.category-search-input::placeholder{color:var(--text-muted)}.category-empty{grid-column:1 / -1;text-align:center;padding:var(--space-3xl);color:var(--text-muted)}@media (max-width:768px){.category-hero{min-height:200px}.category-hero-title{font-size:1.6rem}.category-hero-content{padding:var(--space-xl) var(--space-lg)}.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.category-page{padding-top:calc(var(--navbar-height) + var(--space-md))}.category-search-input{font-size:16px}}@media (max-width:480px){.browse-genre-pills{gap:4px}.browse-genre-pill{font-size:0.7rem;padding:4px 10px}.browse-filter-select{font-size:0.78rem;padding:8px 30px 8px 10px}.browse-search-input{font-size:16px !important}}@media (max-width:480px){.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}}