.best-of-page{--accent-color: var(--hf-lime);--accent-hover: var(--hf-lime);--gradient-start: var(--hf-lime);--gradient-end: var(--hf-lime);--bg-primary: var(--hf-black-1);--bg-secondary: var(--hf-surface-primary);--bg-card: var(--hf-surface-primary);--bg-card-hover: var(--hf-surface-secondary);--text-primary: var(--hf-text-primary)fff;--text-secondary: var(--hf-text-secondary);--text-muted: var(--hf-text-disabled);--border-color: var(--hf-surface-secondary);--border-light: var(--hf-surface-secondary);min-height:100vh;background:var(--bg-primary);padding:20px}.best-of-container{max-width:900px;margin:0 auto}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:16px;flex-wrap:wrap}.breadcrumbs a{color:var(--text-secondary);text-decoration:none;transition:color var(--hf-transition)}.breadcrumbs a:hover{color:var(--accent-color)}.breadcrumbs .separator{color:var(--text-muted)}.breadcrumbs .current{color:var(--text-primary);font-weight:500}.year-navigation{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.year-nav-item{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:all var(--hf-transition)}.year-nav-item:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text-primary)}.year-nav-item.active{background:var(--accent-color);border-color:var(--accent-color);color:var(--hf-black);font-weight:600}.best-of-hero{background:linear-gradient(135deg,rgba(234,179,8,.15),var(--hf-lime-15));border:1px solid var(--border-color);border-radius:16px;padding:40px;text-align:center;margin-bottom:32px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#eab30833;border:1px solid var(--accent-color);border-radius:24px;margin-bottom:20px;font-size:14px;font-weight:600;color:var(--accent-color)}.trophy-icon{font-size:18px}.best-of-hero h1{font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.hero-description{font-size:16px;color:var(--text-secondary);max-width:700px;margin:0 auto 28px;line-height:1.7}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:16px;background:var(--bg-card);border-radius:12px}.stat-value{display:block;font-size:24px;font-weight:700;color:var(--accent-color);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.top-anime-section{margin-bottom:40px}.top-anime-section h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.anime-list{display:flex;flex-direction:column;gap:20px}.anime-card{display:flex;gap:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all var(--hf-transition)}.anime-card:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.anime-card.rank-1{border-color:var(--accent-color);background:linear-gradient(135deg,rgba(234,179,8,.1),transparent)}.anime-card.rank-2{border-color:var(--hf-text-secondary)}.anime-card.rank-3{border-color:var(--hf-lime)}.rank-badge{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:50px}.crown{font-size:24px}.rank-number{font-size:24px;font-weight:800;color:var(--accent-color)}.rank-1 .rank-number{color:var(--accent-color)}.rank-2 .rank-number{color:var(--hf-text-secondary)}.rank-3 .rank-number{color:var(--hf-lime)}.anime-content{flex:1}.anime-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.anime-header h3{font-size:20px;font-weight:600;margin:0}.anime-header h3 a{color:var(--text-primary);text-decoration:none;transition:color var(--hf-transition)}.anime-header h3 a:hover{color:var(--accent-color)}.anime-rating{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#eab30833;border-radius:8px;flex-shrink:0}.star{color:var(--accent-color);font-size:16px}.rating-value{font-size:16px;font-weight:700;color:var(--accent-color)}.anime-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:14px;color:var(--text-secondary)}.meta-divider{color:var(--text-muted)}.anime-genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.genre-tag{padding:4px 12px;background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:12px;text-decoration:none;transition:all var(--hf-transition)}.genre-tag:hover{background:var(--accent-color);color:var(--hf-black)}.anime-synopsis{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 16px}.anime-highlights{margin-bottom:16px}.highlights-label{font-size:13px;font-weight:600;color:var(--text-primary)}.anime-highlights ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:8px 0 0}.anime-highlights li{padding:4px 12px;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:16px;font-size:12px;color:var(--accent-color)}.watch-btn{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:var(--hf-black);font-size:14px;font-weight:600;text-decoration:none;border-radius:8px;transition:all var(--hf-transition)}.watch-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #eab3084d}.quick-summary{margin-bottom:40px}.quick-summary h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.summary-table{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.summary-table table{width:100%;border-collapse:collapse;background:var(--bg-card)}.summary-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.summary-table td{padding:14px 16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.summary-table tr:last-child td{border-bottom:none}.summary-table tr:hover td{background:var(--bg-card-hover)}.rank-cell{font-weight:700;color:var(--accent-color);width:60px}.title-cell a{color:var(--text-primary);text-decoration:none;transition:color var(--hf-transition)}.title-cell a:hover{color:var(--accent-color)}.rating-cell{color:var(--accent-color);font-weight:500}.studio-cell{color:var(--text-secondary)}.genre-cell{color:var(--text-muted)}.cta-section{background:linear-gradient(135deg,rgba(234,179,8,.15),var(--hf-lime-15));border:1px solid var(--border-color);border-radius:16px;padding:40px;text-align:center;margin-bottom:32px}.cta-section h2{font-size:26px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.cta-section p{font-size:16px;color:var(--text-secondary);margin:0 0 24px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.cta-primary{padding:14px 32px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:var(--hf-black);font-weight:600;font-size:16px;text-decoration:none;border-radius:8px;transition:all var(--hf-transition)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #eab3084d}.cta-secondary{padding:14px 32px;background:transparent;border:2px solid var(--accent-color);color:var(--accent-color);font-weight:600;font-size:16px;text-decoration:none;border-radius:8px;transition:all var(--hf-transition)}.cta-secondary:hover{background:var(--accent-color);color:var(--hf-black)}.other-years{margin-bottom:32px}.other-years h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.years-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.year-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;transition:all var(--hf-transition)}.year-card:hover{background:var(--bg-card-hover);border-color:var(--accent-color);transform:translateY(-2px)}.year-icon{font-size:24px;margin-bottom:8px}.year-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.year-count{font-size:12px;color:var(--text-muted)}.internal-links{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.internal-links h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.link-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.link-group h4{font-size:14px;font-weight:600;color:var(--accent-color);margin:0 0 12px}.link-group a{display:block;color:var(--text-secondary);font-size:14px;text-decoration:none;padding:6px 0;transition:color var(--hf-transition)}.link-group a:hover{color:var(--text-primary)}.not-found{text-align:center;padding:60px 20px}.not-found h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.not-found>p{font-size:16px;color:var(--text-secondary);margin:0 0 24px}.year-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px}.year-link{padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);text-decoration:none;transition:all var(--hf-transition)}.year-link:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--hf-black)}.back-link{color:var(--accent-color);text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.skeleton-breadcrumbs{height:20px;width:250px;background:var(--bg-card);border-radius:4px;margin-bottom:24px;animation:shimmer 1.5s infinite}.skeleton-hero{height:280px;background:var(--bg-card);border-radius:16px;margin-bottom:32px;animation:shimmer 1.5s infinite}.skeleton-grid{display:flex;flex-direction:column;gap:20px}.skeleton-card{height:220px;background:var(--bg-card);border-radius:16px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}@media (max-width: 768px){.best-of-page{padding:16px}.best-of-hero{padding:24px}.best-of-hero h1{font-size:28px}.hero-stats{grid-template-columns:repeat(2,1fr)}.anime-card{flex-direction:column;gap:16px}.rank-badge{flex-direction:row;justify-content:flex-start}.anime-header{flex-direction:column;align-items:flex-start}.summary-table{font-size:13px}.years-grid{grid-template-columns:repeat(2,1fr)}.link-groups{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{width:100%;text-align:center}}@media (max-width: 480px){.best-of-hero h1{font-size:24px}.hero-stats{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:12px}.stat-value{font-size:20px}.anime-card{padding:16px}.anime-header h3{font-size:18px}.years-grid{grid-template-columns:1fr}}.section-header-lime,h2.section-title{display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 20px}.section-header-lime:before,h2.section-title:before{content:"";width:4px;height:26px;background:var(--hf-lime);border-radius:2px;flex-shrink:0}