:root{--bg: #0b0e14;--surface: #11151f;--border: #1e2534;--text: #d5dbe5;--muted: #7c8698;--accent: #7aa2f7;--star: #fbbf24}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,Segoe UI,Roboto,sans-serif}a{color:inherit}header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-inner{max-width:860px;margin:0 auto;padding:1rem 1.25rem .75rem}h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}h1 a{text-decoration:none}.subtitle{margin:.15rem 0 .7rem;color:var(--muted);font-size:.85rem}.pill{margin-left:.5rem;padding:.05rem .45rem;border:1px solid var(--border);border-radius:99px;font-size:.75rem;text-decoration:none}.pill.rss{color:#f59e0b}.pill.rss:hover{border-color:#f59e0b}.pill.nav{color:var(--accent)}.pill.nav:hover{border-color:var(--accent)}main{max-width:860px;margin:0 auto;padding:1.5rem 1.25rem 3rem}footer{max-width:860px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem}footer a{color:var(--accent)}@media(max-width:540px){.header-inner,main,footer{padding-left:.5rem;padding-right:.5rem}}.thumb{position:relative;flex:0 0 64px;height:64px;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--cat-color, var(--accent)) 14%,var(--surface));display:flex;align-items:center;justify-content:center}.thumb .initial{font-weight:700;font-size:1.35rem;color:color-mix(in srgb,var(--cat-color, var(--accent)) 70%,var(--text))}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.filters-box summary{cursor:pointer;list-style:none;font-size:.85rem;color:var(--muted);padding-bottom:.7rem}.filters-box summary::-webkit-details-marker{display:none}.filters-box summary:before{content:"▸ ";color:var(--accent);display:inline-block;transition:transform .15s}.filters-box[open] summary:before{transform:rotate(90deg)}.fstate{color:var(--accent)}.filters{display:flex;flex-wrap:wrap;gap:.4rem;padding-bottom:.85rem}.chip{--cat-color: var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:99px;color:var(--text);padding:.25rem .75rem;font-size:.82rem;cursor:pointer;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--cat-color)}.chip.active{background:color-mix(in srgb,var(--cat-color) 18%,var(--surface));border-color:var(--cat-color)}.chip .count{color:var(--muted);font-size:.72rem}#source-filter{background:var(--surface);border:1px solid var(--border);border-radius:99px;color:var(--text);padding:.25rem .65rem;font:inherit;font-size:.82rem;max-width:240px;cursor:pointer}#source-filter:focus{outline:none;border-color:var(--accent)}