:root{--color-background-h:0;--color-background-s:0%;--color-background-l:0%;--color-background-focus-l:calc(var(--color-background-l) + 40%);--color-background-hover-l:calc(var(--color-background-l) + 20%);--color-background:hsl(var(--color-background-h),var(--color-background-s),var(--color-background-l));--color-background-focus:hsl(var(--color-background-h),var(--color-background-s),var(--color-background-focus-l));--color-background-hover:hsl(var(--color-background-h),var(--color-background-s),var(--color-background-hover-l));--color-text:#efe;--color-accent:limegreen}html,body,input,textarea,button,a{background:var(--color-background);color:var(--color-text);font-family:Fantasque Sans Mono,Courier New,Courier,monospace;font-size:14px}.app{display:flex;width:max-content;margin:auto}.app.desktop{flex-direction:row;gap:64px}.app.mobile{flex-direction:column;gap:8px}.form{display:flex;flex-direction:column;gap:8px;width:100%;margin:0}.field{display:flex;flex-direction:column;width:100%}fieldset{margin:0}textarea,input,fieldset,button{box-sizing:border-box;border:1px solid var(--color-text);border-radius:4px;padding:4px}input:focus,textarea:focus,button:active,.radio label:active{background:var(--color-background-focus)}button,.radio{cursor:pointer}input:hover,button:hover,textarea:hover,.radio:hover{background:var(--color-background-hover)}input,button,textarea{transition:background-color .1s}.page{display:flex;flex-direction:column;gap:8px}.list-items{display:flex;flex-direction:column;gap:2px}.list-item{display:flex;border:1px solid var(--color-text);border-radius:4px;align-items: center;gap:4px;padding:2px 4px}.list-item.active,.list-item.active:hover{background:var(--color-background-focus)}.list-item.completed .item-message>div:last-child{text-decoration:line-through}.list-item:hover{background:var(--color-background-hover);cursor:pointer}.item-content{display:flex;flex-direction:column;flex-grow:1}.item-details{display:flex;flex-direction:column;gap:4px;font-size:12px}.reminder-repeat{color:var(--color-text);text-transform:uppercase;border-radius:2px;padding:1px 6px;font-size:12px}.reminder-repeat.minute{background:#f44336}.reminder-repeat.hourly{background:#ff9800}.reminder-repeat.daily{background:#4caf50}.reminder-repeat.weekly{background:#2196f3}.reminder-repeat.monthly{background:#9c27b0}.reminder-repeat.yearly{background:#3f51b5}.item-message,.task-actions{display:flex;align-items: center;gap:4px}.form-buttons{display:flex;gap:8px}.radio{display:flex;align-items: center;gap:4px;padding:2px 0}.radio input{margin:0;padding:0}.radio label{flex-grow:1}@media screen and (max-width:768px){.app{width:100%;margin:0}.list-items{width:100%;max-width:none}input,button,textarea,fieldset,label{padding:4px 8px}}@media screen and (max-width:512px){.item-details{align-items: start;gap:0}tr td:last-child{display:flex}}a{text-decoration:none}