*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:root{--bg-dark: light-dark(oklch(.92 0 0), oklch(.15 0 0));--bg: light-dark(oklch(.96 0 0), oklch(.2 0 0));--bg-light: light-dark(oklch(1 0 0), oklch(.3 0 0));--text: light-dark(oklch(.15 0 0), oklch(.96 0 0));--text-inverted: light-dark(oklch(.96 0 0), oklch(.15 0 0));--text-muted: light-dark(oklch(.4 0 0), oklch(.76 0 0));--highlight: light-dark(oklch(1 0 0), oklch(.25 0 0));--border: light-dark(oklch(.6 0 0), oklch(.6 0 0));--border-muted: light-dark(oklch(.7 0 0), oklch(.5 0 0));--primary: light-dark(oklch(.4 .1 264), oklch(.76 .1 264));--secondary: light-dark(oklch(.4 .1 84), oklch(.76 .1 84));--danger: light-dark(oklch(.55 .22 25), oklch(.7 .18 20));--warning: light-dark(oklch(.65 .18 70), oklch(.8 .16 75));--success: light-dark(oklch(.5 .05 160), oklch(.7 .05 160));--info: light-dark(oklch(.5 .05 260), oklch(.7 .05 260));--color-shadow-near: light-dark(oklch(0% 0 0 / 12%), oklch(0% 0 0 / 45%));--color-shadow-far: light-dark(oklch(0% 0 0 / 6%), oklch(0% 0 0 / 30%));--shadow-card: 0px 4px 4px var(--color-shadow-near), 0px 10px 10px var(--color-shadow-far)}html{color-scheme:light dark}body{background-color:var(--bg-dark);color:var(--text)}.button{border:2px solid var(--primary);border-radius:.5em;padding:.25em .5em}.button.button-primary{background-color:var(--primary);color:var(--text-inverted)}input:not([type=checkbox]):not([type=radio]){appearance:none;background-color:var(--bg-light);color:var(--text);border:1px solid var(--border-muted);border-radius:.5em;padding:.5em .75em;font-size:1rem;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease}input:not([type=checkbox]):not([type=radio])::placeholder{color:var(--text-muted)}input:not([type=checkbox]):not([type=radio]):hover{border-color:var(--border)}input:not([type=checkbox]):not([type=radio]):focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 25%,transparent)}input:not([type=checkbox]):not([type=radio]):disabled{background-color:var(--bg-dark);color:var(--text-muted);cursor:not-allowed}