*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #111111;--color-surface: #1a1a1a;--color-border: #2a2a2a;--color-text: #e8e8e4;--color-muted: #666660;--color-link: #9d8cff;--color-star-on: #f5c518;--color-star-off: #2e2e2e;--color-ongoing-bg: #0d2b0d;--color-ongoing-fg: #6fcf6f;--radius: 6px;--max-w: 1100px}html[data-theme=light]{--color-bg: #f5f5f3;--color-surface: #ffffff;--color-border: #e0e0dc;--color-text: #1c1c1a;--color-muted: #6b6b65;--color-link: #5b4fcf;--color-star-on: #d97706;--color-star-off: #d4d4cf;--color-ongoing-bg: #d4f0d4;--color-ongoing-fg: #1a6a1a}html{font-size:16px;color-scheme:dark}html[data-theme=light]{color-scheme:light}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-link);text-decoration:underline;text-underline-offset:2px}a:hover{opacity:.75}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.site-header{border-bottom:1px solid var(--color-border);padding:1rem 0;margin-bottom:2.5rem}.site-header .container{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.site-title{font-size:1.05rem;font-weight:700;text-decoration:none;color:var(--color-text);letter-spacing:-.01em}.site-nav{display:flex;gap:1.25rem;font-size:.9rem}.site-nav a{text-decoration:none;color:var(--color-muted);transition:color .15s}.site-nav a:hover,.site-nav a.active{color:var(--color-text);opacity:1}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.4rem}.icon-link{display:flex;align-items:center;color:var(--color-muted);background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--radius);transition:color .15s}.icon-link:hover{color:var(--color-text)}:root:not([data-theme=light]) .icon-sun{display:none}html[data-theme=light] .icon-moon{display:none}.site-footer{border-top:1px solid var(--color-border);margin-top:4rem;padding:1.5rem 0;font-size:.85rem;color:var(--color-muted);text-align:center}.nav-buttons{display:flex;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.nav-btn{display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:var(--color-text);flex:1;min-width:180px;transition:border-color .15s,background .15s}.nav-btn:hover{border-color:var(--color-link);background:var(--color-surface);opacity:1}.nav-btn-count{font-size:2.25rem;font-weight:700;color:var(--color-link);line-height:1.15}.nav-btn-label{font-size:.9rem;color:var(--color-muted);margin-top:.2rem}.intro{margin-bottom:2rem}.intro-body{color:var(--color-text);font-size:.95rem;line-height:1.7;max-width:680px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2.5rem}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.3rem}.stat-value{font-size:1.6rem;font-weight:700}.charts{display:flex;flex-direction:column;gap:1.5rem}.chart-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem 1.5rem}.chart-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:1rem}.chart-wrap{position:relative;height:240px}.chart-wrap-tall{position:relative;height:360px}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:.2rem}.page-count{font-size:.88rem;color:var(--color-muted)}.filter-bar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.filter-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.filter-label{font-size:.73rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);white-space:nowrap}.filter-input,.filter-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.88rem;padding:.3rem .6rem;min-width:0}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-link)}.filter-input.search{flex:1;min-width:160px}.filter-input.year{width:80px}.year-sep{color:var(--color-muted);font-size:.85rem}.genre-chips{display:flex;gap:.35rem;flex-wrap:wrap}.genre-chip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:100px;color:var(--color-muted);cursor:pointer;font-size:.75rem;padding:.18rem .6rem;transition:border-color .12s,color .12s,background .12s}.genre-chip:hover{border-color:var(--color-link);color:var(--color-text)}.genre-chip.active{background:var(--color-link);border-color:var(--color-link);color:#fff}.entries-table{width:100%;border-collapse:collapse;font-size:.88rem}.entries-table th{text-align:left;padding:.4rem .75rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);border-bottom:1px solid var(--color-border)}.entries-table td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.entries-table tr:last-child td{border-bottom:none}.entries-table tbody tr:hover td{background:var(--color-surface)}.col-title{width:45%}.col-genres{color:var(--color-muted);font-size:.8rem}.col-rating{white-space:nowrap;width:140px}.entry-title{text-decoration:none;font-weight:500;color:var(--color-text)}.entry-title:hover{text-decoration:underline;color:var(--color-link);opacity:1}.year{color:var(--color-muted);font-size:.8rem;margin-left:.35em}.series-badge{display:inline-block;font-size:.68rem;padding:.1rem .4rem;border-radius:4px;margin-left:.4em;vertical-align:middle;font-weight:500}.series-badge.ongoing{background:var(--color-ongoing-bg);color:var(--color-ongoing-fg)}.series-badge.ended{background:transparent;color:var(--color-muted);border:1px solid var(--color-border)}.stars{letter-spacing:.5px;font-size:.92rem;line-height:1}.star.on{color:var(--color-star-on)}.star.off{color:var(--color-star-off)}.no-results{text-align:center;padding:3rem 1rem;color:var(--color-muted);font-style:italic}