.date-time-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:clamp(8rem,calc(3.84rem + 8.66vw),12rem);padding:var(--header-inset) var(--header-gutter) 0;box-sizing:border-box;color:#cecece;transition:min-height .18s ease}.date-time-header--collapsed{min-height:calc(var(--header-inset) + 1rem)}.date-time-header__date{display:flex;column-gap:clamp(1rem,2vw,1.5rem);align-self:end;min-width:0;transition:opacity .18s ease,transform .18s ease}.date-time-header--collapsed .date-time-header__date{opacity:0;transform:translateY(-.5rem)}.date-time-header__dash{position:absolute;top:var(--header-inset);left:var(--header-gutter);width:1rem;height:.125rem;background:currentColor}.date-time-header__day{font-family:Libre Bodoni,serif;font-size:clamp(3.75rem,8vw,7.5rem);font-weight:400;line-height:.8}.date-time-header__details{display:flex;flex-direction:column;justify-content:flex-end;font-size:clamp(1rem,2vw,1.5rem);font-weight:600}.date-time-header__name-app{font-size:10px;opacity:.15}.date-time-header__time{align-self:start;font-size:clamp(1.125rem,2vw,1.5rem);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;transition:opacity .18s ease,transform .18s ease}.date-time-header--collapsed .date-time-header__time{opacity:0;transform:translateY(-.5rem)}.date-time-header__toggle{position:absolute;right:var(--header-gutter);bottom:0;display:flex;align-items:center;gap:.5rem;min-width:4rem;height:2rem;padding:0 .25rem;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;transform:translate(.5rem)}.date-time-header--collapsed .date-time-header__toggle{top:calc(var(--header-inset) - .5rem);bottom:auto}.date-time-header--collapsed .date-time-header__toggle-label{order:2}.date-time-header--collapsed .date-time-header__dot{order:1}.date-time-header__toggle:hover{border-color:#cecece;border-radius:20px}.date-time-header__toggle:focus-visible{outline:2px solid currentColor;outline-offset:.2rem}.date-time-header__toggle-label{font-family:inherit;font-size:.875rem;font-weight:600}.date-time-header__dot{width:1rem;aspect-ratio:1;border-radius:50%;background:currentColor}@media(prefers-reduced-motion:reduce){.date-time-header,.date-time-header__date,.date-time-header__time{transition:none}}.todo-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:clamp(1rem,3vw,2rem);box-sizing:border-box;min-height:clamp(3.5rem,5.3vw,5rem);padding:0 clamp(1rem,3vw,2rem);color:#cecece;background:transparent;border:0;border-bottom:1px solid rgba(206,206,206,.12)}.todo-item--draggable{cursor:grab;touch-action:none}.todo-item:last-child{border-bottom:0}.todo-item--placeholder{visibility:hidden}.todo-item--overlay{position:fixed;top:0;left:0;z-index:1;box-sizing:border-box;pointer-events:none}.todo-item__name--completed{text-decoration:line-through;opacity:.1}.todo-item__name,.todo-item__name-input{min-width:0;font-size:1.375rem}.todo-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.todo-item__name-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;padding:0;color:#cecece;font-family:inherit;background:transparent;border:0;border-radius:0;outline:0}.todo-item__name-input:focus{box-shadow:inset 0 -1px #cecece}.todo-item__name-input[aria-invalid=true]{box-shadow:inset 0 -1px #6a1111}.todo-item__name-error{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.todo-item__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:clamp(1.5rem,2.5vw,2rem);height:clamp(1.5rem,2.5vw,2rem);margin:0;border:1px solid rgba(206,206,206,.65);background:transparent;border-radius:4px}.todo-item__checkbox:checked{padding:clamp(.25rem,.5vw,.35rem);background:#cecece;background-clip:content-box;border-radius:4px}.todo-item__checkbox:focus-visible{outline:2px solid #000;outline-offset:.2rem}.todo-item__actions{position:relative}.todo-item__actions-toggle{display:grid;place-items:center;box-sizing:border-box;width:3rem;height:3rem;padding:0;border:0;background:transparent;font-family:inherit;font-size:1.7rem;line-height:1.2;color:#cecece;transform:translateY(-.3em)}button.todo-item__actions-toggle{cursor:pointer}button.todo-item__actions-toggle:focus-visible,.todo-item__actions-panel button:focus-visible{outline:2px solid #000;outline-offset:.2rem}.todo-item__actions-panel{position:absolute;z-index:1;top:0;right:100%;display:flex;gap:.25rem;padding:.25rem;border:1px solid #d7d7d7;background:#fff;font-size:1rem}.todo-item__actions-panel button{padding:.5rem .75rem;border:1px solid transparent;background:transparent;color:#000;font:inherit;cursor:pointer}.todo-item__actions-panel button:hover{border:1px solid #d7d7d7}@media(max-width:47.999rem){.todo-item{column-gap:.75rem;padding-inline:.75rem}.todo-item__name,.todo-item__name-input{font-size:1.125rem}.todo-item__actions-toggle{width:2.5rem;height:2.5rem}}.todo-list{box-sizing:border-box;width:100%;min-width:0;max-width:100%;flex:1;min-height:0;position:relative}.todo-list__header{--header-gutter: clamp(2.25rem, 8vw, 7rem);--header-inset: clamp(2rem, 4vw, 3.5rem);min-width:0}.todo-list__items{margin:0;padding:0;overflow:visible}.todo-list__tasks{min-width:0;padding:clamp(2rem,4vw,3.5rem) clamp(2.25rem,8vw,7rem)}.todo-list-move{transition:transform .12s ease}.todo-list__add-form{display:flex;align-items:stretch;gap:clamp(1rem,3vw,2rem);min-width:0;padding:clamp(2rem,4vw,3.5rem) clamp(2.25rem,8vw,7rem) 0;box-sizing:border-box;position:relative}.todo-list__add-form:after{position:absolute;right:calc(clamp(2.25rem,8vw,7rem) - .5rem);bottom:0;left:calc(clamp(2.25rem,8vw,7rem) - .5rem);height:1px;background:#cecece8c;content:"";pointer-events:none}.todo-list__add-form:focus-within:after{height:2px;background:#cecece}.todo-list__add-input{flex:1;min-width:0;font-size:clamp(1.375rem,2.5vw,1.5rem);font-family:inherit;color:#cecece;background:transparent;border:0;outline:none}.todo-list__add-feedback{box-sizing:border-box;min-height:2rem;margin:0;padding:.75rem clamp(2.25rem,8vw,7rem) 0;font-size:.875rem}.todo-list__add-error,.todo-list__add-status{margin:0}.todo-list__add-error{color:#b42318}.todo-list__add-status{color:#cecece}.todo-list__add-input::placeholder{color:#d7d7d7;opacity:.1}button.todo-list__add-button{all:unset;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:clamp(3.5rem,5.3vw,5rem);height:clamp(3.5rem,5.3vw,5rem);cursor:pointer;color:#fff;font-size:2.5rem;font-weight:300;border-radius:6px}button.todo-list__add-button:focus-visible{outline:2px solid #000;outline-offset:.25rem}@font-face{font-family:Inter;src:url(/todo-vue/assets/inter-cyrillic-DqGufNeO.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Urbanist;src:url(/todo-vue/assets/urbanist-regular-BKuuBXt3.woff2) format("woff2")}@font-face{font-family:Libre Bodoni;src:url(/todo-vue/assets/libre-bodoni-regular-JsrUAtuz.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}body{min-height:100vh;min-height:100dvh;margin:0;padding:clamp(2.5rem,6vw,5rem);box-sizing:border-box;display:flex;background-color:#202020;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%20color-interpolation-filters='sRGB'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.28'%20numOctaves='2'%20seed='17'%20stitchTiles='stitch'%20result='base-noise'%20/%3e%3cfeColorMatrix%20in='base-noise'%20type='saturate'%20values='0'%20result='base-gray'%20/%3e%3cfeComponentTransfer%20in='base-gray'%20result='base-contrast'%3e%3cfeFuncR%20type='linear'%20slope='3.7'%20intercept='-1.45'%20/%3e%3cfeFuncG%20type='linear'%20slope='3.7'%20intercept='-1.45'%20/%3e%3cfeFuncB%20type='linear'%20slope='3.7'%20intercept='-1.45'%20/%3e%3c/feComponentTransfer%3e%3cfeComponentTransfer%20in='base-contrast'%20result='base-tone'%3e%3cfeFuncR%20type='discrete'%20tableValues='.110%20.114%20.118%20.125%20.133'%20/%3e%3cfeFuncG%20type='discrete'%20tableValues='.110%20.114%20.118%20.125%20.133'%20/%3e%3cfeFuncB%20type='discrete'%20tableValues='.110%20.114%20.118%20.125%20.133'%20/%3e%3c/feComponentTransfer%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.95'%20numOctaves='1'%20seed='41'%20stitchTiles='stitch'%20result='fine-noise'%20/%3e%3cfeColorMatrix%20in='fine-noise'%20type='saturate'%20values='0'%20result='fine-gray'%20/%3e%3cfeComponentTransfer%20in='fine-gray'%20result='fine-contrast'%3e%3cfeFuncR%20type='linear'%20slope='3.6'%20intercept='-1.3'%20/%3e%3cfeFuncG%20type='linear'%20slope='3.6'%20intercept='-1.3'%20/%3e%3cfeFuncB%20type='linear'%20slope='3.6'%20intercept='-1.3'%20/%3e%3c/feComponentTransfer%3e%3cfeComponentTransfer%20in='fine-contrast'%20result='fine-tone'%3e%3cfeFuncR%20type='discrete'%20tableValues='.114%20.118%20.125%20.133'%20/%3e%3cfeFuncG%20type='discrete'%20tableValues='.114%20.118%20.125%20.133'%20/%3e%3cfeFuncB%20type='discrete'%20tableValues='.114%20.118%20.125%20.133'%20/%3e%3c/feComponentTransfer%3e%3cfeComposite%20in='base-tone'%20in2='fine-tone'%20operator='arithmetic'%20k2='0.60'%20k3='0.40'%20result='paper'%20/%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.78'%20numOctaves='1'%20seed='37'%20stitchTiles='stitch'%20result='speckle-noise'%20/%3e%3cfeColorMatrix%20in='speckle-noise'%20type='luminanceToAlpha'%20result='speckle-alpha'%20/%3e%3cfeComponentTransfer%20in='speckle-alpha'%20result='speckle-mask'%3e%3cfeFuncA%20type='discrete'%20tableValues='0%200%200%200%200%200%200%200%200%201%201%201'%20/%3e%3c/feComponentTransfer%3e%3cfeFlood%20flood-color='%232a2a2a'%20result='speckle-color'%20/%3e%3cfeComposite%20in='speckle-color'%20in2='speckle-mask'%20operator='in'%20result='speckles'%20/%3e%3cfeComposite%20in='speckles'%20in2='paper'%20operator='over'%20/%3e%3c/filter%3e%3crect%20width='512'%20height='512'%20filter='url(%23grain)'%20/%3e%3c/svg%3e");background-repeat:repeat;color:#f2f2f2}#app{font-family:Urbanist,Inter,sans-serif;display:flex;flex:1;flex-direction:column;width:100%;min-width:0;max-width:1254px;margin-inline:auto;border:4px solid rgba(206,206,206,.75);color:#1e1e1e;box-sizing:border-box}@media(min-width:48rem){#app{min-width:400px}}@media(max-width:47.999rem){body{padding:0}}