:root {
  --bg-primary: #08080d;
  --bg-secondary: #0e0e15;
  --bg-surface: rgba(255,255,255,0.03);
  --text-primary: #eaeaf0;
  --text-secondary: #7c7c8a;
  --text-muted: #505060;
  --accent-gold: #fbbf24;
  --accent-blue: #60a5fa;
  --font-sans: 'Inter', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { -webkit-font-smoothing:antialiased; scroll-behavior:smooth; }
body {
  font-family: var(--font-sans);
  background: var(--bg-primary);
  color: var(--text-primary);
  min-height: 100vh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 2rem;
}
body::after {
  content:''; position:fixed; inset:0; z-index:10000; pointer-events:none; opacity:0.032;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat:repeat; background-size:256px 256px;
}
.placeholder-hero { text-align:center; }
.placeholder-hero h1 { font-size:clamp(2.5rem,8vw,5rem); font-weight:800; letter-spacing:-0.03em; margin-bottom:1rem; }
.placeholder-hero p { color:var(--text-secondary); font-size:1.1rem; }
.site-footer { padding:2rem 1.5rem; text-align:center; border-top:1px solid rgba(255,255,255,0.06); margin-top:auto; }
.site-footer__brand { font-family:var(--font-mono); font-size:0.7rem; letter-spacing:0.15em; text-transform:uppercase; color:var(--text-muted); margin-bottom:0.5rem; }
.site-footer__pulse { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--accent-gold); box-shadow:0 0 8px var(--accent-gold); margin-right:0.5rem; animation:pulse 2.5s ease-in-out infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.5} }
.site-footer__regen,.site-footer__session,.site-footer__timestamp { font-size:0.8rem; color:var(--text-muted); margin-bottom:0.25rem; }
.site-footer__archive { display:inline-flex; margin-top:1rem; font-family:var(--font-mono); font-size:0.68rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-muted); text-decoration:none; }
.site-footer__archive:hover { color:var(--accent-gold); }