:root{--color-primary-hue: 280;--color-primary-sat: 60%;--color-primary-lightness: 60%;--color-accent-hue: 330;--color-accent-sat: 70%;--color-accent-lightness: 65%;--c-primary: hsl(var(--color-primary-hue), var(--color-primary-sat), var(--color-primary-lightness));--c-primary-dark: hsl(var(--color-primary-hue), var(--color-primary-sat), 40%);--c-primary-light: hsl(var(--color-primary-hue), var(--color-primary-sat), 85%);--c-accent: hsl(var(--color-accent-hue), var(--color-accent-sat), var(--color-accent-lightness));--c-period-bg: #ffcccc;--c-neutral-bg: #e0e0e0;--c-power-border: #ff0000;--c-black-border: #000000;--c-no-fasting-border: #888888;--c-bg-app: #f8f9fa;--c-text-main: #2d3436;--c-text-muted: #636e72;--c-surface: #ffffff;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 3rem;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-float: 0 8px 30px rgba(0, 0, 0, .12)}@media(prefers-color-scheme:dark){:root{--c-bg-app: #1a1b1e;--c-surface: #25262b;--c-text-main: #e9ecef;--c-text-muted: #adb5bd;--c-primary: hsl(var(--color-primary-hue), var(--color-primary-sat), 70%)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family),serif;background-color:var(--c-bg-app);color:var(--c-text-main);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{line-height:1.2;font-weight:700}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}input,select{font-family:inherit}