*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#c4622d;--color-secondary:#5a7a5c;--color-accent:#f0a500;--color-bg:#faf6f0;--color-bg-elevated:#f5ede0;--color-border:#e8d5be;--color-text:#3d2510;--color-text-secondary:#7a6045}html,body{height:100%}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3,h4{font-family:Playfair Display,Georgia,serif}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.masonry-grid{columns:4;column-gap:12px}.masonry-item{break-inside:avoid;margin-bottom:12px}@media (width<=1200px){.masonry-grid{columns:3}}@media (width<=768px){.masonry-grid{columns:2}}@media (width<=480px){.masonry-grid{columns:1}}.feed-card{transition:transform .2s,box-shadow .2s}.feed-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c4622d1f}