@import"https://fonts.googleapis.com/css?family=BioRhyme:200,300,regular,500,600,700,800&display=swap";@import"https://fonts.googleapis.com/css?family=Eczar:regular,500,600,700,800&display=swap";@import"https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic&display=swap";@import"https://fonts.googleapis.com/css?family=Press+Start+2P:regular&display=swap";#root{min-height:100vh;max-width:700px;width:100%;margin:0 auto;display:flex;flex-direction:column}header,main,footer{padding:1.5rem}main{flex:1;display:flex;flex-direction:column;gap:2rem}section{display:flex;flex-direction:column;gap:1.5rem}#welcome{flex:1;justify-content:center;gap:2rem;padding-top:1rem}#welcome svg{height:25px}#welcome div{display:flex;flex-direction:column;gap:1rem}#welcome input{font-size:2rem;max-width:100%}#welcome button{display:grid;place-items:center;padding:1rem 2rem}svg path{fill:var(--bg-base)}.stats-card{display:flex;flex-direction:column;gap:1rem}.welcome-text{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.5rem 1rem}.stats-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.level{min-height:40px;display:flex;align-items:stretch;gap:1px;border-radius:var(--border-radius-small);overflow:hidden;position:relative;width:100%}.level>div:first-of-type{position:absolute;inset:0;display:grid;place-items:center;z-index:4}.level-bar{flex:1;background:var(--text-link-muted)}.xp{position:absolute;height:100%;left:0;top:0;background:var(--text-link)}.countdown-card{display:flex;flex-direction:column;gap:1rem}.item-header{color:var(--text-top)}.today-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.countdown-card button{padding:.75rem}.start-task{width:100%;display:grid;place-items:center}.history-card,.history-list{display:flex;flex-direction:column;gap:1rem}.history-list>div{padding:1rem;border-radius:var(--border-radius-small);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.history-list div div:first-of-type{grid-column:span 2}.history-list div div{display:flex;flex-direction:column;gap:.1rem;color:var(--text-base)!important}#challenge{display:flex;flex-direction:column;gap:2rem;flex:1;justify-content:center;align-items:center;padding:1rem}#challenge h3{font-size:clamp(1.125rem,.625rem + 2.581vw,1.625rem)}#challenge em{font-size:1.5rem;color:var(--text-muted)}.challenge-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%}.challenge-btns button{display:grid;place-items:center;width:100%}.challenge-btns button h6{white-space:nowrap;padding:.5rem 0}.helper{display:flex;flex-direction:column;gap:.75rem;width:100%}.helper input{max-width:100%;text-align:center;font-size:16px}.helper>div:first-of-type{display:flex;align-items:center;gap:.5rem}.helper div div{background:var(--text-link-transparent);height:6px;flex:1;border-radius:var(--border-radius-small)}.correct{background:var(--bg-accent)!important}.incorrect{background:#f6339a!important}.correct-message{position:absolute;align-self:center;font-size:3rem;line-height:3.5rem;color:#4ade80;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,0px 2px 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff;font-weight:700;text-align:center}.animate-pop{animation:pop .4s ease}.correct-fade{animation:fadeInOut 1.8s ease-in-out forwards}.canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999}footer{display:flex;flex-direction:column;gap:.3rem;align-items:center;color:var(--text-muted)}footer a{display:flex;align-items:center;gap:.2rem;padding:.3rem .4rem .3rem .3rem;background:var(--bg-top);color:var(--text-muted);border-radius:4rem;border:1px solid transparent;text-decoration:none;box-shadow:var(--shadow);transition-duration:.2s}footer a:hover{border-color:var(--border-muted);box-shadow:0 0 0 0 var(--border-muted);transform:translate(2px,2px)}footer a img{max-width:30px;aspect-ratio:1/1;border-radius:50%}@media (max-width: 640px){#challenge h3{text-align:center}}@keyframes pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:1}1000%{transform:scale(1)}}@keyframes fadeInOut{0%{opacity:0;transform:scale(.8)}30%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1.2)}}:root{--bg-bottom: hsl(0 0% 100%);--bg-base: hsl(240 20% 98%);--bg-top: hsl(240 40% 93%);--bg-accent: hsl(240 15% 80%);--bg-muted: hsl(240 15% 80% / .5);--text-top: hsl(230 75% 40%);--text-base: hsl(230 75% 15%);--text-muted: hsl(230 75% 30%);--text-link: hsl(221 83% 65%);--text-link-muted: hsl(221 83% 55% / .2);--accent: hsl(220 100% 60%);--gradient-start: hsl(250 100% 65%);--gradient-end: hsl(170 100% 65%);--border-base: hsl(229 40% 30%);--border-muted: hsl(229 40% 60%);--border-highlight: hsl(229 40% 80%);--border-radius-small: .5rem;--border-radius-large: .75rem;--highlight-border-radius: .5rem;--shadow: 0px 2px 2px hsla(0, 0%, 0%, .17), 0px 4px 4px hsla(0, 0%, 0%, .15);--shadow-large: -1px -1px 4px #0022ffbf, 2px 2px 10px #0022ffbf, 0 0 20px #0022ffbf;--padding-small: 1rem;--padding-large: 2rem}@media (prefers-color-scheme: dark){:root{--bg-bottom: hsl(228 50% 4%);--bg-base: hsl(233 35% 12%);--bg-top: hsl(233 33% 20%);--bg-accent: hsl(240 15% 35%);--bg-muted: hsl(240 15% 80% / .2);--text-top: hsl(230 75% 95%);--text-base: hsl(230 75% 88%);--text-muted: hsl(230 75% 85%);--text-link: hsl(221 83% 65%);--text-link-muted: hsl(221 83% 55% / .4);--accent: hsl(220 100% 60%);--gradient-start: hsl(250 100% 75%);--gradient-end: hsl(170 100% 75%);--border-base: hsl(229 40% 30%);--border-muted: hsl(229 40% 60%);--border-highlight: hsl(229 40% 80%);--border-radius-small: .5rem;--border-radius-large: .75rem;--highlight-border-radius: .5rem;--shadow: 0px 2px 2px hsla(0, 0%, 0%, .17), 0px 4px 4px hsla(0, 0%, 0%, .15);--shadow-large: -1px -1px 4px #0022ffbf, 2px 2px 10px #0022ffbf, 0 0 20px #0022ffbf;--padding-small: 1rem;--padding-large: 2rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--bg-bottom);color:var(--text-base);font-size:.875rem;line-height:1.6rem}.text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(180deg,var(--gradient-start) 0,var(--gradient-end) 100%);background-size:100%;-webkit-box-decoration-break:clone;text-shadow:none!important;font-size:3rem;line-height:3.5rem}.special-shadow{text-shadow:var(--shadow);color:var(--accent)}h1,h2,h3,h4,h5,h6,button{font-family:BioRhyme,serif;width:fit-content}.text-large{font-size:1.875rem;line-height:2.25rem;color:var(--text-top)}h1{font-size:1.5rem;line-height:2rem}h2{font-size:1.25rem;line-height:1.75rem}h3,.text-medium{font-size:1.125rem;line-height:1.75rem}h4{font-size:1rem;line-height:1.5rem}h5,h6{font-size:.875rem;line-height:1.25rem}p{display:block;width:fit-content}span{font-weight:inherit;font-size:inherit;line-height:inherit}address{font-style:normal}aside{float:right;width:40%;padding:.75rem;margin:.5rem;font-style:italic;color:var(--text-base);background-color:var(--bg-top);border-radius:var(--border-radius-large)}blockquote{position:relative;padding-left:1.5rem;margin:0}blockquote:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;border-left:7px solid var(--border-base);border-radius:6px}blockquote footer{padding-top:1rem}dd{padding-bottom:11px}dt{font-weight:700}figcaption{padding-top:10px;font-size:.8rem}ul,ol{list-style-position:inside;padding-left:1rem}li{line-height:1.6em}a{color:var(--text-link)}a:active,a:focus,a:hover{text-decoration:none}.link-button{border:none;background:var(--bg-bottom);color:var(--text-base);box-shadow:none;padding:.5rem 1rem}.link-button:hover{box-shadow:none;transform:unset;text-decoration:underline}mark,samp,kbd,code,time{border-radius:var(--highlight-border-radius, 4px);box-decoration-break:clone;-webkit-box-decoration-break:clone}mark{background-color:var(--bg-bottom);padding:0 4px}samp{font-weight:700;padding:.5rem 1rem;background-color:var(--bg-top);color:var(--text-base)}kbd,time{padding:0rem .5rem;background-color:var(--bg-top);color:var(--text-base)}code,pre{font-size:.9em;padding:.2rem .5rem;background:var(--bg-top);border:1px solid var(--border-base);max-width:fit-content;overflow-x:auto}pre>code{padding:10px;border:0;display:block;overflow-x:auto}pre{border-radius:var(--border-radius-large)}sup,sub{line-height:normal}audio{width:100%}audio,img,video{border-radius:var(--border-radius-large);max-width:100%}img{height:auto}table{width:fit-content;border:1px solid var(--border-base);background:var(--bg-top);border-radius:var(--border-radius-small)}table tr:last-child td:first-child{border-bottom-left-radius:8px}table tr:last-child td:last-child{border-bottom-right-radius:8px}table tr:first-child th:first-child{border-top-left-radius:8px}table tr:first-child th:last-child{border-top-right-radius:8px}th{background-color:var(--bg-top)}td{background:var(--bg-bottom)}td,th{text-align:left;padding:8px}thead{border-collapse:collapse}tfoot{border-top:1px solid black}table tr:hover td,tbody tr:nth-child(2n):hover td{background-color:var(--bg-top)}button,select,input[type=submit],input[type=button],input[type=checkbox],input[type=range],input[type=radio]{cursor:pointer}button{color:var(--text-base);background-color:var(--bg-top);width:fit-content;font-family:inherit;font-size:inherit;font-weight:500;padding:.25rem 1.25rem;border:1.5px solid var(--border-muted);border-radius:var(--border-radius-small);box-shadow:2px 2px 0 0 var(--border-muted);transition-duration:.2s}button:hover{box-shadow:0 0 0 0 var(--border-muted);transform:translate(2px,2px)}button[disabled]:hover{box-shadow:2px 2px 0 0 var(--border-muted);transform:translate(0)}button:disabled,button[disabled]{border:1.5px solid var(--border-muted);cursor:initial;opacity:.55}label{display:block;max-width:fit-content;font-weight:500}input,textarea,select{font-size:1em;background-color:var(--bg-base);border:1px solid var(--border-base);color:var(--text-base);padding:.5rem .75rem;border-radius:var(--border-radius-small);width:100%;outline:none;appearance:none}input:disabled{cursor:not-allowed;opacity:.6}input[type=number].buttonless{appearance:textfield;-moz-appearance:textfield}input[type=number].buttonless::-webkit-inner-spin-button{display:none;appearance:none}input[type=number].buttonless::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox],input[type=radio]{padding:.5rem;width:fit-content;vertical-align:middle;position:relative;margin:.5rem .25rem .5rem .5rem}input[type=checkbox]{border-radius:7px;margin-left:0}input[type=radio]{border-radius:100%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--border-muted)}input[type=range]{vertical-align:middle;padding:0}input[type=color]{appearance:none;border:none;outline-style:none;padding:initial;max-width:initial;height:2rem;width:3rem}select:is([multiple]){background:none;height:fit-content}fieldset:focus-within,input:focus-within,textarea:focus-within,select:focus-within{border-color:var(--border-highlight)}fieldset:hover,input:hover,textarea:hover,select:hover{border-color:var(--border-highlight)}progress{appearance:none;height:1rem;margin:.75rem 0}progress::-webkit-progress-bar{background:var(--bg-base);border:1px solid var(--border-base);border-radius:var(--highlight-border-radius)}progress::-webkit-progress-value{background-color:var(--text-link);border-radius:var(--border-radius-small)}progress::-moz-progress-bar{background-color:var(--text-link);border-radius:var(--border-radius-small)}fieldset{border:1px solid var(--border-base);border-radius:var(--border-radius-small);margin:0 0 6px;padding:1rem;max-width:fit-content}details{border:1px solid var(--border-base);border-radius:var(--border-radius-small);padding:.5rem .75rem}summary{font-weight:700}details[open] summary{border-bottom:1px solid var(--border-base);margin-bottom:.5rem}.card,.button-card{background-color:var(--bg-base);color:var(--text-base);padding:1rem;border-radius:.5rem}.card,.button-card{border:1px solid var(--border-muted)}.button-card{box-shadow:none}.button-card:hover{transform:translate(0);box-shadow:none;border-color:var(--border-muted)}.card-button-primary,.card-button-secondary{border:none!important;box-shadow:none!important}.card-button-primary{color:var(--text-base);background:var(--bg-accent)}.card-button-secondary{color:var(--text-base);background:var(--bg-muted)}.card-button-primary:hover,.card-button-secondary:hover{transform:none;opacity:.6}@media (min-width: 640px){body{font-size:1rem;line-height:1.5rem}.text-large{font-size:2.25rem;line-height:2.5rem}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3,.text-medium{font-size:1.25rem;line-height:1.75rem}h4{font-size:1.125rem;line-height:1.75rem}h5,h6{font-size:1rem;line-height:1.5rem}button{width:fit-content}input{max-width:600px}}