.header h1,.search-input,body{color:var(--text-primary)}.search-icon-input,.search-input{opacity:0;visibility:hidden;transition:.2s}.search-input.active,.search-input.active+.search-icon-input{visibility:visible;opacity:1}.search-input:focus,.search-toggle:hover,.theme-toggle:hover,.tool-card:hover{border-color:var(--text-secondary);background:var(--hover-bg)}.clear-search:hover,.search-input:focus{background:var(--hover-bg)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s,color .3s}:root{--bg-color:#e6e6e6;--card-bg:#ededed;--text-primary:#222;--text-secondary:#555;--border-color:#ccc;--hover-bg:#e0e0e0;--suggestion-hover:rgba(0, 0, 0, .02)}[data-theme=dark]{--bg-color:#1a1a1a;--card-bg:#2a2a2a;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--border-color:#404040;--hover-bg:#333;--suggestion-hover:hsla(0, 0%, 100%, .05)}body{background:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background .3s,color .3s}.container{margin:0 auto;max-width:1000px;padding:40px 20px}.header,.tools-grid.category-grid{margin-bottom:40px}.header{position:relative;text-align:center;min-height:120px}.header h1{font-size:2rem;font-weight:300;margin-bottom:8px}.header p{color:var(--text-secondary);font-size:14px}.header-controls{align-items:center;display:flex;gap:16px;position:absolute;right:0;top:0}.search-container{align-items:center;display:flex;position:relative}.search-input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;font-size:13px;padding:8px 12px 8px 36px;transform:translateX(20px);width:200px}.clear-search,.search-icon,.search-icon-input,.search-results,.theme-icon{color:var(--text-secondary)}.search-input.active{transform:translateX(0)}.search-input:focus{outline:0}.search-input::placeholder{color:var(--text-secondary)}.clear-search:hover,.search-toggle:hover .search-icon,.theme-toggle:hover .theme-icon{color:var(--text-primary)}.search-icon-input{height:16px;left:10px;pointer-events:none;position:absolute;width:16px}.search-toggle,.theme-toggle{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:.2s}.search-icon,.theme-icon{height:18px;transition:color .2s;width:18px}.suggestion-link,.tool-card{text-decoration:none;transition:.2s}.clear-search{background:0 0;border:none;border-radius:2px;cursor:pointer;display:none;padding:2px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.clear-search.visible,.no-results.visible{display:block}.search-results{font-size:13px;margin-bottom:20px;text-align:center}.category-heading{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;font-weight:500;margin-bottom:15px;margin-top:40px;padding-bottom:5px;text-align:left}.tools-grid{content-visibility:auto;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);contain:layout style paint;display:block;padding:24px;min-height:140px}.tool-card.hidden{display:none}.tool-icon{color:var(--text-secondary);height:32px;margin-bottom:12px;width:32px;stroke-width:1.5;display:block}.logo-title h1,.suggestion-link:hover,.tool-title{color:var(--text-primary)}.tool-title{font-size:1.2rem;font-weight:500;margin-bottom:8px}.footer,.suggestion-link,.tool-description{color:var(--text-secondary);font-size:13px}.tool-description{line-height:1.4}.highlight{background:rgba(255,235,59,.3);border-radius:2px;padding:1px 2px}[data-theme=dark] .highlight{background:rgba(255,193,7,.2)}.no-results{color:var(--text-secondary);display:none;padding:60px 20px;text-align:center}.no-results-icon{color:var(--text-secondary);height:48px;margin:0 auto 16px;opacity:.5;width:48px}.suggestion-section{margin:60px 0 20px;text-align:center}.suggestion-link{align-items:center;border:1px solid transparent;border-radius:20px;display:inline-flex;font-weight:400;gap:6px;padding:8px 12px}.suggestion-link:hover{background:var(--suggestion-hover);border-color:var(--border-color)}.suggestion-icon{height:14px;opacity:.6;width:14px}.suggestion-link:hover .suggestion-icon{opacity:1}.footer{border-top:1px solid var(--border-color);margin-top:40px;padding-top:20px;text-align:center}.logo-title{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.logo-img{background:0 0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.04);height:40px;object-fit:contain;width:40px}.logo-title h1{font-size:2rem;font-weight:300;margin:0;padding:0}@media (max-width:768px){.header h1,.logo-title h1{font-size:1.5rem}.container{padding:20px 16px}.header{position:relative}.header-controls{flex-direction:row;gap:16px;justify-content:center;margin-bottom:16px;position:static}.search-toggle,.theme-toggle{border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.04);font-size:18px;min-height:44px;min-width:44px;padding:16px}.search-container{flex:1;min-width:0}.search-input{font-size:16px;min-width:120px;padding:12px 16px 12px 40px;width:100%}.search-icon-input{height:20px;left:16px;width:20px}.header h1{padding-right:50px}.tools-grid{gap:16px;grid-template-columns:1fr}.tool-card{padding:20px}.tool-icon{height:28px;width:28px}.tool-title{font-size:1.1rem}.category-heading{font-size:1.3rem;margin-bottom:12px;margin-top:30px}.suggestion-section{margin:40px 0 16px}.logo-title{gap:8px}.logo-img{height:32px;width:32px}}