:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#212228;background-image:linear-gradient(#292a29 .1em,transparent .1em),linear-gradient(90deg,#292a29,.1em,transparent .1em);background-size:4em 4em;height:100vh;position:relative;overflow:auto}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{width:400px;border-radius:5px;cursor:pointer;position:absolute;box-shadow:0 1px #00000013,0 2px 2px #000000bf,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013}.card-body{padding:1em;border-radius:0 0 5px 5px}.card textarea{background-color:inherit;border:none;width:100%;height:100%;resize:none;font-size:17px}textarea :focus{background-color:inherit;outline:none;width:100%;height:100%}.card-head{border-radius:5px 5px 0 0;display:flex;justify-content:end;align-items:center;padding:5px 10px 4px}.animation-delete{animation:card-delete 2s ease forwards}@keyframes card-delete{0%{background:local;scale:1}to{background:red;scale:0}}.animation-add{animation:add-item 2.5s ease forwards}@keyframes add-item{0%{scale:0}to{scale:1}}.on-boarding{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background-color:#000000a6;pointer-events:none;mask:linear-gradient(transparent,transparent)}.tutorial-button{color:#ccc;padding:4px 6px;font-size:16px;cursor:pointer;background-color:#0b28cfa1;border-radius:10px}.tutorial-button:active{background-color:#ffffff40}