.list-page ul{padding:0}.list-page ul li{list-style-type:none}.list-page .lists{display:flex;flex-wrap:wrap}.list-page .lists .tasks{margin:.5rem;background:var(--contrast-color-20);color:var(--contrast-color)}.list-page .lists .tasks .task-list{display:grid!important;grid-template-rows:1fr;transition:grid-template-rows .3s ease}.list-page .lists .tasks .task-list ul{min-height:0;overflow:hidden}.list-page .lists .tasks .task-list.hidden{grid-template-rows:0fr;transition:grid-template-rows .3s ease;overflow:hidden}.list-page .lists .tasks h3{padding:0 0 0 .3rem;display:inline-block}.list-page .lists .tasks .task :nth-child(2){margin-left:auto}.list-page .lists .tasks .group-info .task-list-menu{visibility:hidden}.list-page .lists .tasks .group-info .task-list-menu span{margin:0 0 0 .5rem}.list-page .lists .tasks .group-info:hover .task-list-menu{visibility:visible}.list-page .lists .tasks li.drag-over{background:red}.list-page .lists .tasks .dnd-container{font-family:system-ui,sans-serif;max-width:400px;margin:40px auto;padding:20px;background:#f8fafc;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.list-page .lists .tasks .dnd-title{margin:0 0 16px;color:"#1e293b";font-size:18px}.list-page .lists .tasks .dnd-drop-area{display:flex;flex-direction:column;gap:8px}.list-page .lists .tasks .dnd-item{display:flex;align-items:center;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:grab;-webkit-user-select:none;user-select:none;border-left:4px solid transparent;transition:transform .2s cubic-bezier(.2,1,.2,1),opacity .2s ease,border-color .2s ease}.list-page .lists .tasks .dnd-grab-handle{margin-right:12px;color:#94a3b8;font-size:14px;cursor:pointer;display:inline-block}.list-page .lists .tasks .dnd-text{color:#334155;font-weight:500}.list-page .lists .tasks .dnd-item.is-dragging{opacity:.4}.list-page .lists .tasks .dnd-item.shift-down{transform:translateY(25px)}.list-page .lists .tasks .dnd-item.shift-up{transform:translateY(-25px)}.list-page .lists .tasks .task{display:flex;align-items:center;gap:.5rem;background:var(--main-color-80);margin:1rem;padding:.6rem}.list-page .lists .tasks .task .wrapper{display:flex;flex-wrap:nowrap}.list-page .lists .tasks .task .wrapper .info .number{font-size:.7em;position:relative;top:1.3em;margin:0 .5rem 0 0}.list-page .lists .tasks .task .wrapper .info input[type=checkbox]{position:relative;top:1.1em;margin:0 .5rem}.list-page .lists .tasks .task .wrapper:has(input[type=checkbox]:checked) .task-meta label{text-decoration:line-through}.list-page .lists .tasks .task label{font-size:1.5rem;font-weight:700;display:block;text-align:left}.list-page .lists .tasks .task:hover .task-details{visibility:visible}.list-page .lists .tasks .task .task-meta{display:inline-block;margin:0 0 0 .3em}.list-page .lists .tasks .task .meta{font-size:.7em;margin:.3em 0 0;text-align:left;display:inline-block}.list-page .lists .tasks .task .task-details{padding:.3rem;visibility:visible}.list-page .lists .tasks .task .task-details .overdue{background:#ff3f3fcc;color:rgb(var(--color-white));padding:.3rem .6rem;margin:.3rem;border-radius:1.3rem}.list-page .lists .tasks .entry-menu{cursor:pointer}.list-page .lists .tasks .delete-entry,.list-page .lists .tasks .delete-group{margin:0 0 0 1rem;cursor:pointer;padding:0 .3rem;color:rgb(var(--color-red))}.list-page .lists .tasks .add-list-entry-form{margin:.6rem}.list-page .lists .tag{background:#026cd6cc;color:#fff;padding:.3rem .6rem;margin:.3rem;border-radius:1.3rem}.list-page .add-a-list-form{background:var(--contrast-color-20);padding:1rem;margin:1rem}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display: inline;*zoom: 1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:"courier new",monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left: -7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align: middle}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow: visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height: 13px;*width: 13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}:root{--color-white: 240, 240, 240;--color-black: 19, 19, 19;--color-blue: 0, 96, 164;--color-red: 164, 0, 0;--color-main: var(--color-white);--color-contrast: var(--color-black);--contrast-color: rgba(var(--color-contrast),1);--contrast-color-80: rgba(var(--color-contrast),.8);--contrast-color-40: rgba(var(--color-contrast),.4);--contrast-color-20: rgba(var(--color-contrast),.2);--main-color: rgba(var(--color-main), 1);--main-color-80: rgba(var(--color-main),.8);--main-color-40: rgba(var(--color-main),.4);--main-color-20: rgba(var(--color-main),.2);--primary-color: rgb(var(--color-blue));font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;font-size:14px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media(prefers-color-scheme:dark){:root{--color-contrast: var(--color-white);--color-main: var(--color-black)}}html.light{--color-contrast: var(--color-black);--color-main: var(--color-white)}html.dark{--color-contrast: var(--color-white);--color-main: var(--color-black)}body{margin:0;background:var(--main-color);color:var(--contrast-color)}input{padding:.3rem;margin:0 .3rem}button,.button{padding:.3rem .6rem;background:var(--primary-color)}#app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:flex-end;background-color:var(--primary-color)}header nav{display:flex}header a{color:rgb(var(--color-white));padding:.75rem;text-decoration:none;cursor:pointer;border-right:1px solid rgb(var(--color-white))}header a.active{background-color:var(--main-color);color:rgb(var(--contrast-color))}header a:hover{background-color:var(--main-color);color:rgb(var(--contrast-color));box-shadow:0 6px 15px -3px var(--primary-color)}main{flex:auto;display:flex;align-items:center;margin:0 auto;text-align:center}.love{color:rgb(var(--color-red));font-size:2rem;line-height:2.5rem;display:inline-block;position:relative;top:.5rem}@media(max-width:639px){main{margin:2rem}}@media(prefers-color-scheme:dark){input{background:var(--main-color);color:var(--contrast-color)}}@media(prefers-color-scheme:light){input{background:var(--main-color);color:var(--contrast-color)}}.theme-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;margin-left:auto}