@import"https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap";*{margin:0;padding:0;outline:none;border:none;box-sizing:border-box}.dark,:root{--bg:#1f1b18;--bg-surface:#2a241f;--bg-card:#332b24;--border:#f4d4a4;--border-hover:#ffd166;--text:#fdf6e3;--text-sub:#f3e9d2;--text-muted:#c9b79c;--text-dim:#8b7355;--accent:#ffb703;--accent2:#ff6b6b;--accent-text:#1f1b18;--ink:#fff8e7;--yellow:#ffd166;--panel-bg:#2a241f;--panel-border:#f4d4a4;--font-bang:"Bangers","Impact",cursive;--font-body:"Comic Neue","Comic Sans MS",cursive}.light{--bg:#fffef0;--bg-surface:#fff;--bg-card:#fff9e6;--border:#1a1a2e;--border-hover:#e94560;--text:#1a1a2e;--text-sub:#1f2937;--text-muted:#4b5563;--text-dim:#6b7280;--accent:#059669;--accent2:#e94560;--accent-text:#fff;--ink:#1a1a2e;--yellow:gold;--panel-bg:#fffef0;--panel-border:#1a1a2e;--font-bang:"Bangers","Impact",cursive;--font-body:"Comic Neue","Comic Sans MS",cursive}body{font-family:var(--font-body);color:var(--text);background:var(--bg);background-image:radial-gradient(circle,var(--text-dim) 1px,transparent 1px);background-size:28px 28px;transition:background .2s ease,color .2s ease}main{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}