:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;--accent: #0ea5e9;--accent-hover: #0284c7;--success: #16a34a;--border: #e5e7eb;--muted: #6b7280;--bg: #ffffff;--fg: #0f172a;--card: #f9fafb;--card-hover: #f3f4f6}[data-theme=dark]{--border: #1f2937;--muted: #9ca3af;--bg: #0f172a;--fg: #f1f5f9;--card: #1e293b;--card-hover: #273548}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);transition:background .15s,color .15s}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem}.brand{font-weight:700;color:var(--fg);text-decoration:none;font-size:1.05rem}.topbar nav{display:flex;gap:1.25rem;align-items:center}.topbar nav a{color:var(--muted);text-decoration:none;font-size:.95rem;padding:.25rem .5rem;border-radius:4px}.topbar nav a:hover{color:var(--fg);background:var(--card)}.topbar nav a.active{color:var(--accent);background:var(--card)}.menu-toggle{display:none;background:var(--card);color:var(--fg);border:1px solid var(--border);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.92rem}@media (max-width: 640px){.menu-toggle{display:inline-block}.topbar nav{display:none;width:100%;flex-direction:column;gap:.5rem;margin-top:.5rem}.topbar nav.open{display:flex}}.theme-toggle{background:var(--card);color:var(--fg);border:1px solid var(--border);padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.88rem}.theme-toggle:hover{background:var(--card-hover)}.content{max-width:880px;margin:0 auto;padding:2rem;line-height:1.6}.lede{font-size:1.1rem;color:var(--muted)}code{background:var(--card);padding:.1rem .35rem;border-radius:4px;font-size:.92em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.placeholder{padding:2rem;background:var(--card);border-radius:6px;text-align:center;color:var(--muted)}.hydration-proof{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0}.counter-button{background:var(--accent);color:#fff;border:none;padding:.7rem 1.25rem;border-radius:6px;font-size:.98rem;cursor:pointer}.counter-button:hover{background:var(--accent-hover)}.success-note{color:var(--success);font-size:.92rem;margin:.75rem 0 0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.stat-value{font-size:2rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.92rem;color:var(--muted);margin-top:.25rem}.stat-detail{font-size:.88rem;color:var(--muted);margin:.5rem 0 0}.controls{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.filter,.category-select,.sort-button{padding:.6rem .8rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:.95rem}.filter{flex:1 1 240px}.sort-button{background:var(--card);cursor:pointer;white-space:nowrap}.sort-button:hover{background:var(--card-hover)}.result-count{font-size:.88rem;color:var(--muted);margin:.5rem 0}.tool-list{list-style:none;padding:0;display:grid;gap:.5rem}.tool-item{background:var(--card);border:1px solid var(--border);border-radius:6px}.tool-toggle{width:100%;background:transparent;color:var(--fg);border:none;padding:1rem;display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center;cursor:pointer;font-size:.98rem;text-align:left}.tool-toggle:hover{background:var(--card-hover)}.tool-name{font-weight:600}.tool-cat{font-size:.78rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.tool-chevron{font-size:1.2rem;color:var(--muted);width:1rem;text-align:center}.tool-blurb{margin:0;padding:0 1rem 1rem;color:var(--muted);font-size:.94rem}.empty{background:var(--card);border:1px dashed var(--border);border-radius:6px;padding:1rem;text-align:center;color:var(--muted)}.primary-cta{background:var(--accent);color:#fff;border:none;padding:.7rem 1.4rem;border-radius:6px;font-size:.98rem;cursor:pointer;margin:1rem 0}.primary-cta:hover{background:var(--accent-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:1.75rem;max-width:520px;width:100%;box-shadow:0 25px 50px -12px #00000080}.modal h3{margin-top:0}.modal button{margin-top:1rem;background:var(--card);color:var(--fg);border:1px solid var(--border);padding:.5rem 1rem;border-radius:6px;cursor:pointer}.modal button:hover{background:var(--card-hover)}.faq{display:grid;gap:.5rem;margin:1rem 0 2rem}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:6px}.faq-q{width:100%;background:transparent;color:var(--fg);border:none;padding:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1rem;text-align:left;font-weight:500}.faq-q:hover{background:var(--card-hover)}.faq-chevron{font-size:1.4rem;color:var(--muted);margin-left:1rem}.faq-a{margin:0;padding:0 1rem 1rem;color:var(--muted);font-size:.95rem;line-height:1.55}.footbar{border-top:1px solid var(--border);padding:1.5rem 2rem;color:var(--muted);font-size:.88rem;text-align:center;line-height:1.5}