@font-face{font-family:"OpenDyslexic";font-weight:400;font-style:normal;src:url("/fonts/OpenDyslexic-Regular.woff2") format("woff2"),url("/fonts/OpenDyslexic-Regular.otf") format("opentype");font-display:swap}@font-face{font-family:"OpenDyslexic";font-weight:700;font-style:normal;src:url("/fonts/OpenDyslexic-Bold.woff2") format("woff2"),url("/fonts/OpenDyslexic-Bold.otf") format("opentype");font-display:swap}@font-face{font-family:"OpenDyslexic";font-weight:400;font-style:italic;src:url("/fonts/OpenDyslexic-Italic.woff2") format("woff2"),url("/fonts/OpenDyslexic-Italic.otf") format("opentype");font-display:swap}@font-face{font-family:"OpenDyslexic";font-weight:700;font-style:italic;src:url("/fonts/OpenDyslexic-Bold-Italic.woff2") format("woff2"),url("/fonts/OpenDyslexic-Bold-Italic.otf") format("opentype");font-display:swap}@font-face{font-family:"OpenDyslexicAlta";font-weight:400;font-style:normal;src:url("/fonts/OpenDyslexicAlta-Regular.woff2") format("woff2"),url("/fonts/OpenDyslexicAlta-Regular.otf") format("opentype");font-display:swap}@font-face{font-family:"OpenDyslexicAlta";font-weight:700;font-style:normal;src:url("/fonts/OpenDyslexicAlta-Bold.woff2") format("woff2"),url("/fonts/OpenDyslexicAlta-Bold.otf") format("opentype");font-display:swap}@font-face{font-family:"OpenDyslexicAlta";font-weight:400;font-style:italic;src:url("/fonts/OpenDyslexicAlta-Italic.woff2") format("woff2"),url("/fonts/OpenDyslexicAlta-Italic.otf") format("opentype");font-display:swap}@font-face{font-family:"OpenDyslexicAlta";font-weight:700;font-style:italic;src:url("/fonts/OpenDyslexicAlta-BoldItalic.woff2") format("woff2"),url("/fonts/OpenDyslexicAlta-BoldItalic.otf") format("opentype");font-display:swap}@font-face{font-family:"OpenDyslexicMono";font-weight:400;font-style:normal;src:url("/fonts/OpenDyslexicMono-Regular.woff2") format("woff2"),url("/fonts/OpenDyslexicMono-Regular.otf") format("opentype");font-display:swap}:root{--font: "OpenDyslexic", sans-serif;--font-mono: "OpenDyslexicMono", monospace;--font-alt: "OpenDyslexicAlta", serif;--font-size: 14px;--card-maxwidth: 25rem;--padding: 1rem;--toolbar-height: 3rem}:root{--bg: hsl(0, 0%, 12%);--bg1: hsl(0, 0%, 15%);--bg2: hsl(0, 0%, 18%);--bg3: hsl(0, 0%, 21%);--fg: hsl(24, 65%, 85%);--accent: hsl(24, 65%, 65%);--red: hsl(0, 65%, 65%);--green: hsl(123, 65%, 65%);--yellow: hsl(55, 65%, 65%);--disabled: hsl(0, 0%, 65%);--shadow: hsla(0, 0%, 0%, 0.3)}:root{--font: "OpenDyslexic", sans-serif;--font-mono: "OpenDyslexicMono", monospace;--font-alt: "OpenDyslexicAlta", serif;--font-size: 14px;--bg: hsl(0, 0%, 12%);--bg1: hsl(0, 0%, 15%);--bg2: hsl(0, 0%, 18%);--bg3: hsl(0, 0%, 21%);--fg: hsl(24, 65%, 85%);--accent: hsl(24, 65%, 65%);--red: hsl(0, 65%, 65%);--green: hsl(123, 65%, 65%);--yellow: hsl(55, 65%, 65%);--disabled: hsl(0, 0%, 65%);--shadow: hsla(0, 0%, 0%, 0.3);--card-maxwidth: 25rem;--padding: 1rem;--toolbar-height: 3rem}.routine-container,.newroutine-container,.week-container,.day-container,.task-container,.newtask-container,.login-container,.siteerror-container,.default-container{position:relative;background-color:var(--bg2);width:100%;padding:var(--padding);padding-top:calc(var(--toolbar-height) + var(--padding));gap:var(--padding)}.routine-card,.newroutine-card,.week-card,.day-card,.error-card,.task-card,.newtask-card,.login-card,.siteerror-card,.default-card{display:flex;background-color:var(--bg3);padding:calc(var(--padding)/2.5);box-shadow:2px 2px 0 var(--shadow);gap:var(--padding);margin:0;border:none}*{box-sizing:border-box}*:focus{outline:1px solid var(--accent)}*:active{outline:none}.warn,.error-card,.task-delete-button,.toolbar-close{color:var(--red)}.confirm{color:var(--green)}.yellow{color:var(--yellow)}.accent{color:var(--accent)}.ghost{color:var(--disabled)}html{font-family:var(--font);font-size:var(--font-size);color:var(--fg);background-color:var(--bg)}body{margin:0;min-height:100vh;display:flex;flex-flow:column nowrap;justify-content:space-between;gap:calc(var(--padding)*2)}a{color:var(--accent)}h1,h2,h3{margin:0}header,footer,main{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;min-width:20rem;width:100%;padding:var(--padding)}header h1{margin:0}main{align-self:center;max-width:90%;gap:var(--padding);align-items:stretch}footer{flex-flow:row wrap;gap:var(--padding);font-size:calc(var(--font-size)*.75)}input,textarea{color:var(--fg);font-family:var(--font-mono);font-size:1rem;background-color:var(--bg2);box-shadow:inset 2px 2px var(--shadow);border:none;resize:none;padding:calc(var(--padding)/5) calc(var(--padding)/2.5)}input:hover,textarea:hover{background-color:inherit}input[type=checkbox]{appearance:none;cursor:pointer;background-color:var(--bg2);width:1.2rem;height:1.2rem;box-shadow:inset 2px 2px 0 var(--shadow)}input[type=checkbox]:hover{background-color:inherit}input[type=checkbox]:active,input[type=checkbox]:checked{background-color:var(--accent)}input[type=number]{width:4rem}.time-input{width:6rem}button{color:var(--fg);background-color:var(--bg2);font-family:var(--font);font-weight:700;cursor:pointer;border:none}button:hover{box-shadow:2px 2px 0 var(--shadow);background-color:inherit}button:active{box-shadow:inset 2px 2px 0 var(--shadow);transform:translate(1px, 1px)}legend,.toolbar{top:0;left:0;position:absolute;display:flex;flex-flow:row nowrap;width:100%;background-color:var(--bg1);margin:0;height:var(--toolbar-height);padding:0 var(--padding);align-items:center;justify-content:flex-start;gap:.5rem}.toolbar-close{text-decoration:none;margin-left:auto}.siteerror-container{display:flex;flex-flow:row nowrap;align-self:center;width:15rem}.siteerror-card{flex-flow:column nowrap;gap:1rem}.login-container{margin-left:auto;margin-right:auto;display:flex;flex-flow:column nowrap;min-width:20rem;max-width:25rem}.login-card{flex-flow:column nowrap}.login-card span{display:flex;flex-flow:column nowrap;justify-content:space-between}.login-card span:has(input[type=checkbox]){flex-flow:row nowrap;align-items:center}.newtask-container{display:flex;flex-flow:row wrap;align-self:start;width:auto}.newtask-card{flex-flow:column nowrap;justify-content:space-between;gap:1rem;flex:1 0}.newtask-card span{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:1rem}.newtask-card a{align-self:center}.task-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(var(--card-maxwidth), 100%), 1fr));grid-template-rows:masonry}.task-card{align-self:start;flex-flow:column nowrap;justify-content:space-between}.task-title-group{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.task-title-group small{flex-basis:100%}.task-title{margin:0;word-break:break-word;white-space:normal;max-width:85%}.task-delete-button{width:2rem;height:2rem}.task-description{background-color:var(--bg2);padding:calc(var(--padding)/5) calc(var(--padding)/2.5);margin:0;word-break:break-word;box-shadow:inset 2px 2px var(--shadow)}.task-actions{display:flex;flex-flow:row wrap;justify-content:space-between;gap:inherit}.task-nocard{grid-column:1/-1;text-align:center}.error-container{flex:1 1;display:flex;flex-flow:column wrap;justify-content:flex-start;width:100%;gap:1rem}.error-card{width:100%;background-color:var(--bg3);margin:0;padding:calc(var(--padding)/2.5);word-break:break-word}.day-container{display:flex;flex-flow:column nowrap;gap:1rem}.day-card{display:flex;flex-flow:column nowrap;gap:1rem;justify-content:flex-end}.week-container{display:flex;flex-flow:column nowrap;gap:1rem;padding:var(--padding)}.week-card{display:flex;flex-flow:column nowrap;gap:1rem;height:auto}.newroutine-container{display:flex;flex-flow:row wrap;align-self:start;width:auto}.newroutine-card{flex-flow:column nowrap;justify-content:space-between;gap:1rem;flex:1 0}.newroutine-card span{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:1rem}.newroutine-card a{align-self:center}.routine-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(var(--card-maxwidth), 100%), 1fr));grid-template-rows:masonry;gap:1rem}section .routine-container,details .routine-container{padding:var(--padding)}.routine-card{align-self:start;flex-flow:column nowrap;justify-content:space-between}/*# sourceMappingURL=main.css.map */