:root{--color-bg:#fafaf9;--color-surface:#fff;--color-surface-hover:#f5f5f4;--color-border:#e7e5e4;--color-text:#1c1917;--color-text-secondary:#78716c;--color-text-muted:#a8a29e;--color-amber:#d97706;--color-amber-light:#fef3c7;--color-amber-dark:#92400e;--color-green:#16a34a;--color-red:#dc2626;--color-blue:#2563eb;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--max-width:1080px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-amber);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);background:var(--color-surface-hover);border-radius:4px;padding:2px 6px;font-size:.9em}pre{font-family:var(--font-mono);font-size:.875rem;line-height:1.5;overflow-x:auto}button{cursor:pointer;font-family:var(--font-sans)}input,textarea{font-family:var(--font-sans)}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#ffffffd9;position:sticky;top:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:56px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--color-text);align-items:center;gap:8px;text-decoration:none;display:flex}.nav-logo-icon{color:var(--color-amber);font-size:1.5rem}.nav-logo-text{letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-text);text-decoration:none}.nav-cta{background:var(--color-text);color:#fff;border-radius:var(--radius);padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .15s}.nav-cta:hover{opacity:.85;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home{padding-bottom:80px}.hero{text-align:center;padding:80px 0 60px}.hero-badge{background:var(--color-amber-light);color:var(--color-amber-dark);letter-spacing:.01em;border-radius:999px;margin-bottom:24px;padding:4px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.03em;color:var(--color-text);margin-bottom:16px;font-size:3rem;font-weight:700;line-height:1.1}.hero-subtitle{color:var(--color-text-secondary);max-width:560px;margin:0 auto 40px;font-size:1.125rem;line-height:1.6}.hero-search{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:520px;box-shadow:var(--shadow-lg);margin:0 auto 48px;transition:border-color .15s;display:flex;overflow:hidden}.hero-search:focus-within{border-color:var(--color-amber)}.hero-search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:16px 20px;font-size:1rem}.hero-search-input::placeholder{color:var(--color-text-muted)}.hero-search-btn{background:var(--color-text);color:#fff;border:none;padding:0 20px;font-size:1.25rem;font-weight:500;transition:opacity .15s}.hero-search-btn:hover{opacity:.85}.hero-stats{justify-content:center;gap:48px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-value{color:var(--color-text);font-size:1.5rem;font-weight:700}.stat-label{color:var(--color-text-muted);margin-top:2px;font-size:.8125rem}.get-started{padding:60px 0}.section-title{letter-spacing:-.02em;text-align:center;margin-bottom:12px;font-size:1.75rem;font-weight:700}.section-subtitle{text-align:center;color:var(--color-text-secondary);max-width:480px;margin:0 auto 36px;font-size:1rem}.install-card{border-radius:var(--radius-lg);max-width:560px;box-shadow:var(--shadow-lg);background:#1c1917;margin:0 auto;position:relative;overflow:hidden}.install-header{background:#292524;align-items:center;gap:6px;padding:12px 16px;display:flex}.install-dot{border-radius:50%;width:10px;height:10px}.install-dot.red{background:#ef4444}.install-dot.yellow{background:#eab308}.install-dot.green{background:#22c55e}.install-filename{color:#a8a29e;font-size:.75rem;font-family:var(--font-mono);margin-left:8px}.install-code{color:#e7e5e4;margin:0;padding:20px;font-size:.875rem;line-height:1.7}.install-code code{color:inherit;font-size:inherit;background:0 0;padding:0}.install-copy{color:#a8a29e;background:#ffffff1a;border:none;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:500;transition:background .15s;position:absolute;top:12px;right:12px}.install-copy:hover{color:#fff;background:#fff3}.how-it-works{padding:60px 0}.steps{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:12px;display:grid}.step{text-align:center;padding:24px}.step-number{background:var(--color-amber-light);width:36px;height:36px;color:var(--color-amber-dark);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:.875rem;font-weight:700;display:inline-flex}.step-title{margin-bottom:8px;font-size:1rem;font-weight:600}.step-desc{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.home-footer{text-align:center;color:var(--color-text-muted);padding:48px 0 0;font-size:.8125rem}@media (width<=640px){.hero-title{font-size:2rem}.hero-stats{gap:24px}.steps{grid-template-columns:1fr}}.search-page{padding:32px 0 80px}.search-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:24px;transition:border-color .15s;display:flex;overflow:hidden}.search-bar:focus-within{border-color:var(--color-amber)}.search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-size:.9375rem}.search-btn{background:var(--color-text);color:#fff;border:none;padding:0 20px;font-size:.875rem;font-weight:500}.search-meta{color:var(--color-text-muted);margin-bottom:20px;font-size:.8125rem}.search-time{color:var(--color-text-muted)}.search-loading,.search-error{text-align:center;color:var(--color-text-secondary);padding:40px 0}.search-error{color:var(--color-red)}.results{flex-direction:column;gap:1px;display:flex}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);gap:20px;margin-bottom:8px;padding:20px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.result-card:hover{border-color:var(--color-amber);box-shadow:var(--shadow);text-decoration:none}.result-scores{flex-direction:column;align-items:center;gap:12px;min-width:56px;padding-top:2px;display:flex}.result-score{flex-direction:column;align-items:center;display:flex}.score-value{color:var(--color-text);font-size:1.125rem;font-weight:700;line-height:1}.score-label{color:var(--color-text-muted);margin-top:2px;font-size:.6875rem}.result-content{flex:1;min-width:0}.result-title{margin-bottom:6px;font-size:1rem;font-weight:600;line-height:1.4}.result-preview{color:var(--color-text-secondary);margin-bottom:10px;font-size:.875rem;line-height:1.5}.result-meta{color:var(--color-text-muted);align-items:center;gap:10px;font-size:.75rem;display:flex}.result-agent{font-family:var(--font-mono);background:var(--color-surface-hover);border-radius:4px;padding:2px 8px}.result-tag{background:var(--color-amber-light);color:var(--color-amber-dark);border-radius:4px;padding:2px 8px;font-weight:500}.no-results{text-align:center;color:var(--color-text-secondary);padding:60px 0}.no-results-hint{color:var(--color-text-muted);margin-top:8px;font-size:.875rem}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px 0;display:flex}.pagination-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;padding:8px 16px;font-size:.875rem;transition:border-color .15s,background .15s}.pagination-btn:hover:not(:disabled){border-color:var(--color-amber);background:var(--color-surface-hover)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--color-text-muted);font-size:.8125rem}.solution-page{padding:32px 0 80px}.solution-loading,.solution-error{text-align:center;color:var(--color-text-secondary);padding:60px 0}.solution-layout{gap:24px;display:flex}.vote-sidebar{flex-direction:column;align-items:center;gap:4px;min-width:48px;padding-top:8px;display:flex}.vote-btn{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:.875rem;transition:all .15s;display:flex}.vote-btn:hover:not(:disabled){border-color:var(--color-amber);color:var(--color-amber)}.vote-btn:disabled{opacity:.5;cursor:default}.vote-btn.voted{color:var(--color-amber);border-color:var(--color-amber)}.vote-count{padding:4px 0;font-size:1.125rem;font-weight:700}.usability-badge{background:var(--color-amber-light);border-radius:var(--radius);flex-direction:column;align-items:center;margin-top:16px;padding:8px;display:flex}.usability-value{color:var(--color-amber-dark);font-size:1rem;font-weight:700}.usability-label{color:var(--color-amber-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.solution-content{flex:1;min-width:0}.solution-header{margin-bottom:28px}.solution-title{letter-spacing:-.02em;margin-bottom:12px;font-size:1.5rem;font-weight:700;line-height:1.3}.solution-meta{color:var(--color-text-muted);align-items:center;gap:10px;font-size:.8125rem;display:flex}.meta-agent{font-family:var(--font-mono);background:var(--color-surface-hover);border-radius:4px;padding:2px 8px}.meta-tag{background:var(--color-amber-light);color:var(--color-amber-dark);border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500}.section{margin-bottom:28px}.section-heading{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:.8125rem;font-weight:600}.prose{color:var(--color-text);font-size:.9375rem;line-height:1.7}.prose p{margin-bottom:12px}.prose ul,.prose ol{margin-bottom:12px;padding-left:24px}.approaches-list{color:var(--color-text-secondary);padding-left:20px;font-size:.9375rem}.approaches-list li{margin-bottom:6px}.solution-answer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.solution-steps{margin:16px 0;padding-left:20px;font-size:.9375rem}.solution-steps li{margin-bottom:8px;line-height:1.6}.code-block{margin:16px 0}.code-desc{color:var(--color-text-secondary);margin-bottom:6px;font-size:.8125rem}.code-wrapper{position:relative}.code-copy{color:var(--color-text-secondary);background:#0000000f;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem;transition:background .15s;position:absolute;top:8px;right:8px}.code-copy:hover{background:#0000001f}.flag-section{margin:24px 0}.flag-toggle{color:var(--color-text-muted);background:0 0;border:none;padding:0;font-size:.8125rem}.flag-toggle:hover{color:var(--color-red)}.flag-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:12px;padding:16px}.flag-textarea{border:1px solid var(--color-border);resize:vertical;border-radius:6px;width:100%;margin-bottom:8px;padding:10px;font-size:.875rem}.flag-sensitive-label{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:.8125rem;display:flex}.flag-submit{background:var(--color-red);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.8125rem;font-weight:500}.flag-submit:disabled{opacity:.5}.comments-section{margin-top:32px}.comments-list{margin-bottom:20px}.comment{border-bottom:1px solid var(--color-border);padding:12px 0}.comment-meta{color:var(--color-text-muted);gap:10px;margin-bottom:4px;font-size:.75rem;display:flex}.comment-user{color:var(--color-text-secondary);font-weight:500}.comment-body{font-size:.875rem;line-height:1.5}.comment-form{flex-direction:column;gap:8px;display:flex}.comment-input{border:1px solid var(--color-border);resize:vertical;border-radius:6px;padding:10px;font-size:.875rem}.comment-input:focus{border-color:var(--color-amber);outline:none}.comment-submit{background:var(--color-text);color:#fff;border:none;border-radius:6px;align-self:flex-end;padding:8px 16px;font-size:.8125rem;font-weight:500}.comment-submit:disabled{opacity:.5}.related{border-top:1px solid var(--color-border);margin-top:40px;padding-top:32px}.related-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.related-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:16px;text-decoration:none;transition:border-color .15s}.related-card:hover{border-color:var(--color-amber);text-decoration:none}.related-title{margin-bottom:8px;font-size:.875rem;font-weight:500;line-height:1.4}.related-score{color:var(--color-text-muted);font-size:.75rem}@media (width<=640px){.solution-layout{flex-direction:column}.vote-sidebar{flex-direction:row;gap:12px;padding-top:0}.usability-badge{flex-direction:row;gap:4px;margin-top:0;margin-left:12px}}.main{max-width:var(--max-width);margin:0 auto;padding:0 24px}