*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none}h1{font-size:2rem;margin:.67em 0}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}audio:not([controls]){display:none}picture{display:contents}source{display:none}img,svg,video,canvas{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}button{background:unset;border:unset}:root{color-scheme:light dark;--color-bg-dark: oklch(.18 0 0);--color-bg: oklch(.23 0 0);--color-bg-light: oklch(.28 0 0);--color-text: oklch(.96 0 0);--color-text-muted: oklch(.76 0 0);--color-border: oklch(.4 0 0);--color-accent: oklch(.745 .18 57);--shadow-s: inset 0 1px 2px #ffffff30, 0 1px 2px #00000030, 0 2px 4px #00000015;--shadow-m: inset 0 1px 2px #ffffff30, 0 2px 4px #00000030, 0 4px 8px #00000015;--shadow-l: inset 0 1px 2px #ffffff30, 0 4px 6px #00000030, 0 6px 10px #00000015}@media (prefers-color-scheme: light){:root{--color-bg-dark: oklch(.9 0 0);--color-bg: oklch(.94 0 0);--color-bg-light: oklch(.98 0 0);--color-text: oklch(.15 0 0);--color-text-muted: oklch(.4 0 0)}}body{background-color:var(--color-bg-dark);color:var(--color-text)}.button{padding:.75em 1.5em;border:1px solid var(--color-accent);color:var(--color-accent);border-radius:.5em;text-transform:capitalize}.button.button-primary{background-color:var(--color-accent);color:#fff}.button:hover{cursor:pointer;translate:0 -2px}.button:disabled{background-color:gray;border-color:gray;color:var(--color-text-muted)}.button:disabled:hover{cursor:default}dialog{position:absolute;top:50%;left:50%;translate:-50% -50%;background-color:var(--color-bg);border:unset;outline:none;box-shadow:var(--shadow-l);grid-template-rows:auto 1fr auto;gap:1em;min-width:350px;min-height:200px;max-width:90vw;max-height:90vh;padding:1em;border-radius:1em}dialog[open]{display:grid}dialog .action-buttons{display:flex;justify-content:end;gap:1em}dialog::backdrop{background-color:#ffffff03;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}input,select{padding:.5em .75em;color:var(--color-text);border:1px solid var(--color-text-muted);border-radius:.5em;background-color:var(--color-bg-light)}