:root{font-size:1rem;font-family:"Source Sans 3",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;--background-100: hsla(50, 0%, 80%, 100%);--background-200: hsla(50, 0%, 70%, 100%);--background-300: hsla(50, 0%, 60%, 100%);--foreground-100: hsla(50, 0%, 10%, 100%);--foreground-200: hsla(50, 0%, 15%, 100%);--foreground-300: hsla(50, 0%, 20%, 100%);--error: hsla(350, 70%, 50%, 100%);--success: hsla(150, 60%, 40%, 100%);--theme: light;color-scheme:light}@media(prefers-color-scheme:dark){:root{--theme: dark;color-scheme:dark}}body{background-color:var(--background-100);color:var(--foreground-100)}@container style(--theme: dark){body{--background-100: hsla(50, 0%, 10%, 100%);--background-200: hsla(50, 0%, 15%, 100%);--background-300: hsla(50, 0%, 20%, 100%);--foreground-100: hsla(50, 0%, 80%, 100%);--foreground-200: hsla(50, 0%, 70%, 100%);--foreground-300: hsla(50, 0%, 60%, 100%);background-color:var(--background-100);color:var(--foreground-100)}}:root:has([value=light]:checked){--theme: light;color-scheme:light}:root:has([value=dark]:checked){--theme: dark;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}button.svelte-1klcfz0{display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--foreground-100);background-color:var(--background-100);height:100%;aspect-ratio:var(--aspect-ratio);cursor:pointer;border-radius:.2em}button>svg{width:1.2em;height:1.2em}button>svg>.outline{stroke:var(--outline-color)}label.svelte-j8yw6l{flex:1;position:relative;height:100%}label.svelte-j8yw6l:has(input:where(.svelte-j8yw6l):placeholder-shown) span:where(.svelte-j8yw6l){left:.5em;top:25%;border:none;font-size:1.2em;color:var(--foreground-300)}label.svelte-j8yw6l:has(input:where(.svelte-j8yw6l):focus) span:where(.svelte-j8yw6l){position:absolute;left:.5em;top:-.5em;font-size:.8em;padding:0 .4em;background-color:var(--background-100);border:1px solid var(--foreground-100);font-weight:700}input.svelte-j8yw6l{border:1px solid var(--foreground-100);border-radius:.2em;background-color:var(--background-100);width:100%;height:100%;padding:.5em}input.svelte-j8yw6l:focus{outline:none}input.svelte-j8yw6l::placeholder{color:transparent}span.svelte-j8yw6l{position:absolute;left:.5em;top:-.5em;font-size:.8em;padding:0 .4em;background-color:transparent;border:1px solid var(--foreground-100);font-weight:700;cursor:text;transition:all .15s ease-in}li.svelte-k12ry5{display:flex;height:auto;gap:.25em;padding:.4em}li.svelte-k12ry5 .checkbox-wrapper:where(.svelte-k12ry5){display:flex;align-items:center;justify-content:center;position:relative}li.svelte-k12ry5 .checkbox-wrapper:where(.svelte-k12ry5) input[type=checkbox]:where(.svelte-k12ry5){appearance:none;border:1px solid var(--foreground-100);width:1.5em;height:1.5em;border-radius:.2em;margin:0;cursor:pointer}li.svelte-k12ry5 .checkbox-wrapper:where(.svelte-k12ry5) svg{position:absolute;left:-2px;stroke-dasharray:19;stroke-dashoffset:19;pointer-events:none;transition:all .3s ease-in}li.svelte-k12ry5 .checkbox-wrapper:where(.svelte-k12ry5):has(input[type=checkbox]:where(.svelte-k12ry5):checked) svg{stroke-dashoffset:0}li.svelte-k12ry5 input[type=text]:where(.svelte-k12ry5){flex:1;border:none;background-color:var(--background-100)}li.svelte-k12ry5 input[type=text]:where(.svelte-k12ry5):focus{outline:none}li.svelte-k12ry5 input[type=text]:where(.svelte-k12ry5):disabled{color:var(--foreground-300)}li.svelte-k12ry5 button{width:1.5em;height:1.5em;background-color:var(--background-100);border:1px solid var(--foreground-100);transition:all .1s ease-in}li.svelte-k12ry5 button svg{transition:all .1s ease-in}li.svelte-k12ry5 .delete:hover{border-color:var(--error);box-shadow:0 4px 6px -2px #d9264440}li.svelte-k12ry5 .edit:hover,li.svelte-k12ry5 .confirm:hover{border-color:var(--success);box-shadow:0 4px 6px -2px #29a36640}li.svelte-k12ry5 .close:hover{border-color:var(--error);box-shadow:0 4px 6px -2px #d9264440}li.svelte-k12ry5 .delete:hover svg{color:var(--error)}li.svelte-k12ry5 .edit:hover svg{color:var(--success)}li.svelte-k12ry5 .confirm:hover svg{color:var(--success)}li.svelte-k12ry5 .close:hover svg{color:var(--error)}label.svelte-1sldvw3{display:flex;align-items:center;justify-content:center;width:2em;height:2em;position:relative;padding:.2em}label.svelte-1sldvw3:has(input:where(.svelte-1sldvw3):checked) span:where(.svelte-1sldvw3){stroke:var(--background-100);color:var(--background-100)}span.svelte-1sldvw3{position:absolute;display:flex;width:1.5em;height:1.5em;align-items:center;justify-content:center;pointer-events:none}input.svelte-1sldvw3{appearance:none;margin:0;width:100%;height:100%;border:1px solid var(--foreground-100);border-radius:.2em;cursor:pointer}input.svelte-1sldvw3:checked{background-color:var(--foreground-100)}header.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:auto;margin-right:auto;padding:1.2em 0}header.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:1.5rem;text-align:right}header.svelte-1n46o8q h1:where(.svelte-1n46o8q) span:where(.svelte-1n46o8q){color:#ff3e00}main.svelte-1n46o8q{width:100%;height:100svh;margin-left:auto;margin-right:auto;padding:.5em}form.svelte-1n46o8q{display:flex;align-items:center;height:2.5em;gap:.5em;margin-top:2em}.theme-container.svelte-1n46o8q{display:flex}ul.svelte-1n46o8q{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5em}ul.svelte-1n46o8q h2:where(.svelte-1n46o8q){color:var(--foreground-300);font-weight:400;font-size:1.2em}@media(min-width:700px){header.svelte-1n46o8q{width:45%}main.svelte-1n46o8q{width:45%}}@media(min-width:1400px){header.svelte-1n46o8q{width:30%}main.svelte-1n46o8q{width:30%}}.drag-over{border:1px solid #ff3e00;border-radius:.2em}
