body{margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.hero{text-align:center;padding:64px 24px 40px}.hero-avatar{object-fit:contain;width:96px;height:96px;margin-bottom:20px}.hero-name{margin-bottom:8px;font-size:2rem}.hero-tagline{color:var(--c7);font-size:.9rem}.site-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;width:100%;max-width:960px;margin:0 auto;padding:0 24px 64px;display:grid}.site-card{color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.site-card-clickable:hover{box-shadow:var(--shadow-popover);transform:translateY(-3px)}.site-card-muted{opacity:.55}.site-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.site-card-name{color:var(--c9);text-transform:lowercase;font-size:1rem;font-weight:600}.site-card-desc{margin:0}.status-live{background:var(--c1);color:var(--c6)}.status-staging{background:var(--c3);color:var(--c8)}.status-in-progress{background:var(--c5);color:#fff}.status-planned{background:var(--c1);color:var(--c7)}.footer{text-align:center;border-top:1px solid var(--c1);padding:24px}.footer-links{justify-content:center;gap:16px;margin-bottom:8px;display:flex}.footer-link{color:var(--c6);font-size:.8rem;font-weight:600;text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-copy{margin:0}@media (width<=480px){.site-grid{grid-template-columns:1fr}}