:root{--bg: #f7f8fa;--surface: #ffffff;--surface-2: #f0f2f5;--text: #1a1d23;--muted: #5b6472;--border: #e2e6ec;--accent: #2f6feb;--accent-weak: #e7effd;--ok: #1f9d55;--ok-weak: #e3f6ea;--purple: #7b3fe4;--purple-weak: #efe7fb;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0f1319;--surface: #171c24;--surface-2: #1e242e;--text: #e7ebf2;--muted: #98a2b3;--border: #2a313c;--accent: #5b8df5;--accent-weak: #16233b;--ok: #35c26e;--ok-weak: #12251a;--purple: #a877f0;--purple-weak: #241a38;--shadow: none}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header.site{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}header.site h1{font-size:1rem;margin:0;font-weight:650;letter-spacing:-.01em}header.site nav{display:flex;gap:.25rem}header.site nav a{padding:.35rem .7rem;border-radius:8px;color:var(--muted);font-size:.9rem}header.site nav a.active{background:var(--accent-weak);color:var(--accent);font-weight:600}header.site .spacer{flex:1}header.site .stat{color:var(--muted);font-size:.82rem}main{max-width:1200px;margin:0 auto;padding:1.25rem}.controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1rem}.controls input[type=search],.controls select{padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.9rem;min-width:0}.controls input[type=search]{flex:1 1 260px}.controls label.check{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:.45rem .65rem;border-radius:8px;cursor:pointer}.count{color:var(--muted);font-size:.85rem;margin-left:auto}.grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem}.card .top{display:flex;align-items:baseline;gap:.5rem}.card .name{font-weight:640;letter-spacing:-.01em}.card .machine{color:var(--muted);font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.card .rank{margin-left:auto;font-size:.72rem;color:var(--muted);background:var(--surface-2);padding:.1rem .45rem;border-radius:999px;white-space:nowrap}.card .desc{color:var(--muted);font-size:.87rem}.card .tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{font-size:.72rem;padding:.12rem .45rem;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.tag.cat{background:var(--accent-weak);color:var(--accent)}.card .foot{display:flex;align-items:center;gap:.4rem;margin-top:.1rem;flex-wrap:wrap}.badge{font-size:.72rem;font-weight:600;padding:.12rem .5rem;border-radius:999px;display:inline-flex;align-items:center;gap:.25rem}.badge.evals{background:var(--ok-weak);color:var(--ok)}.badge.results{background:var(--purple-weak);color:var(--purple)}.badge.results a{color:inherit}.card .installs{color:var(--muted);font-size:.78rem;margin-left:auto}.empty{color:var(--muted);text-align:center;padding:3rem 1rem}.picker{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.picker select{min-width:240px}.picker .meta{color:var(--muted);font-size:.85rem}.charts{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem 1rem;box-shadow:var(--shadow)}.chart-card h3{margin:.1rem 0;font-size:.95rem}.chart-card .sub{color:var(--muted);font-size:.78rem;margin-bottom:.5rem}.chart-wrap{position:relative;height:300px}.legend-note{color:var(--muted);font-size:.8rem;margin:.25rem 0 1rem}@media (max-width: 520px){.charts{grid-template-columns:1fr}}.card .links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.15rem}.card .lnk{font-size:.78rem;color:var(--accent);text-decoration:none;border:1px solid var(--border);border-radius:6px;padding:.1rem .4rem;background:var(--surface-2)}.card .lnk:hover{border-color:var(--accent);background:var(--accent-weak)}.card .lnk.results{color:var(--purple)}.card .lnk.results:hover{border-color:var(--purple);background:var(--purple-weak)}.qhead{font-size:1rem;margin:1.5rem 0 .5rem}.qlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.qlist li{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:.85rem;transition:background .1s,border-color .1s}.qlist li.active{border-color:var(--accent);background:var(--accent-weak)}.qlist .qnum{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;min-width:2.2rem}.qlist .qtext{flex:1 1 60%;color:var(--text)}.qlist .qid{color:var(--muted);font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.qtier{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;border-radius:5px;padding:.05rem .35rem}.qtier.easy{background:var(--ok-weak);color:var(--ok)}.qtier.medium{background:var(--accent-weak);color:var(--accent)}.qtier.hard{background:var(--purple-weak);color:var(--purple)}.qpersona{font-size:.72rem;color:var(--muted);font-style:italic}.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin:1rem 0}.pager:empty{display:none}.pager button{min-width:2.25rem;padding:.35rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer}.pager button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pager button.current{background:var(--accent);border-color:var(--accent);color:#fff;cursor:default}.pager button:disabled{opacity:.4;cursor:default}.pager .gap{color:var(--muted);padding:0 .2rem}
