*,:before,:after{box-sizing:border-box}:root{--bg:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#eaeef2;--border:#d0d7de;--border-muted:#d8dee4;--text-primary:#1f2328;--text-secondary:#656d76;--text-muted:#8b949e;--accent:#0969da;--accent-hover:#0550ae;--accent-subtle:#ddf4ff;--radius:6px;--shadow:0 1px 3px #1f23281f, 0 8px 24px #1f23281f;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--header-bg:#f6f8fa;--header-border:#d0d7de;--card-bg:#fff;--card-hover:#f6f8fa;--tag-bg:#ddf4ff;--tag-color:#0969da;background:var(--bg);color:var(--text-primary);font-family:var(--font)}[data-theme=dark]{--bg:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--border:#30363d;--border-muted:#21262d;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--accent:#58a6ff;--accent-hover:#79c0ff;--accent-subtle:#388bfd26;--shadow:0 1px 3px #0104094d, 0 8px 24px #0104094d;--header-bg:#161b22;--header-border:#30363d;--card-bg:#161b22;--card-hover:#1c2128;--tag-bg:#388bfd26;--tag-color:#58a6ff;background:var(--bg);color:var(--text-primary)}body{-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}.app-header{z-index:100;background:var(--header-bg);border-bottom:1px solid var(--header-border);align-items:center;gap:14px;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.header-logo{color:var(--text-primary);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.header-logo .logo-icon{font-size:22px;line-height:1}.header-logo-text{letter-spacing:-.3px}.header-logo-sub{color:var(--text-muted);border:1px solid var(--border);border-radius:20px;padding:1px 6px;font-size:11px;font-weight:500}.search-bar{flex:1;max-width:440px}.search-bar input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font);outline:none;padding:7px 12px;transition:border-color .15s,box-shadow .15s}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);background:0 0;flex-shrink:0;padding:6px 10px;font-size:16px;transition:background .15s,color .15s}.theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.app-layout{min-height:calc(100vh - 60px);display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);width:220px;min-width:220px;height:calc(100vh - 60px);padding:16px 10px;position:sticky;top:60px;overflow-y:auto}.sidebar-section{margin-bottom:20px}.sidebar-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:0 10px 6px;font-size:11px;font-weight:600}.sidebar-item{border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:14px;text-decoration:none;transition:background .1s,color .1s;display:flex}.sidebar-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.sidebar-item .count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:20px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:500}.main-content{flex:1;min-width:0;padding:24px 28px}.content-header{margin-bottom:20px}.content-title{color:var(--text-primary);margin:0 0 4px;font-size:20px;font-weight:600}.content-subtitle{color:var(--text-muted);margin:0;font-size:13px}.tool-summary{color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px;font-size:13px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.tool-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;gap:10px;padding:16px;text-decoration:none;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.tool-card:hover{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-subtle);background:var(--card-hover)}.tool-card-name{color:var(--accent);margin:0;font-size:15px;font-weight:600}.tool-card-name:hover{color:var(--accent-hover);text-decoration:underline}.tool-card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.tool-card-footer{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.tool-tag{background:var(--tag-bg);color:var(--tag-color);border:1px solid #0000;border-radius:20px;padding:2px 7px;font-size:11px;font-weight:500}.tool-pricing{color:var(--text-muted);margin-left:auto;font-size:12px;font-weight:500}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state .empty-icon{margin-bottom:12px;font-size:36px}.empty-state .empty-title{color:var(--text-secondary);margin:0 0 6px;font-size:16px;font-weight:600}.empty-state .empty-sub{margin:0;font-size:13px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:768px){.hamburger-btn{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex!important}.hamburger-btn:hover{background:var(--bg-tertiary)}.app-header{flex-wrap:wrap;gap:10px;height:auto;min-height:60px;padding:10px 14px}.header-logo-sub{display:none}.search-bar{order:3;width:100%;max-width:none;margin-top:2px}.sidebar{z-index:200;height:100vh;box-shadow:none;width:260px;min-width:260px;padding-top:12px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0);box-shadow:4px 0 20px #00000026}.sidebar-overlay{z-index:199;background:#0006;display:block;position:fixed;inset:0}.sidebar-close-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:14px;position:absolute;top:12px;right:12px;display:flex!important}.app-layout{display:block}.main-content{padding:16px 14px}.tools-grid{grid-template-columns:1fr;gap:10px}}@media (min-width:769px){.hamburger-btn,.sidebar-overlay,.sidebar-close-btn{display:none!important}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:190px;min-width:190px}}