:root{--font-title:"Lora",serif;--font-body:"Inter",sans-serif;--color-background:#fdfcf8;--color-surface:#fff;--color-text-primary:#2d2926;--color-accent:#5f7464;--color-border-strong:#d1cec3;--radius-card:20px;--radius-control:12px;--radius-media:16px;--shadow-card:0 6px 16px #0000001f;--grain-opacity:.04}@media (prefers-color-scheme:dark){:root{--color-background:#161616;--color-surface:#1e1e1e;--color-text-primary:#e8e6de;--color-accent:#8ba391;--color-border-strong:#3d3d3d}}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-background);margin:0}.grain-overlay{pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="2"/></filter><rect width="120" height="120" filter="url(%23n)" opacity="0.4"/></svg>");position:fixed;inset:0}