:root{color-scheme:light;--bg: #f7f4ee;--bg-page: #f7f4ee;--surface: #ffffff;--surface-alt: #f1ebdE;--surface-hover: #e8e0ce;--surface-translucent: rgba(255, 255, 255, .92);--border: #dcd3bf;--border-subtle: #e7dfce;--text: #171410;--text-muted: #4a4133;--text-dim: #6d614e;--gold: #8e5c14;--gold-light: #b38634;--gold-bg: rgba(142, 92, 20, .11);--gold-border: rgba(142, 92, 20, .38);--gold-hover: #754a0d;--card-shadow: 0 4px 18px -2px rgba(90, 75, 50, .07), 0 1px 3px rgba(0, 0, 0, .04);--input-bg: #ffffff;--input-border: #d4c9b3;--sidebar-bg: #f0eae0;--header-bg: rgba(247, 244, 238, .96);--player-bg: rgba(243, 238, 229, .98);--modal-bg: #ffffff;--chip-bg: #ece5d6}:root.dark,html.dark{color-scheme:dark;--bg: #070b14;--bg-page: #070b14;--surface: #0f1524;--surface-alt: #141c2e;--surface-hover: #1a243a;--surface-translucent: rgba(15, 21, 36, .85);--border: rgba(255, 255, 255, .11);--border-subtle: rgba(255, 255, 255, .06);--text: #e8e4dc;--text-muted: #a6b2c4;--text-dim: #79879c;--gold: #dfc894;--gold-light: #f1dfb5;--gold-bg: rgba(223, 200, 148, .15);--gold-border: rgba(223, 200, 148, .35);--gold-hover: #ebd9ad;--card-shadow: 0 4px 24px -2px rgba(0, 0, 0, .55);--input-bg: rgba(18, 26, 44, .7);--input-border: rgba(255, 255, 255, .14);--sidebar-bg: #080c15;--header-bg: rgba(8, 12, 21, .95);--player-bg: rgba(8, 13, 26, .95);--modal-bg: #0f1424;--chip-bg: rgba(255, 255, 255, .08)}html,body{margin:0;background-color:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.font-serif-myth{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}::selection{background:var(--gold-bg);color:var(--text)}input[type=range]{accent-color:var(--gold);width:100%}.twinkle{animation:twinkle 7s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.anim-rain{animation:rain 16s linear infinite}@keyframes rain{0%{transform:translateY(0)}to{transform:translateY(500px)}}.anim-drift{animation:drift 50s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(-50px)}to{transform:translate(50px)}}.anim-rise{animation:rise 20s linear infinite}@keyframes rise{0%{transform:translateY(0);opacity:0}10%{opacity:.9}to{transform:translateY(-280px);opacity:0}}.anim-breathe{animation:breathe 22s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.ken-burns{animation:kenburns 120s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.05)}to{transform:scale(1.14) translateY(-1.5%)}}.fade-in{animation:fadein .3s ease-out both}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.twinkle,.anim-rain,.anim-drift,.anim-rise,.anim-breathe,.ken-burns{animation:none}}
