:root{--bg-base: #f3f0f3;--text-base: black;--adapt-l: 0;--adapt-c: 0;--text-target-l: .98;--shadow-opacity-ambient: 15%;--shadow-opacity-direct: 30%;--color-primary: oklch(from #9750dd calc(l + var(--adapt-l)) calc(c - var(--adapt-c)) h);--color-on-primary: oklch(from var(--color-primary) var(--text-target-l) c h);--color-secondary: oklch(from #50C9DD calc(l + var(--adapt-l)) calc(c - var(--adapt-c)) h);--color-on-secondary: oklch(from var(--color-secondary) var(--text-target-l) c h);--color-accent: oklch(from #DD9F50 calc(l + var(--adapt-l)) calc(c - var(--adapt-c)) h);--color-on-accent: oklch(from var(--color-accent) var(--text-target-l) c h);--color-warning: oklch(from #b00020 calc(l + var(--adapt-l)) calc(c - var(--adapt-c)) h);--color-on-warning: oklch(from var(--color-warning) var(--text-target-l) c h);--color-success: oklch(from #55C77A calc(l + var(--adapt-l)) calc(c - var(--adapt-c)) h);--color-on-success: oklch(from var(--color-warning) var(--text-target-l) c h);--emphasis-high: oklch(from var(--text-base) l c h / .87);--emphasis-medium: oklch(from var(--text-base) l c h / .6);--emphasis-low: oklch(from var(--text-base) l c h / .38);--color-bg: color-mix(in srgb, var(--color-primary) 8%, var(--bg-base));--shadow-ambient: color-mix(in srgb, black var(--shadow-opacity-ambient), transparent);--shadow-direct: color-mix(in srgb, black var(--shadow-opacity-direct), transparent);--surface-1dp: color-mix(in srgb, var(--color-primary) 5%, var(--color-bg));--surface-4dp: color-mix(in srgb, var(--color-primary) 11%, var(--color-bg));--elevation-1: 0 1px 3px 0 var(--shadow-ambient), 0 1px 2px 0 var(--shadow-direct);--elevation-4: 0 4px 5px 0 var(--shadow-ambient), 0 1px 10px 0 var(--shadow-direct);--font-text-sans-serif: "Manrope", sans-serif;--font-text-serif: "DM Serif Display", serif}@media(prefers-color-scheme:dark){:root{--bg-base: #121212;--text-base: white;--adapt-l: .15;--adapt-c: .05;--text-target-l: .15;--shadow-opacity-ambient: 30%;--shadow-opacity-direct: 50%}}*{box-sizing:border-box;padding:0;margin:0}html{font-size:clamp(55%,.52vw,66%)}:not(input):not(select):not(textarea){text-box:trim-both cap alphabetic}app-root{display:flex;flex-direction:column;min-height:100vh;font-family:var(--font-text-sans-serif);font-size:1.6rem;color:var(--emphasis-high);background-color:var(--color-bg)}main{flex:1 1 auto}img,svg{max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;outline:none}input{color:inherit;border:none}