:root{--bs-body-font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--primary:#6366f1;--primary-hover:#4f46e5;--primary-soft:#6366f11f;--bg-dark:#0f172a;--bg-card:#1e293b;--text-muted:#94a3b8;--border-color:#334155}html[data-bs-theme=light]{--bg-dark:#f8fafc;--bg-card:#fff;--border-color:#e2e8f0;--text-muted:#64748b}body{background-color:var(--bg-dark)}.text-primary-custom{color:var(--primary)!important}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f172ae6!important}[data-bs-theme=light] .navbar{background-color:#f8fafcf2!important}.theme-toggle{border:2px solid var(--primary);width:40px;height:40px;color:var(--primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--primary);color:#fff;transform:rotate(180deg)}.brand-mark{background:var(--primary);color:#fff;letter-spacing:.5px;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;display:inline-flex}.tool-breadcrumb ol{flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0 0 1rem;padding:0;font-size:.8rem;list-style:none;display:flex}.tool-breadcrumb li{color:var(--text-muted)}.tool-breadcrumb li+li:before{content:"/";opacity:.6;margin-right:.35rem}.tool-breadcrumb a{color:var(--text-muted);text-decoration:none}.tool-breadcrumb a:hover{color:var(--primary)}.site-footer{font-size:.85rem}.related-card{border:1px solid var(--border-color);background:var(--bg-card);height:100%;color:inherit;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.82rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.related-card i{color:var(--primary)}.related-card:hover{border-color:var(--primary);color:inherit;transform:translateY(-2px)}.footer-categories{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.footer-categories a{border:1px solid var(--border-color);color:var(--text-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.footer-categories a:hover{border-color:var(--primary);color:var(--bs-body-color)}.footer-categories .count{opacity:.7;font-size:.7rem}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.footer-links{gap:1rem;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--primary)}.index-main{padding-top:76px}.hero{text-align:center;padding:3.5rem 0 2rem;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(600px 260px at 50% 0,#6366f138,#0000 70%);position:absolute;inset:0}.hero>*{position:relative}.hero h1{letter-spacing:-.02em;max-width:820px;margin:0 auto .75rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800}.hero .lead{max-width:640px;color:var(--text-muted);margin:0 auto}.search-wrap{max-width:640px;margin:2rem auto 0;position:relative}.search-wrap .bi-search{color:var(--text-muted);position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--bs-body-color);border-radius:14px;padding:.95rem 3.5rem .95rem 2.9rem;font-size:1rem;box-shadow:0 10px 30px #00000026}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6366f133}.search-kbd{color:var(--text-muted);border:1px solid var(--border-color);border-radius:6px;padding:0 .45rem;font-size:.75rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-clear{color:var(--text-muted);background:0 0;border:0;font-size:1.1rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.chip-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;display:flex}.chip{border:1px solid var(--border-color);background:var(--bg-card);color:var(--bs-body-color);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.82rem;text-decoration:none;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.chip .count{opacity:.65;font-size:.72rem}.section-title{align-items:center;gap:.6rem;margin-bottom:.25rem;font-size:1.25rem;font-weight:700;display:flex}.section-title .icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:9px;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.section-blurb{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem}.tool-section{scroll-margin-top:90px}.tool-card{border:1px solid var(--border-color);background:var(--bg-card);height:100%;color:inherit;border-radius:14px;gap:.85rem;padding:1rem 1.1rem;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.tool-card:hover,.tool-card:focus-visible{border-color:var(--primary);color:inherit;transform:translateY(-3px);box-shadow:0 10px 28px #6366f126}.tool-card .icon{background:var(--primary-soft);height:40px;color:var(--primary);border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;font-size:1.15rem;display:inline-flex}.tool-card h3{margin:0 0 .2rem;font-size:.95rem;font-weight:600}.tool-card p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.45}.tool-card mark{color:inherit;background:#facc1559;border-radius:2px;padding:0}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.feature{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;height:100%;padding:1.25rem}.feature i{color:var(--primary);font-size:1.4rem}.feature h3{margin:.6rem 0 .3rem;font-size:1rem;font-weight:600}.feature p{color:var(--text-muted);margin:0;font-size:.85rem}.faq details{border:1px solid var(--border-color);background:var(--bg-card);border-radius:12px;margin-bottom:.6rem;padding:.9rem 1.1rem}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--text-muted);margin:.6rem 0 0;font-size:.9rem}.made-with{color:var(--text-muted)}.made-with .bi-heart-fill{color:#ef4444}.made-with a{color:var(--primary);font-weight:600;text-decoration:none}.made-with a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.tool-card,.related-card,.theme-toggle{transition:none}}