:root{--color-bg: #111;--color-surface: #1c1c1c;--color-surface-alt: #2a2a2a;--color-text: #eee;--color-text-muted: #999;--color-accent: #c9974a;--color-accent-alt: #8b3a2f;--color-border: #333;--font-display: "Cinzel";--font-body: "Cormorant Garamond";--font-ui: "Cinzel";--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--radius: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body),Georgia,serif;font-size:18px;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}h1,h2,h3{font-family:var(--font-display),serif;font-weight:400;letter-spacing:.04em;margin:0 0 var(--space-2)}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.4rem}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:inset 0 1px #ffffff08,0 6px 18px #0006;padding:var(--space-4)}.rule{height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);border:none;margin:var(--space-3) auto;width:60%}.accent{color:var(--color-accent)}.muted{color:var(--color-text-muted)}