.site-header{border-bottom:1px solid var(--border);background:rgba(7,9,13,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:200}.header-inner{max-width:1300px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;gap:16px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.logo:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}.logo-mark{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.logo-mark svg{width:30px;height:30px;display:block}.logo-name{font-family:var(--sans);font-weight:800;font-size:17px;color:var(--text);letter-spacing:-.4px}.logo-name em{color:var(--green);font-style:normal}.header-nav{display:flex;gap:4px;align-items:center}.nav-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:6px 12px;border-radius:6px;transition:all .15s;white-space:nowrap;line-height:1;vertical-align:middle}.nav-link:hover{color:var(--text);background:var(--sf2);opacity:1}.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px}.nav-icon svg{width:14px;height:14px;display:block}.nav-link--active{color:var(--green) !important;opacity:1 !important;border-bottom:2px solid var(--green);border-radius:6px 6px 0 0}.header-badges{display:flex;gap:10px;margin-left:auto}.hdr-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:4px 11px;white-space:nowrap}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;animation:blink 2.4s ease-in-out infinite;will-change:opacity}.site-footer{border-top:1px solid var(--border);margin-top:80px;background:var(--surface)}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:260px 1fr;gap:48px}.footer-brand .logo{margin-bottom:14px}.footer-tagline{font-size:12px;color:var(--muted);margin-bottom:14px;line-height:1.6}.footer-github{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:5px 12px;border-radius:6px;display:inline-block;transition:all .15s}.footer-github:hover{color:var(--green);border-color:var(--gdim);opacity:1}.footer-links{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}.footer-col h3{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;line-height:1}.footer-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px}.footer-icon svg{width:14px;height:14px;display:block}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;min-height:200px}.footer-col ul li a{font-size:12px;color:var(--muted);transition:color .15s}.footer-col ul li a:hover{color:var(--green);opacity:1}.footer-bottom{border-top:1px solid var(--border);padding:16px 24px;text-align:center}.footer-bottom p{font-size:12px;color:var(--muted)}.footer-bottom a{color:var(--muted)}.footer-bottom a:hover{color:var(--green);opacity:1}.hero{text-align:center;padding:48px 24px 36px}.hero-inner{max-width:720px;margin:0 auto}.hero h1{font-size:clamp(26px,3.6vw,42px);font-weight:900;line-height:1.05;letter-spacing:-0.02em;margin-bottom:16px;color:#ffffff;font-family:var(--sans)}.hero h1 em{color:#00ff88;font-style:normal}.hero-accent{font-size:16px;font-weight:500;color:#00ff88;letter-spacing:0.02em;margin-bottom:16px}.hero-sub{font-size:14px;margin-bottom:28px;color:#888;line-height:1.7;font-family:var(--mono)}.hero-search{position:relative;margin-bottom:24px}.hero-search input{width:100%;max-width:500px;background:#0a0a0a;border:1.5px solid #00ff88;border-radius:8px;color:var(--text);font-family:var(--mono);font-size:16px;padding:12px 18px;outline:none;transition:border-color .2s,box-shadow .2s}.hero-search input:focus{border-color:#00ff88;box-shadow:0 0 0 3px rgba(0,255,136,0.12)}.hero-search input::placeholder{color:var(--muted)}.hub-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hub-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:6px 14px;transition:all .15s;line-height:1}.hub-pill:hover{color:var(--green);border-color:var(--gdim);opacity:1;background:rgba(61,214,140,.04)}.hub-pill-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:13px;height:13px}.hub-pill-icon svg{width:13px;height:13px;display:block}.hubs-wrap{max-width:var(--max-w);margin:0 auto;padding:0 24px 80px}.hub-section{margin-bottom:64px;content-visibility:auto;contain-intrinsic-size:0 600px}.hub-header{margin-bottom:24px}.hub-header h2{display:flex;align-items:center;gap:8px;font-weight:600;line-height:1.3;margin-bottom:6px}.hub-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.hub-icon svg{width:20px;height:20px;display:block}.hub-header p{font-size:13px}.hub-featured{max-width:var(--max-w);margin:0 auto 32px;padding:0 24px}.hub-featured h2{font-family:var(--sans);font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.hub-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.featured-card{display:block;background:var(--sf2);border:1px solid var(--border);border-radius:var(--r);padding:20px;text-decoration:none;transition:all .15s;position:relative}.featured-card:hover{border-color:var(--gdim);background:var(--surface);opacity:1}.featured-card-title{font-family:var(--sans);font-weight:700;font-size:15px;color:var(--text);margin-bottom:6px}.featured-card-tag{font-size:12px;color:var(--muted);line-height:1.5}.featured-card-arrow{position:absolute;top:20px;right:20px;color:var(--green);font-size:16px;opacity:0;transition:opacity .15s}.featured-card:hover .featured-card-arrow{opacity:1}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.tool-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;text-decoration:none;transition:all .2s;color:inherit}.tool-card:hover{border-color:var(--green);background:rgba(61,214,140,.04);transform:translateY(-2px);opacity:1}.tool-card-title{font-family:var(--sans);font-weight:700;font-size:14px;color:var(--text);margin-bottom:6px}.tool-card-tag{font-size:12px;color:var(--muted);line-height:1.5}.search-results{max-width:var(--max-w);margin:0 auto;padding:0 24px 40px}.no-results{color:var(--muted);font-size:13px;grid-column:1/-1;padding:16px 0}.cat-header{background:var(--surface);border-bottom:1px solid var(--border);padding:48px 24px 32px;margin-bottom:32px}.cat-header-inner{max-width:var(--max-w);margin:0 auto}.cat-header-inner h1{display:flex;align-items:center;gap:10px}.cat-desc{font-size:14px;margin-top:8px}.tools-grid-wrap{max-width:var(--max-w);margin:0 auto;padding:0 24px 80px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:16px}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--green);opacity:1}.home-page .nav-search-wrapper{display:none}.nav-search-wrapper{position:relative;display:inline-flex;align-items:center}.nav-search-toggle{background:none;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;padding:5px 8px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s;flex-shrink:0}.nav-search-toggle:hover{border-color:var(--green);color:var(--green)}.nav-search-toggle svg{width:16px;height:16px;display:block}.nav-search-field-container{display:none;position:absolute;top:calc(100%+8px);right:0;width:300px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.6);z-index:1000}.nav-search-field-container.active{display:block}#nav-search{width:100%;background:var(--gdim);border:1px solid rgba(61,214,140,.2);border-radius:6px;padding:6px 12px;color:var(--text);font-family:var(--mono);font-size:16px;outline:none;transition:border-color .2s,box-shadow .3s,background .2s;touch-action:manipulation}#nav-search:focus{border-color:#00ff88;background:var(--surface);box-shadow:0 0 0 3px rgba(0,255,136,0.12)}#nav-search::placeholder{color:rgba(61,214,140,.4)}.nav-search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:6px;max-height:250px;overflow-y:auto;z-index:1001;box-shadow:0 8px 24px rgba(0,0,0,.6);margin-top:4px}.nav-search-result{display:block;padding:9px 14px;color:var(--muted);text-decoration:none;font-size:max(14px,0.85rem);border-bottom:1px solid var(--border);transition:background .15s}.nav-search-result:last-child{border-bottom:none}.nav-search-result:hover,.nav-search-result.active{background:var(--sf2);color:var(--green);opacity:1}.nav-search-result mark{background:rgba(61,214,140,.2);color:var(--green);border-radius:2px}.gh-stars-badge{position:relative;display:inline-flex;align-items:center;gap:6px;color:#aaa;font-size:0.8rem;font:inherit;border:1px solid #1e1e1e;border-radius:6px;padding:6px 14px;text-decoration:none;background:none;transition:border-color .2s,color .2s;white-space:nowrap;cursor:pointer}.gh-stars-badge:hover{border-color:var(--green);color:var(--green);opacity:1}.search-glow-wrapper{position:relative;border-radius:10px;display:inline-block;width:100%;max-width:500px;padding:2px}@property --ck-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.search-glow-wrapper::before{content:'';position:absolute;inset:-2px;border-radius:12px;background:conic-gradient( from var(--ck-angle),transparent 0deg,#00ff88 40deg,#00d4ff 140deg,transparent 200deg );animation:ck-spin 3s linear infinite;z-index:0;opacity:0.7;transition:opacity .3s ease}.search-glow-wrapper:focus-within::before{opacity:1}.search-glow-wrapper>*{position:relative;z-index:1;border-radius:8px;background:#0a0a0a}@keyframes ck-spin{to{--ck-angle:360deg}}@supports not (background:conic-gradient(from 0deg,red,blue)){.search-glow-wrapper::before{background:linear-gradient(90deg,#00ff88,#00d4ff,#00ff88);animation:ck-slide 2s linear infinite}@keyframes ck-slide{0%{opacity:0.4}50%{opacity:0.9}100%{opacity:0.4}}}.breadcrumb [aria-current="page"]{color:var(--text)}.hamburger-btn{display:none;background:none;border:none;color:var(--green);font-size:1.4rem;cursor:pointer;padding:2px 4px 6px;margin-left:auto;line-height:1}@media (max-width:768px){.hamburger-btn{display:block;order:10;margin-left:0}.header-badges{display:none}.nav-search-wrapper{display:none}.theme-toggle{margin-left:auto;order:9}.header-nav{display:none;position:absolute;top:56px;left:0;right:0;background:var(--surface);flex-direction:column;gap:0;z-index:199;border-bottom:1px solid var(--border)}.header-nav.nav-open{display:flex}.header-nav .nav-link{padding:14px 24px;border-radius:0;color:var(--muted);font-size:13px;width:100%}.header-nav .nav-link:hover,.header-nav .nav-link:focus{color:var(--green);background:rgba(61,214,140,.06)}.header-nav .nav-link--active{color:var(--green) !important}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-links{grid-template-columns:repeat(3,1fr)}.tools-grid{grid-template-columns:1fr 1fr}.hub-featured-grid{grid-template-columns:1fr}}@media (max-width:480px){.tools-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}.theme-toggle{background:none;border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;padding:5px 8px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s;flex-shrink:0}.theme-toggle:hover{border-color:var(--green);color:var(--green)}.theme-toggle svg{width:16px;height:16px}[data-theme="light"] .site-header{background:rgba(245,247,250,.92);border-bottom-color:var(--border)}[data-theme="light"] .header-nav{background:var(--surface);border-bottom-color:var(--border)}[data-theme="light"] .gh-stars-badge{border-color:var(--border);color:var(--muted)}[data-theme="light"] .gh-stars-badge:hover{border-color:var(--green);color:var(--green)}[data-theme="light"] .tool-card{background:var(--surface);border-color:var(--border)}[data-theme="light"] .tool-card:hover{background:rgba(26,140,91,.04);border-color:var(--green)}[data-theme="light"] .featured-card{background:var(--sf2);border-color:var(--border)}[data-theme="light"] .featured-card:hover{background:var(--surface);border-color:var(--green)}[data-theme="light"] .hub-pill:hover{background:rgba(26,140,91,.06)}[data-theme="light"] .nav-search-dropdown{background:var(--surface);border-color:var(--border);box-shadow:0 8px 24px rgba(0,0,0,.12)}[data-theme="light"] .site-footer{background:var(--surface);border-top-color:var(--border)}[data-theme="light"] .hdr-badge{border-color:var(--border);color:var(--muted)}[data-theme="light"] .nav-link{color:#4b5563}[data-theme="light"] .nav-link:hover,[data-theme="light"] .nav-link:focus{color:var(--green);background:transparent}[data-theme="light"] .nav-link--active{color:var(--green) !important}[data-theme="light"] #nav-search{background:var(--sf2);border-color:var(--border);color:var(--text)}[data-theme="light"] #nav-search::placeholder{color:#9ca3af}[data-theme="light"] #nav-search:focus{border-color:var(--green);background:var(--surface);box-shadow:0 0 0 3px rgba(26,140,91,.1)}[data-theme="light"] .hero h1{color:#1f2328}[data-theme="light"] .hero h1 em{color:#1a8c5b}[data-theme="light"] .hero-accent{color:#1a8c5b}[data-theme="light"] .hero-search input{background:var(--surface);border-color:#1a8c5b;color:var(--text)}[data-theme="light"] .hero-search input::placeholder{color:#9ca3af}[data-theme="light"] .hero-search input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(26,140,91,.12)}@media (max-width:768px){[data-theme="light"] .header-nav{background:var(--surface);border-bottom-color:var(--border)}[data-theme="light"] .header-nav .nav-link{color:var(--text)}[data-theme="light"] .header-nav .nav-link:hover,[data-theme="light"] .header-nav .nav-link:focus{color:var(--green);background:rgba(26,140,91,.06)}}