:root{--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--font-mono:"DM Mono","SF Mono",monospace;--bg:#fafaf8;--bg-card:#fff;--bg-card-elevated:#fff;--bg-highlight:#fff9eb;--bg-highlight-border:#f0d68a;--bg-input:#fff;--bg-tag:#f0efeb;--bg-tag-active:#1a1a18;--text-primary:#1a1a18;--text-secondary:#6b6a65;--text-tertiary:#9c9b96;--text-inverse:#fafaf8;--text-link:#2563eb;--text-highlight:#92700c;--border:#e5e4e0;--border-hover:#c8c7c2;--border-focus:#1a1a18;--border-highlight:#e8cc6e;--accent:#1a1a18;--accent-muted:#f0efeb;--success:#16803c;--success-bg:#ecfdf3;--danger:#dc2626;--danger-bg:#fef2f2;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-lg:0 4px 16px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px}@media(prefers-color-scheme:dark){:root{--bg:#111110;--bg-card:#1c1c1a;--bg-card-elevated:#242422;--bg-highlight:#2a2519;--bg-highlight-border:#5c4d1a;--bg-input:#1c1c1a;--bg-tag:#2a2a28;--bg-tag-active:#fafaf8;--text-primary:#ededeb;--text-secondary:#9c9b96;--text-tertiary:#6b6a65;--text-inverse:#1a1a18;--text-link:#60a5fa;--text-highlight:#e8cc6e;--border:#333330;--border-hover:#4a4a46;--border-focus:#ededeb;--border-highlight:#5c4d1a;--accent:#ededeb;--accent-muted:#2a2a28;--success:#4ade80;--success-bg:#0a2618;--danger:#f87171;--danger-bg:#2a0a0a;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 2px 8px rgba(0,0,0,.3);--shadow-lg:0 4px 16px rgba(0,0,0,.4)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%}.container{margin:0 auto;max-width:1120px;padding:0 20px}.heading-xl{font-size:2.5rem;font-weight:600;letter-spacing:-.03em;line-height:1.15}.heading-lg{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.2}.heading-md{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.heading-sm{font-size:1rem;font-weight:600;line-height:1.4}.text-sm{font-size:.875rem;line-height:1.5}.text-xs{font-size:.75rem;line-height:1.5}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-mono{font-family:var(--font-mono)}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-elevated);border-color:var(--border-hover)}.btn-ghost{background:transparent;border:none;color:var(--text-secondary);padding:6px 12px}.btn-ghost:hover{background:var(--accent-muted);color:var(--text-primary)}.btn-sm{font-size:.8125rem;padding:6px 14px}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;outline:none;padding:12px 16px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1a1a1814}@media(prefers-color-scheme:dark){.input:focus{box-shadow:0 0 0 3px #ededeb1a}}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .15s ease,box-shadow .15s ease}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.card-highlighted{background:var(--bg-highlight);border-color:var(--border-highlight)}.card-highlighted:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-md)}.tag{align-items:center;background:var(--bg-tag);border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px;transition:all .15s ease;white-space:nowrap}.tag-active{background:var(--bg-tag-active);color:var(--text-inverse)}.tag-feature{background:var(--success-bg);color:var(--success)}.tag-matched{background:#eff6ff;color:#2563eb}@media(prefers-color-scheme:dark){.tag-matched{background:#172554;color:#60a5fa}}.tag-spotlight{background:var(--bg-highlight);border-color:var(--border-highlight);color:var(--text-highlight);font-size:.6875rem;padding:2px 8px}.stars{align-items:center;color:#f59e0b;display:inline-flex;gap:2px}.search-container{margin:0 auto;max-width:640px;position:relative}.search-icon{color:var(--text-tertiary);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border-color:var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);font-size:1.0625rem;height:56px;padding-left:48px;padding-right:16px}.search-input:focus,.suggestions{box-shadow:var(--shadow-lg)}.suggestions{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.suggestion-item{cursor:pointer;font-size:.9375rem;padding:12px 16px;transition:background .1s ease}.suggestion-item.active,.suggestion-item:hover{background:var(--accent-muted)}.app-icon{border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;overflow:hidden}.app-icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.feature-grid{display:flex;flex-wrap:wrap;gap:6px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-tag) 25%,var(--border) 50%,var(--bg-tag) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-inner{align-items:center;display:flex;height:60px;justify-content:space-between}.footer{border-top:1px solid var(--border);color:var(--text-tertiary);font-size:.875rem;margin-top:80px;padding:40px 0}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.page-enter-active,.page-leave-active{transition:opacity .15s ease}.page-enter-from,.page-leave-to{opacity:0}