:root{--text:#4b5563;--text-heading:#111827;--bg:#fff;--bg-card:#f9fafb;--border:#e5e7eb;--accent:#2563eb;--accent-hover:#1d4ed8;--tag-bg:#eff6ff;--tag-text:#1e40af;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-heading:#f3f4f6;--bg:#0f172a;--bg-card:#1e293b;--border:#334155;--accent:#60a5fa;--accent-hover:#93bbfd;--tag-bg:#60a5fa26;--tag-text:#93c5fd;--shadow:0 1px 3px #0000004d;--shadow-lg:0 10px 15px -3px #0006}}*,:before,:after{box-sizing:border-box}body{margin:0}.app{max-width:960px;margin:0 auto;padding:48px 24px}header{text-align:center;margin-bottom:48px}header h1{color:var(--text-heading);letter-spacing:-.5px;margin:0 0 8px;font-size:2.25rem;font-weight:700}header p{color:var(--text);margin:0;font-size:1.125rem}.site-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.site-card{background:var(--bg-card);border:1px solid var(--border);color:inherit;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.site-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.site-card h2{color:var(--text-heading);margin:0;font-size:1.25rem;font-weight:600}.site-card p{color:var(--text);flex-grow:1;margin:0;font-size:.9375rem}.site-card .tag{background:var(--tag-bg);color:var(--tag-text);text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-block}.site-card .arrow{color:var(--accent);font-size:.875rem;font-weight:500}footer{text-align:center;border-top:1px solid var(--border);color:var(--text);margin-top:64px;padding-top:24px;font-size:.875rem}