:root{--background: hsl(0, 0%, 13%);--background-dark: hsl(222, 50%, 20%);--background-bright: hsl(222, 50%, 32%);--text-primary: hsl(222, 13%, 94%);--text-secondary: hsl(222, 13%, 72%);--chart-background-accidental: hsl(222, 70%, 20%);--chart-background-natural: hsl(222, 70%, 25%);--chart-graph-color: hsl(222, 100%, 70%);--chart-graph-color2: hsl(142, 100%, 70%);--chart-graph-color3: hsl(62, 100%, 70%);--chart-note-highlight: hsla(222, 90%, 50%, .5);--chart-line: hsl(222, 12%, 60%);--chart-dark-line: hsla(222, 12%, 50%, 50%);--chart-text: var(--text-primary);--footer-background: var(--background-bright);--input-color: hsl(222, 100%, 80%);--button-text: var(--text-primary);--button-text-disabled: hsl(222, 0%, 73%);--button-border-disabled: var(--button-text-disabled);--button-border: var(--text-primary);--button-border-hover: hsl(222, 0%, 100%);--settings-background-overlay: hsla(222, 100%, 6%, .502);--settings-background: var(--background-bright);font-family:sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--background)}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}