._allmight_16xi2_1{height:100%;inset:0;object-fit:cover;position:fixed;width:100%}._wrapper_1l6r0_1{gap:calc(var(--scale) * 2);grid-column:1/-1;margin-block:calc(var(--scale) * 4);text-align:center}._wrapper_1l6r0_1 button{margin-top:var(--scale)}._footer_16z76_1{background-color:var(--color-base);border-top:1px solid oklch(from currentColor l c h / .12);bottom:0;display:grid;gap:inherit;grid-column:1 / -1;grid-template-columns:minmax(33vw,max-content);inset-inline:0;justify-content:center;padding:var(--scale);position:fixed}@media not (max-width:400px){._footer_16z76_1{grid-auto-flow:column;grid-template-columns:unset}}._delete_16z76_20:hover,._delete_16z76_20:focus-visible{background-color:var(--color-danger)}._header_1qp2k_1{display:grid;gap:inherit;grid-auto-columns:max-content;grid-auto-flow:column;grid-column:1 / -1;justify-content:space-between}._add_1qp2k_10{background-color:var(--color-accent);color:var(--color-base)}._add_1qp2k_10:hover,._add_1qp2k_10:focus-visible{background-color:oklch(from var(--color-accent) l c h / .8)}._dialog_6nyva_1{gap:calc(var(--scale) * .5);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));max-width:400px}._dialog_6nyva_1>*:not(button){grid-column:1 / -1}._container_1eqpx_1{container-type:inline-size;grid-area:form}._form_1eqpx_6{align-items:center;display:grid;gap:0 .6em;grid-template:"completed title" auto / max-content 1fr;position:relative}._form_1eqpx_6 :where(input){display:block;width:100%}._title_1eqpx_21{font-weight:600;grid-area:title}._completed_1eqpx_26{border:1px solid;border-radius:50%;grid-area:completed;height:calc(var(--scale) * 1.5);position:relative;width:calc(var(--scale) * 1.5)}._completed_1eqpx_26:after{background-color:var(--color-main);content:"";inset:18%;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='currentColor'%3e%3cpath%20d='M382-240%20154-468l57-57%20171%20171%20367-367%2057%2057-424%20424Z'/%3e%3c/svg%3e") no-repeat center / contain;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='currentColor'%3e%3cpath%20d='M382-240%20154-468l57-57%20171%20171%20367-367%2057%2057-424%20424Z'/%3e%3c/svg%3e") no-repeat center / contain;opacity:0;position:absolute}:is(._completed_1eqpx_26:hover,._completed_1eqpx_26:focus-visible):after{opacity:1}._isCompleted_1eqpx_51{color:oklch(from currentColor l c h / .48)}._isCompleted_1eqpx_51 ._completed_1eqpx_26{background-color:var(--color-success);border-color:var(--color-success)}._isCompleted_1eqpx_51 ._completed_1eqpx_26:after{opacity:1}._isCompleted_1eqpx_51 textarea{text-decoration:line-through}._move_ghp2m_1{background:transparent;border:unset;cursor:move;display:grid;height:32px;padding:0;place-items:center;width:32px}._move_ghp2m_1:active,._move_ghp2m_1:hover{background-color:color-mix(in srgb,transparent,currentColor 6%)}._move_ghp2m_1 svg{height:auto;width:1em}._todo_a1lb1_1{align-items:start;border:1px solid currentColor;border-radius:8px;display:grid;gap:inherit;grid-column:1 / -1;grid-template:subgrid / subgrid;padding:calc(var(--scale) * .5);position:relative}._select_a1lb1_13,._delete_a1lb1_14{top:50%;translate:0 -50%}._select_a1lb1_13{background-color:transparent;opacity:.48;padding:0;padding:calc(var(--scale) * .25);position:absolute;right:calc(100% + var(--scale) * .5);width:calc(var(--scale) * 2)}._select_a1lb1_13 svg{display:block;height:100%;width:100%}._select_a1lb1_13[aria-checked=true],._select_a1lb1_13:hover,._select_a1lb1_13:focus-visible{background-color:transparent;opacity:1}._delete_a1lb1_14{left:calc(100% + var(--scale) * .5);padding:calc(var(--scale) * .5);position:absolute}._delete_a1lb1_14:hover,._delete_a1lb1_14:focus-visible{background-color:var(--color-danger)}._remove_a1lb1_53:hover,._remove_a1lb1_53:focus-visible{background-color:var(--color-danger)}._keep_a1lb1_60{background-color:var(--color-accent);color:var(--color-base)}._keep_a1lb1_60:hover,._keep_a1lb1_60:focus-visible{background-color:oklch(from var(--color-accent) l c h / .8)}._handle_a1lb1_70{grid-area:handle;height:100%}._list_1hr24_1{display:grid;gap:inherit;grid-column:1 / -1;grid-template-columns:subgrid;padding-bottom:calc(var(--scale) * 12)}@media not (max-width:400px){._list_1hr24_1{padding-bottom:calc(var(--scale) * 6)}}._wrapper_gxvfh_1{display:grid;gap:.6em;grid-auto-rows:auto;grid-template-areas:"handle form";grid-template-columns:max-content 1fr}._header_gxvfh_9{display:grid;gap:inherit;grid-column:1 / -1;grid-template-columns:subgrid}#root{display:grid;grid-template:"header" auto "main" 1fr;min-height:100dvh}.main{display:grid;grid-area:main;grid-template-columns:min(calc(100vw - var(--scale) * 8),720px);place-content:start center}.header{font-size:calc(var(--scale) * 2);margin-block:2rem;rotate:-3deg;translate:0 -12%}.header h1{font-size:inherit;font-style:italic;line-height:1}.header p{font-size:.3em;font-style:italic;line-height:2;opacity:.6}.header a{margin-inline-start:.6ch}.header a svg{height:1.2em;margin-inline-end:.6ch;translate:0 -10%;vertical-align:middle;width:auto}@layer base{:root{--color-base: light-dark(#f1e9fc, #332844);--color-main: light-dark(#1d1c2c, #d5d3f0);--color-accent: light-dark(#216eb5, #61b3ff);--color-danger: light-dark(#f83131, #be0f0f);--color-success: light-dark(#14c354, #0f903e);--scale: clamp(.75rem, .5357rem + 1.0714vw, 1.5rem);color-scheme:light dark}::selection{background-color:var(--color-main);color:var(--color-base)}*,*:before,*:after{box-sizing:border-box;color:currentcolor;margin:0;padding:0;transition-behavior:allow-discrete;vertical-align:baseline}[role=presentation],:disabled{pointer-events:none}:focus{outline:1px solid}@supports selector(:focus-visible){:focus{outline:none}}:focus-visible{outline:1px solid}:target{scroll-margin-block:1rlh}html{text-size-adjust:none}body{background-color:var(--color-base);color:var(--color-main);font:200 var(--scale)/1.4 system-ui,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-height:100dvh;text-rendering:geometricprecision}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,p{margin:0}a:where(:not([class])){color:currentcolor;text-decoration-skip-ink:auto}button,input,select,textarea{appearance:unset;font:inherit}button,input[type=button],input[type=checkbox],input[type=radio],select,input{cursor:pointer}button,input[type=button]{background-color:oklch(from currentColor l c h / .12);border:unset;border-radius:4px;display:inline-flex;font-size:.8em;font-weight:600;gap:.6ch;padding:.4em .8em;place-content:center;place-items:center}:is(button,input[type=button]) svg{height:1.2em;width:auto}:is(button,input[type=button]) :active{outline:unset}:is(button,input[type=button]):disabled{cursor:not-allowed;opacity:.48}:is(button,input[type=button]):hover,:is(button,input[type=button]):focus-visible{background-color:oklch(from currentColor l c h / .18);outline:unset}input,textarea{appearance:none;background:unset;border:unset;border-bottom:oklch(from currentcolor l c h / 0) 1px solid;padding:.4em 0}:is(input,textarea)::placeholder{color:color-mix(in oklch,var(--color-main),var(--color-base) 60%);font-style:italic}:is(input,textarea):focus{outline:unset}:is(input,textarea):hover,:is(input,textarea):focus-visible{border-color:oklch(from currentcolor l c h / .18)}:is(input,textarea)[type=checkbox],:is(input,textarea)[type=radio]{display:grid;height:1.5em;padding:unset;place-items:center;width:1.5em}:is(input,textarea)[type=checkbox]:checked:after{content:"✓"}:is(input,textarea)[type=radio]{border-radius:50%}:is(input,textarea)[type=radio][checked]:after{background-color:currentColor;content:""}textarea{height:3lh;resize:vertical;width:100%}@supports (field-sizing: content){textarea{field-sizing:content;height:auto;resize:none}}label:has(>input[type=checkbox],>input[type=radio]){align-items:center;display:inline-grid;gap:.4em;grid-template-columns:auto 1fr}dialog{background-color:var(--color-base);border:1px solid oklch(from currentColor l c h / .2);margin:auto;padding:3rem;text-align:center;width:calc(100vw - 4rem)}dialog::backdrop{background:var(--color-base);opacity:.8}:where(dialog[open]){display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(8ch,1fr));margin-top:1rem}h1,h2,h3{text-wrap:balance}img,picture{display:block;height:auto;max-width:100%}:is(ul,ol):where([class]){list-style-type:none;margin:unset;padding:unset}}