*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,div#app{margin:0;padding:0}:root{--c: #42b983;--b: white;--d: black}header{padding:0;margin:0;font-size:5em;display:flex;justify-content:center;gap:.5em;div{position:relative;cursor:pointer;color:var(--c);line-height:5rem;height:5rem;width:5rem}.username{position:absolute;top:0;right:0;font-size:1rem;height:1rem;line-height:1rem;color:var(--d)}}h1{color:var(--c);background-color:var(--b);text-align:center;display:flex;span:first-child,span:last-child{cursor:pointer;color:var(--b);background-color:var(--c);padding:0 1em}span:nth-child(2){flex-grow:1;&.today{color:var(--d)}}}.list-of-done{min-height:14em;padding-bottom:2em;>div{position:relative;background-color:var(--d)!important;.quantity{position:absolute;top:0;right:0;font-size:1rem;height:1rem;line-height:1rem;color:var(--b)}}}.list-of-templates,.list-of-done{display:flex;gap:1em;padding:1em;width:100vw;flex-wrap:wrap;>div{border:3px solid var(--color, var(--d));border-radius:.5em;padding:.25em;color:var(--b);background-color:color-mix(in lab,var(--color, white),var(--d));line-height:1.2em;display:flex;align-items:center;text-align:center;width:5rem;height:5rem}}.pwa-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff;filter:invert()}.pwa-toast .message{margin-bottom:8px}.pwa-toast button{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}