:root{--color: 45;--child-ft: 16px;--list-ft: 15px;--title-ft: 18px;--todoo: hsl(340, 45%, 71%);--todoo-f: calc(var(--width2) / 6);--todoo-w: calc(6 * var(--todoo-ft));--todoo-p: calc(3 * var(--todoo-ft) / 4);--todoo-h: calc((2 * var(--todoo-p)) + var(--todoo-ft));--col-insert: light-dark(oklch(.89 .01 var(--color)), oklch(.1 .03 var(--color)));--shw-col-tl: oklch(.9 .03 var(--color));--shw-col-tll: #FFF;--shw-col-br: oklch(.6 .03 var(--color));--shw-col-brd: oklch(.42 .03 var(--color));--shw-col-tlc: oklch(.9 .06 var(--color));--shw-col-brc: oklch(.6 .06 var(--color));--ctrl-mh: var(--d8);--ctrl-mv: var(--d8);--ctrl-r: var(--d16);--ctrl-s: var(--d48);--ctrl-icon-s: var(--d24);--part1-s: calc(var(--d32) + var(--d4));--part1-ml: var(--d4);--part1-mb: var(--d4);--part2-m: var(--d8);--but-s: calc(var(--width2) / 18);--but-r: var(--d4);--in-p: var(--d4);--item-mb: calc(var(--child-ft) / 2);--colfg: oklch(.3 .02 var(--color));--colbg: oklch(.85 .02 var(--color));--colhi: oklch(.7 .06 var(--color));--coldo: oklch(.78 .02 var(--color));--colmd: oklch(.4 .02 var(--color));--shw-lg: var(--d6);--shw-nlg: calc(0px - var(--shw-lg));--shw-sp: var(--d12);--shw-b: var(--shw-lg) var(--shw-lg) var(--shw-sp) var(--shw-col-br), var(--shw-nlg) var(--shw-nlg) var(--shw-sp) var(--shw-col-tl);--shw-bl: var(--shw-lg) var(--shw-lg) var(--shw-sp) var(--shw-col-br), var(--shw-nlg) var(--shw-nlg) var(--shw-sp) var(--shw-col-tll);--shw-i: inset var(--shw-lg) var(--shw-lg) var(--shw-sp) var(--shw-col-br), inset var(--shw-nlg) var(--shw-nlg) var(--shw-sp) var(--shw-col-tl);--shw-o: inset var(--shw-lg) var(--shw-lg) var(--shw-sp) var(--shw-col-tl), inset var(--shw-nlg) var(--shw-nlg) var(--shw-sp) var(--shw-col-br);--shw-ic: inset var(--shw-lg) var(--shw-lg) var(--shw-sp) var(--shw-col-brc), inset var(--shw-nlg) var(--shw-nlg) var(--shw-sp) var(--shw-col-tlc);--shw-bb: 0 var(--shw-lg) var(--shw-sp) var(--shw-col-br), 0 var(--shw-nlg) var(--shw-sp) var(--shw-col-tll);--shw-dlg: var(--d6);--shw-ndlg: calc(0px - var(--shw-dlg));--shw-dsp: var(--d6);--shw-dl: drop-shadow(var(--shw-dlg) var(--shw-dlg) var(--shw-dsp) var(--shw-col-brd)) drop-shadow(var(--shw-ndlg) var(--shw-ndlg) var(--shw-dsp) var(--shw-col-tll));--shw-di: drop-shadow(var(--d6) var(--d2) var(--d6) var(--colfg)) drop-shadow(calc(0px - var(--d2)) calc(0px - var(--d1)) var(--d4) var(--shw-col-tll));--gradiant: linear-gradient( to right, oklch(from var(--colhi) .6 .2 160), oklch(from var(--colhi) .6 .2 250) 25%, oklch(from var(--colhi) .6 .2 340) 50%, oklch(from var(--colhi) .6 .2 430) 75%, oklch(from var(--colhi) .6 .2 520))}.dark .title .part1{border:var(--d1) solid var(--colb)}.dark button:focus-visible{outline-offset:var(--d8);outline:var(--d2) dotted var(--colfg)}.dark{--colfg: oklch(1 .1 var(--color));--colbg: oklch(.1 .03 var(--color));--colhi: oklch(1 .3 var(--color));--coldo: oklch(.2 .04 var(--color));--colmd: oklch(1 .1 var(--color));--cola: oklch(.8 .1 var(--color));--colb: oklch(1 .05 var(--color));--shw-col-br: oklch(.5 .1 var(--color));--shw-col-brc: oklch(.6 .6 var(--color));--shw-b: 0 0 var(--d8) var(--colhi);--shw-i: inset 0 0 var(--d8) var(--colhi);--shw-o: inset 0 0 var(--d8) var(--colhi);--shw-dlg: var(--d1);--shw-ndlg: calc(0px - var(--shw-dlg));--shw-dsp: var(--d2);--shw-dl: drop-shadow(var(--shw-dlg) var(--shw-dlg) var(--shw-dsp) var(--colfg)) drop-shadow(var(--shw-ndlg) var(--shw-ndlg) var(--shw-dsp) var(--colfg));--shw-di: var(--shw-dl);--shw-bl: 0 var(--d2) var(--d12) var(--cola);--shw-bb: 0 var(--shw-ndlg) var(--d12) var(--shw-col-br), 0 var(--d8) var(--d12) var(--shw-col-br);--shw-ic: inset 0 0 var(--d4) var(--shw-col-brc)}@font-face{font-family:Luciole-Regular;src:url(/assets/Luciole-Regular-OltlY8JK.woff2) format("woff2"),url(/assets/Luciole-Regular-BNeeOWge.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Luciole-Italic;src:url(/assets/Luciole-Italic-DbNaCd-2.woff2) format("woff2"),url(/assets/Luciole-Italic-D4BSV3RT.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Softizen;src:url(/assets/Softizen-Hnz99Nvy.otf) format("opentype");font-weight:400;font-style:normal}:root{color-scheme:dark light;--width: 100dvw;--width2: min(min(100dvw, 100dvh), 400px);--d1: calc(var(--width2) / 320);--d2: calc(var(--width2) / 160);--d3: calc(var(--width2) / 107);--d4: calc(var(--width2) / 80);--d6: calc(var(--width2) / 60);--d7: calc(var(--width2) / 46);--d8: calc(var(--width2) / 40);--d12: calc(var(--width2) / 30);--d16: calc(var(--width2) / 20);--d18: calc(var(--width2) / 18);--d20: calc(var(--width2) / 16);--d24: calc(var(--width2) / 13);--d32: calc(var(--width2) / 10);--d48: calc(var(--width2) / 7);--d64: calc(var(--width2) / 5);--d80: calc(var(--width2) / 4);--but-ml: calc((var(--part1-s) + var(--part2-m) - var(--but-s)) / 2);--title-m: calc(var(--part2-m) - var(--in-p));--gradiant-pos-top: 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400;scrollbar-width:none;outline:none}*{-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important}html,input,textarea,button{font:var(--child-ft) "Luciole",sans-serif;border:none;background:none}body{width:100dvw;height:100dvh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}input{display:inline-block;background:var(--colbg)}.message{font-size:var(--font-s);line-height:var(--font-s);height:var(--font-s);margin:calc(var(--width2) / 50) 0;color:var(--colfg);text-align:center}#scrollZoneContainer{outline:1px solid red}#scrollZone{position:relative}.app .part2{display:inline-block;vertical-align:top;margin:0 var(--part2-m)}.sticky{background:var(--colbg);position:sticky;top:0;z-index:3}.title,.descr,.child{display:block;width:var(--width);position:relative;text-align:left;box-sizing:border-box;color:var(--colfg)}.title{margin-top:var(--d8);padding-bottom:var(--d16)}.title .part1{--bck-m: var(--d1);vertical-align:middle;cursor:pointer;width:calc(var(--part1-s) - 2 * var(--bck-m));height:calc(var(--part1-s) - 2 * var(--bck-m));padding:0 var(--d6) 0 var(--d4);margin:0;box-shadow:var(--shw-b),var(--shw-o);border-radius:var(--d24);color:var(--colmd)}.title .part2{font-weight:700;font-size:var(--title-ft);margin:0 var(--title-m);padding:var(--d4);width:calc(var(--width) - var(--part1-s) - 2 * var(--part2-m) + 2 * var(--d4))}.descr .part2{font-style:italic;font-size:var(--child-ft);width:calc(var(--width) - 2 * var(--title-m));padding:0 var(--d4);margin:var(--d1) var(--title-m) 0 var(--title-m)}.child .part2{font-size:var(--child-ft);width:calc(var(--width) - var(--part1-s) - 2 * var(--part2-m));cursor:pointer;white-space:nowrap;overflow-x:hidden;border-radius:var(--but-r);position:relative}.child .reccode{box-shadow:var(--shw-o),var(--shw-b);border:var(--d1) solid var(--colb);text-align:center;border-radius:var(--d8)}.children{padding-top:var(--d16)}.child{height:calc(2 * var(--child-ft));display:flex;align-items:center;flex-direction:row}.child .part1{width:var(--part1-s)}.checkbox,.checkmarked,.restore,.move,.selected,.insert,.shared{display:block;width:var(--but-s);height:var(--but-s);cursor:pointer;margin-left:var(--but-ml)}.dot{display:block;width:var(--d6);height:var(--d6);margin-left:var(--d24);background:var(--colfg);box-shadow:var(--shw-bl);border-radius:var(--d32)}.child .part2.overflow:after{content:"";position:absolute;top:0;right:0;bottom:0;width:var(--d32);background:linear-gradient(to right,transparent,var(--colbg));pointer-events:none}#done{height:var(--done-height)}#done .child .part2.overflow:after{background:linear-gradient(to right,transparent,var(--coldo))}.dark #done .child .part2{color:var(--colhi)}.child .child-input{font-size:var(--child-ft);background:transparent;padding:var(--d4);width:calc(var(--width) - var(--part1-s) - 2 * var(--part2-m) + 2 * var(--d4));margin:0 var(--title-m);white-space:nowrap;overflow-x:hidden}.dotted{outline:1px dotted var(--colfg);border-radius:var(--d8);cursor:text}.opaque,.dotted::placeholder{color:oklch(from var(--colfg) l c h / .5)}.dotted:focus{color:var(--colbg);background:var(--colfg);outline:var(--d1) solid var(--colfg)}.dotted:focus::placeholder{color:var(--colbg)}.child .done{opacity:.9;position:relative;overflow:hidden}.child .done:before{position:absolute;content:"";bottom:calc(var(--child-ft) / 2);left:0;right:0;width:100%;height:var(--d2);border-top:1px solid var(--colfg);overflow:hidden}.list{font-weight:700;font-size:var(--list-ft);position:relative}.separator{box-shadow:var(--shw-bb);border-radius:var(--d16);height:var(--d4);border:var(--d8);margin:var(--but-ml) 0 0 0}.checkbox,.checkmarked{border:var(--d2) solid var(--colbg);border-radius:var(--d4);box-shadow:var(--shw-bl),var(--shw-i)}.checkbox{box-shadow:var(--shw-bl),var(--shw-ic);background:var(--colhi)}.move,.selected{box-shadow:var(--shw-bl),var(--shw-i);border-radius:var(--d32);border:var(--d2) solid var(--colbg)}.selected{box-shadow:var(--shw-bl),var(--shw-ic);background:var(--colhi)}.add,.remove{--cross-r: var(--d2);display:block;height:var(--d6);width:var(--but-s);border-radius:var(--cross-r);cursor:pointer;margin:auto;margin-left:var(--but-ml);vertical-align:middle;position:relative;background:#f77;filter:var(--shw-dl)}.add{background:#4a4}.add:after{position:absolute;content:"";background:#4a4;border-radius:var(--cross-r);height:var(--but-s);width:var(--d6);left:calc((var(--but-s) - var(--d6)) / 2);top:calc((var(--d6) - var(--but-s)) / 2)}.restore{color:#f77;filter:var(--shw-dl)}.insert{color:var(--colbg);filter:var(--shw-di);position:relative;top:calc(0px - var(--child-ft));left:calc(var(--but-s) / 4)}.shared{color:var(--colfg);box-shadow:var(--shw-b),var(--shw-o);border-radius:var(--d6)}.dark .add,.dark .remove,.dark .add:after{background:var(--colbg)}.dark .restore,.dark .shared{color:var(--colbg);box-shadow:none;filter:var(--shw-dl)}.hidden{color:transparent}.after{top:var(--child-ft)}.dimmer{opacity:.5;cursor:default}.todelete{color:#b55}.settings-icon,.about-icon{color:var(--colmd);position:fixed;--dim: var(--d32);--pos: var(--d12);top:var(--pos);right:var(--pos);width:var(--dim);height:var(--dim);line-height:0;cursor:pointer;z-index:1000;filter:var(--shw-dl);border-radius:var(--d32)}.dark .settings-icon,.dark .about-icon{color:var(--colbg)}.settings-icon{right:var(--pos)}.about-icon{left:var(--pos)}.child .code{padding:var(--d6);cursor:pointer;border-radius:var(--d12);color:var(--colfg);background:var(--colbg);font-size:calc(var(--width2) / 25);box-shadow:var(--shw-o),var(--shw-b);border:var(--d1) solid var(--colb);text-align:center}.dark .checkbox,.dark .selected{background:var(--cola);box-shadow:var(--shw-b)}.dark .checkmarked,.dark .move{box-shadow:none;box-shadow:var(--shw-b),var(--shw-o)}#controls[data-v-bde3c1f7]{text-align:center;margin-bottom:var(--d8)}#controls button[data-v-bde3c1f7]{margin:var(--ctrl-mv) var(--ctrl-mh);cursor:pointer;border-radius:var(--d18);color:var(--colfg);background:transparent;width:var(--ctrl-s);height:var(--ctrl-s);font-size:0;border:none;box-shadow:var(--shw-b),var(--shw-o);padding:calc((var(--ctrl-s) - var(--ctrl-icon-s)) / 2)}#controls .active[data-v-bde3c1f7]{border:var(--d2) solid var(--colbg);background:var(--colhi);box-shadow:var(--shw-b),var(--shw-ic);padding:calc((var(--ctrl-s) - var(--ctrl-icon-s) - 2 * var(--d2)) / 2)}#controls .ctrl-icon[data-v-bde3c1f7]{width:var(--ctrl-icon-s);height:var(--ctrl-icon-s)}.dark #controls button[data-v-bde3c1f7]{border-radius:var(--d32);box-shadow:var(--shw-b),var(--shw-i);border:var(--d1) solid var(--colb);padding:calc((var(--ctrl-s) - var(--ctrl-icon-s) - 2 * var(--d1)) / 2);color:var(--cola)}.dark #controls .active[data-v-bde3c1f7]{background:var(--cola);color:var(--colbg)}.settings{text-align:center;font-size:var(--font-s)}.theme{margin-bottom:var(--d4)}.container input[type=range]{vertical-align:bottom;border:none;color:var(--colbg);height:0;width:75%;margin-bottom:var(--d24);-webkit-appearance:none;--thumb-s: var(--d20)}input[type=range]::-moz-range-track{border-radius:var(--d16);cursor:pointer;height:var(--d4);box-shadow:var(--shw-bl);margin:0}.color input[type=range]::-moz-range-track{background:var(--gradiant);height:var(--d8)}input[type=range]::-moz-range-thumb{border:var(--d2) solid var(--colfg);box-sizing:border-box;width:var(--thumb-s);height:var(--thumb-s);border-radius:var(--ctrl-r);background:var(--colhi);cursor:pointer;box-shadow:var(--shw-b),var(--shw-ic);border-radius:var(--d32);border:var(--d2) solid var(--colbg)}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--d16);cursor:pointer;height:var(--d4);box-shadow:var(--shw-bl);margin:0}.color input[type=range]::-webkit-slider-runnable-track{background:var(--gradiant);height:var(--d8)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:var(--d2) solid var(--colfg);box-sizing:border-box;width:var(--thumb-s);height:var(--thumb-s);border-radius:var(--ctrl-r);background:var(--colhi);color:var(--colbg);cursor:pointer;box-shadow:var(--shw-b),var(--shw-ic);border-radius:var(--d32);border:var(--d2) solid var(--colbg);margin-top:calc(var(--width2) / -38)}.color input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--width2) / -54)}.icon-button[data-v-3e2449b2]{--icon-but-s: calc(var(--width2) / 3);display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:var(--icon-but-s);height:calc(var(--icon-but-s) + var(--font-s));color:var(--colfg);transition-property:height,width,padding,opacity,transform;transition-duration:.2s;transition-timing-function:ease-out;transition-delay:.2s;padding:calc((var(--icon-but-s) - var(--d48) - var(--font-s)) / 2)}.hide[data-v-3e2449b2]{transform:scale(0);opacity:0;width:0;height:0;padding:0}.icon-container[data-v-3e2449b2]{display:flex;justify-content:center;width:100%;border-radius:var(--d8)}.icon[data-v-3e2449b2]{width:var(--d48);height:var(--d48);box-shadow:var(--shw-b);border:var(--d2) solid var(--colbg);border-radius:var(--d12);padding:var(--d4);color:var(--colfg)}.dark .icon[data-v-3e2449b2]{box-shadow:var(--shw-b),var(--shw-i);border:var(--d1) solid var(--colb)}.light .active[data-v-3e2449b2]{background:var(--colhi);box-shadow:var(--shw-b),var(--shw-ic)}.dark .active[data-v-3e2449b2]{background:var(--cola);color:var(--colbg);box-shadow:var(--shw-b),var(--shw-i)}.label[data-v-3e2449b2]{text-align:center;color:var(--colfg);line-height:var(--font-s);height:var(--font-s);margin-top:var(--d6)}.icon-button-container[data-v-d4ee4641]{display:flex;flex-wrap:wrap;width:100%;flex-direction:row;justify-content:center}#connection[data-v-1eef7fb7]{text-align:center}#connection .codes[data-v-1eef7fb7]{margin:auto;margin-bottom:var(--d32);display:inline-block;position:relative;text-align:center;width:75%}#connection .codes .icon[data-v-1eef7fb7]{--icon-s: var(--d24);--icon-ml: var(--d4);--icon-mb: var(--d4);display:inline-block;position:absolute;top:calc(0px - var(--d18));right:var(--d12);width:var(--icon-s);height:var(--icon-s);color:var(--colfg);z-index:10;background:var(--colbg)}#connection .codes input[data-v-1eef7fb7]{color:var(--colfg);border:var(--d1) solid var(--colfg);border-radius:var(--d8);height:var(--icon-s);width:100%;padding:var(--d8);font-size:var(--d16);margin:0}#connection .codes input[data-v-1eef7fb7]::placeholder{opacity:.5}#connection .valid[data-v-1eef7fb7]{color:var(--colfg)}#connection .valid button[data-v-1eef7fb7]{margin:0 var(--d16);cursor:pointer;border-radius:var(--d12);color:var(--colfg);background:var(--colbg);font-size:var(--font-s);height:var(--d32);width:calc(var(--width2) / 3.5);box-shadow:var(--shw-o),var(--shw-b)}.dark #connection .valid button[data-v-1eef7fb7]{border:var(--d1) solid var(--colb)}#connection .valid button[data-v-1eef7fb7]:focus-visible{background:var(--colhi);color:var(--colbg)}#connection .message[data-v-1eef7fb7]{margin:var(--d24) 0}#connection .separator[data-v-1eef7fb7]{margin-bottom:var(--d48)}#archive .actions[data-v-a763d7cf]{display:flex;flex-direction:row;align-items:flex-start;margin:var(--d16)}#archive .action[data-v-a763d7cf]{display:flex;flex-direction:column;text-align:center}#archive .icon[data-v-a763d7cf]{--icon-s: var(--d80);padding:var(--d24);cursor:pointer;border-radius:var(--d16);width:var(--icon-s);height:var(--icon-s);position:relative;margin:var(--d8);margin:0;display:block;box-shadow:var(--shw-b),var(--shw-o)}.dark #archive .icon[data-v-a763d7cf]{color:var(--colfg);border:var(--d1) solid var(--colb)}#archive .label[data-v-a763d7cf]{display:flex;font-size:var(--font-s);color:var(--colfg);margin:var(--d16);padding:0}#archive .info[data-v-a763d7cf]{height:auto;margin:var(--d16) var(--d32);text-align:left;color:var(--colfg)}#share{font-size:var(--font-s)}#share .icon-button{--icon-but-s: calc(var(--width2) / 4.2);height:calc(var(--d32) + var(--font-s) + 3 * var(--d6));overflow:visible}#share .icon{border-radius:var(--d8);box-shadow:var(--shw-b),var(--shw-o);width:var(--d32);height:var(--d32);padding:var(--d6);border:none}#share .active{border:var(--d2) solid var(--colbg);box-shadow:var(--shw-b),var(--shw-ic);background:var(--colhi)}#share .textonly .label{padding-top:var(--d6);cursor:pointer;border-radius:var(--d12);color:var(--colfg);background:var(--colbg);font-size:var(--font-s);height:var(--d32);width:var(--d80);box-shadow:var(--shw-o),var(--shw-b)}.dark #share .icon,.dark #share .textonly .label{border:var(--d1) solid var(--colb)}.dark #share .active{background:var(--cola);box-shadow:var(--shw-b),var(--shw-i)}#shareconnect[data-v-000f5cae]{text-align:center;margin-top:var(--d48)}#shareconnect .codes[data-v-000f5cae]{margin:auto;margin-bottom:var(--d32);display:inline-block;position:relative;text-align:center;width:95%}#shareconnect .codes .icon[data-v-000f5cae]{--icon-s: var(--d24);--icon-ml: var(--d4);--icon-mb: var(--d4);display:inline-block;position:absolute;top:calc(0px - var(--d18));right:var(--d12);width:var(--icon-s);height:var(--icon-s);color:var(--colfg);z-index:10;background:var(--colbg)}#shareconnect .codes input[data-v-000f5cae]{color:var(--colfg);border:var(--d1) solid var(--colfg);border-radius:var(--d8);height:var(--icon-s);width:100%;padding:var(--d8);font-size:var(--d16);margin:0}#shareconnect .codes input[data-v-000f5cae]::placeholder{opacity:.5}#shareconnect .valid[data-v-000f5cae]{color:var(--colfg)}#shareconnect .valid button[data-v-000f5cae]{margin:0 var(--d16);cursor:pointer;border-radius:var(--d12);color:var(--colfg);background:var(--colbg);font-size:var(--font-s);height:var(--d32);width:calc(var(--width2) / 3.5);box-shadow:var(--shw-o),var(--shw-b)}.dark #shareconnect .valid button[data-v-000f5cae]{border:var(--d1) solid var(--colb)}#shareconnect .valid button[data-v-000f5cae]:focus-visible{background:var(--colhi);color:var(--colbg)}#shareconnect .message[data-v-000f5cae]{margin:var(--d24) 0}#shareconnect .separator[data-v-000f5cae]{margin-bottom:var(--d48)}.app{width:100dvw;height:100dvh;overflow-y:auto;background:var(--colbg);--font-s: calc(var(--width2) / 20)}.todoo{color:var(--todoo);padding:var(--todoo-p);font:var(--todoo-f) "Softizen",sans-serif;text-align:center;content-visibility:auto}.gradient-top:after,.gradient-bottom:before{content:"";position:absolute;left:0;right:0;height:calc(var(--width2) / 3);pointer-events:none;z-index:10000}.gradient-top:after{top:var(--gradiant-pos-top);background:linear-gradient(to bottom,var(--colbg),oklch(from var(--colbg) l c h / .8),transparent)}.gradient-bottom:before{bottom:0;background:linear-gradient(to top,var(--colbg),oklch(from var(--colbg) l c h / .3),transparent)}.debug{position:fixed;top:0;left:50px;right:50px;height:20px;z-index:100000}