@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@400;500;600;700;800&display=swap";
:root{--primary-50:#f0fdfa;--primary-100:#ccfbf1;--primary-200:#99f6e4;--primary-300:#5eead4;--primary-400:#2dd4bf;--primary-500:#14b8a6;--primary-600:#0d9488;--primary-700:#0f766e;--primary-800:#115e59;--primary-900:#134e4a;--primary-950:#042f2e;--accent-50:#fff7ed;--accent-100:#ffedd5;--accent-200:#fed7aa;--accent-300:#fdba74;--accent-400:#fb923c;--accent-500:#f97316;--accent-600:#ea580c;--accent-700:#c2410c;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--success:#22c55e;--success-light:#dcfce7;--warning:#eab308;--warning-light:#fef9c3;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-elevated:#fff;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--text-muted:var(--gray-400);--border-color:var(--gray-200);--border-hover:var(--gray-300);--font-display:"Sora",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #14b8a626;--shadow-glow-strong:0 0 40px #14b8a640;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--header-height:64px;--container-max:1200px;--container-padding:1.5rem}[data-theme=dark]{--bg-primary:var(--gray-950);--bg-secondary:var(--gray-900);--bg-tertiary:var(--gray-800);--bg-elevated:var(--gray-900);--text-primary:var(--gray-50);--text-secondary:var(--gray-300);--text-tertiary:var(--gray-400);--text-muted:var(--gray-500);--border-color:var(--gray-800);--border-hover:var(--gray-700)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;font-size:1rem;line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:2.25rem}h2{letter-spacing:-.01em;font-size:1.5rem}h3{font-size:1.25rem}p{color:var(--text-secondary)}.text-brand{color:var(--primary-500)}.text-accent{color:var(--accent-500)}.text-muted{color:var(--text-muted)}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}main{min-height:calc(100vh - var(--header-height) - 120px);padding:var(--space-10)0 var(--space-16)}section{margin-bottom:var(--space-12)}.header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:background var(--transition-base),border-color var(--transition-base);background:#ffffffd9;position:sticky;top:0}[data-theme=dark] .header{background:#030712d9}.header-inner{height:100%;max-width:var(--container-max);padding:0 var(--container-padding);justify-content:space-between;align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--space-3);font-family:var(--font-display);color:var(--text-primary);transition:opacity var(--transition-fast);font-size:1.125rem;font-weight:700;display:flex}.header-logo:hover{opacity:.8}.header-logo svg{flex-shrink:0}.header-logo .logo-text{align-items:baseline;gap:.15em;display:flex}.header-logo .logo-which{color:var(--text-primary)}.header-logo .logo-ai{color:var(--primary-500)}.header-logo .logo-tools{color:var(--text-tertiary);font-size:.9em;font-weight:500}.nav-links{align-items:center;gap:var(--space-1);display:flex}.nav-link{padding:var(--space-2)var(--space-3);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--primary-600);background:var(--primary-50)}[data-theme=dark] .nav-link.active{color:var(--primary-400);background:#14b8a61a}.nav-cta{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);color:#fff;background:var(--primary-500);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.875rem;font-weight:600;display:inline-flex}.nav-cta:hover{background:var(--primary-600);box-shadow:var(--shadow-glow)}.nav-toggle{padding:var(--space-2);color:var(--text-primary);background:0 0;border:none;display:none}@media (max-width:768px){.nav-links{display:none}.nav-toggle{display:flex}.nav-links.open{top:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex;position:absolute;left:0;right:0}}.hero{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:1.3fr .7fr;display:grid}.hero-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-base)}.hero-card:first-child{background:linear-gradient(135deg,var(--primary-50)0%,var(--bg-elevated)50%);border-color:var(--primary-100)}[data-theme=dark] .hero-card:first-child{background:linear-gradient(135deg,#14b8a614 0%,var(--bg-elevated)50%);border-color:#14b8a633}.hero-card h1{margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--text-primary)0%,var(--primary-700)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem}[data-theme=dark] .hero-card h1{background:linear-gradient(135deg,var(--text-primary)0%,var(--primary-400)100%);-webkit-background-clip:text;background-clip:text}.hero-card h2{margin-bottom:var(--space-3);font-size:1.25rem}.hero-card>p{margin-bottom:var(--space-6);font-size:1.0625rem;line-height:1.7}.hero-cta{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-card h1{font-size:2rem}}.button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:var(--font-body);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.button:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.button{background:var(--primary-500);color:#fff}.button:hover{background:var(--primary-600);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.secondary{color:var(--primary-600);border:2px solid var(--primary-500);background:0 0}.button.secondary:hover{background:var(--primary-50);border-color:var(--primary-600)}[data-theme=dark] .button.secondary{color:var(--primary-400);border-color:var(--primary-500)}[data-theme=dark] .button.secondary:hover{background:#14b8a61a}.button.ghost{color:var(--text-secondary);background:0 0;border:none}.button.ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.button.accent{background:var(--accent-500);color:#fff}.button.accent:hover{background:var(--accent-600)}.button.sm{padding:var(--space-2)var(--space-3);font-size:.8125rem}.button.lg{padding:var(--space-4)var(--space-6);font-size:1rem}.search-bar{gap:var(--space-3);margin-top:var(--space-4);display:flex}.search-bar input{padding:var(--space-3)var(--space-4);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex:1;font-size:.9375rem}.search-bar input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #14b8a61a}.search-bar input::placeholder{color:var(--text-muted)}.search-bar button{padding:var(--space-3)var(--space-5);color:#fff;background:var(--primary-500);border-radius:var(--radius-lg);transition:all var(--transition-base);border:none;font-size:.9375rem;font-weight:600}.search-bar button:hover{background:var(--primary-600);box-shadow:var(--shadow-glow)}.grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{gap:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base);flex-direction:column;display:flex}.card:hover{border-color:var(--primary-400);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.card-header{gap:var(--space-3);align-items:flex-start;display:flex}.card-logo{border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0;width:48px;height:48px}.card-logo.fallback{font-family:var(--font-display);color:var(--primary-600);background:var(--primary-50);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}[data-theme=dark] .card-logo.fallback{color:var(--primary-400);background:#14b8a61a}.card-header-content{flex:1;min-width:0}.card-header-content strong{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-1);font-size:1.0625rem;font-weight:600;display:block}.card>p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-link{padding-top:var(--space-3);color:var(--primary-600);align-items:center;gap:var(--space-1);transition:all var(--transition-fast);margin-top:auto;font-size:.875rem;font-weight:600;display:inline-flex}.card-link:hover{color:var(--primary-700);gap:var(--space-2)}[data-theme=dark] .card-link{color:var(--primary-400)}[data-theme=dark] .card-link:hover{color:var(--primary-300)}.card-link:after{content:"→";transition:transform var(--transition-fast)}.card-link:hover:after{transform:translate(2px)}.badge{padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);white-space:nowrap;background:var(--primary-50);color:var(--primary-700);align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}[data-theme=dark] .badge{color:var(--primary-400);background:#14b8a626}.badge.sponsored{background:var(--accent-100);color:var(--accent-700)}[data-theme=dark] .badge.sponsored{color:var(--accent-400);background:#f9731626}.badge.free{background:var(--success-light);color:#16a34a}.badge.paid{background:var(--info-light);color:#2563eb}.badge.freemium{color:#b45309;background:#fef3c7}.badge.enterprise{color:#7c3aed;background:#ede9fe}.tag-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{padding:var(--space-1)var(--space-2);color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:.75rem;font-weight:500;display:inline-flex}.tag:hover{background:var(--gray-200);color:var(--text-secondary)}[data-theme=dark] .tag:hover{background:var(--gray-700)}.category-pills{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.category-pills .badge{padding:var(--space-2)var(--space-3);cursor:pointer;transition:all var(--transition-fast);font-size:.8125rem}.category-pills .badge:hover{background:var(--primary-100);color:var(--primary-800);transform:translateY(-1px)}[data-theme=dark] .category-pills .badge:hover{color:var(--primary-300);background:#14b8a640}.section-title{margin-bottom:var(--space-3);color:var(--text-primary);align-items:center;gap:var(--space-3);font-size:1.375rem;display:flex}.section-title:before{content:"";background:var(--primary-500);border-radius:2px;width:4px;height:1.2em}.section-subtitle{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:.9375rem;line-height:1.6}.filter-bar{gap:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:flex-end;display:flex}.filter-bar label{gap:var(--space-2);color:var(--text-secondary);flex-direction:column;min-width:160px;font-size:.8125rem;font-weight:500;display:flex}.filter-bar select{padding:var(--space-2)var(--space-3);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.filter-bar select:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #14b8a61a}.filter-bar button{padding:var(--space-2)var(--space-4);color:#fff;background:var(--primary-500);border-radius:var(--radius-md);transition:all var(--transition-base);border:none;font-size:.875rem;font-weight:600}.filter-bar button:hover{background:var(--primary-600)}.filter-reset{color:var(--text-muted);transition:color var(--transition-fast);align-self:center;font-size:.8125rem}.filter-reset:hover{color:var(--text-secondary)}@media (max-width:640px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar label{min-width:100%}}.tool-detail{gap:var(--space-8);margin-bottom:var(--space-10);grid-template-columns:1.4fr .6fr;align-items:start;display:grid}.tool-aside{gap:var(--space-4);flex-direction:column;display:flex}.tool-header{gap:var(--space-5);margin-bottom:var(--space-6);align-items:flex-start;display:flex}.detail-logo{border-radius:var(--radius-xl);border:1px solid var(--border-color);object-fit:cover;background:var(--bg-tertiary);flex-shrink:0;width:72px;height:72px}.detail-logo.fallback{font-family:var(--font-display);color:var(--primary-600);background:var(--primary-50);justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;display:flex}[data-theme=dark] .detail-logo.fallback{color:var(--primary-400);background:#14b8a61a}.tool-header-content{flex:1}.tool-header-content h1{margin-bottom:var(--space-2);font-size:1.75rem}.tool-header-content .badge{margin-bottom:var(--space-2)}.detail-actions{gap:var(--space-3);margin:var(--space-6)0;flex-wrap:wrap;display:flex}.disclosure{color:var(--text-secondary);background:var(--warning-light);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);margin-top:var(--space-4);border:1px solid #fcd34d;font-size:.8125rem}[data-theme=dark] .disclosure{background:#eab3081a;border-color:#eab3084d}.detail-meta{gap:var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-6);flex-direction:column;display:flex}.detail-meta h3{margin-bottom:var(--space-2);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.detail-meta ul{padding-left:var(--space-5);color:var(--text-secondary);margin:0;font-size:.9375rem}.detail-meta ul li{margin-bottom:var(--space-2)}.tool-screenshot{border-radius:var(--radius-xl);border:1px solid var(--border-color);object-fit:cover;background:var(--bg-tertiary);width:100%;min-height:280px}.tool-screenshot.placeholder{color:var(--text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}@media (max-width:900px){.tool-detail{grid-template-columns:1fr}.tool-header{flex-direction:column;align-items:flex-start}}label{gap:var(--space-2);margin-bottom:var(--space-4);color:var(--text-secondary);flex-direction:column;font-size:.875rem;font-weight:500;display:flex}input,textarea{padding:var(--space-3)var(--space-4);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-size:.9375rem}input:focus,textarea:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #14b8a61a}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:120px}form button{margin-top:var(--space-4)}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;transition:all var(--transition-base)}.stat-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md)}.stat-card .stat-value{font-family:var(--font-display);color:var(--primary-600);margin-bottom:var(--space-1);font-size:2rem;font-weight:700}[data-theme=dark] .stat-card .stat-value{color:var(--primary-400)}.stat-card .stat-label{color:var(--text-tertiary);font-size:.8125rem}.checklist{margin:var(--space-4)0 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.checklist li{gap:var(--space-3);color:var(--text-tertiary);align-items:center;font-size:.9375rem;display:flex}.checklist li[data-ready=true]{color:var(--text-primary)}.checkmark{border-radius:var(--radius-full);background:var(--primary-50);width:24px;height:24px;color:var(--primary-600);flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:inline-flex}[data-theme=dark] .checkmark{color:var(--primary-400);background:#14b8a61a}.footer{border-top:1px solid var(--border-color);padding:var(--space-8)var(--container-padding);color:var(--text-tertiary);text-align:center;background:var(--bg-secondary);font-size:.8125rem}.footer a{color:var(--primary-600);font-weight:500}.footer a:hover{color:var(--primary-700)}[data-theme=dark] .footer a{color:var(--primary-400)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-up{animation:.5s ease-out slideUp}.hero-card,.card{animation:.5s ease-out both slideUp}.card:nth-child(2){animation-delay:50ms}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:nth-child(5){animation-delay:.2s}.card:nth-child(6){animation-delay:.25s}::selection{background-color:var(--primary-100);color:var(--primary-900)}[data-theme=dark] ::selection{background-color:var(--primary-800);color:var(--primary-100)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.text-center{text-align:center}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}