body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg)}main{flex:1;display:flex;flex-direction:column;padding-bottom:2rem;color:var(--text)}.page-container{width:100%;margin-inline:auto;max-width:42rem;padding:2rem 1rem}.spinner-wrap{display:flex;justify-content:center;padding-block:1rem}.spinner-ring{width:1.5rem;height:1.5rem;color:var(--text-muted);animation:spin 1s linear infinite}.feed-list{display:flex;flex-direction:column;gap:1.5rem}.load-more{width:fit-content;align-self:center;> .spinner-icon { width: 1rem; height: 1rem; }}.stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;> .stat { text-align: center; > .value { font-size: 1.5rem; font-weight: 700; } > .label { display: flex; align-items: center; justify-content: center; gap: 0.25rem; margin-top: 0.25rem; font-size: 0.75rem; color: var(--text-muted); > svg { width: 1rem; height: 1rem; } } }}@media(min-width:48rem){.stats-grid{grid-template-columns:repeat(2,1fr)}}.feed-empty{display:flex;flex-direction:column;align-items:center;padding-block:3rem;text-align:center;> .title { font-size: 1.125rem; color: var(--text); } > .subtitle { color: var(--text-muted); } > .cta { margin-top: 1rem; width: fit-content; > svg { width: 1rem; height: 1rem; } } > .message { font-size: 1.125rem; color: var(--text-muted); }}