/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{height:100%;background-color:#000;margin:0;padding:0;overflow:hidden}body{margin:0;padding:0;place-items:center;width:100%;height:100%;color-scheme:dark;color:#ffffffde;background-color:#242424;overflow:hidden;gap:0rem}h1{font-size:3.2em;line-height:0}#app{width:100%;height:calc(100% - 4px);max-height:calc(100% - 4px);margin:0;padding:0rem;text-align:center;gap:0rem;display:flex;flex-direction:column}@media (max-width: 480px){#app{width:100%;height:calc(100% - 60px);max-height:calc(100%-60px);margin:30px 0 0;padding:0rem;text-align:center;gap:0rem;overflow:hidden;display:flex;flex-direction:column}}.row{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:0rem;border:#c9c9c9 2px solid;width:calc(100% - 4px);padding:0;margin:0;flex-grow:0}.categorySelection{padding:4px;margin:4px}.contentContainer{align-items:center;justify-content:center;gap:0rem;border:#c9c9c9 2px solid;background-color:#242424;width:calc(100% - 4px);min-height:calc(100% - 194px);max-height:calc(100% - 100px);scroll-behavior:auto;overflow-y:auto;padding:10px 0 0;margin:0;flex-grow:1;flex-basis:min-content}@media (max-width: 480px){.contentContainer{align-items:center;justify-content:center;gap:0rem;border:#c9c9c9 2px solid;background-color:#242424;width:calc(100% - 4px);height:calc(100% - 280px);min-height:calc(100% - 287px);max-height:calc(100% - 167px);scroll-behavior:auto;overflow-y:auto;padding:10px 0 0;margin:0;flex-grow:1;flex-basis:min-content}}.blur{filter:blur(2px)}.libraryContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:minmax(100px,auto);gap:10px;width:80%;margin:0 auto}.libraryCard{align-items:left;justify-content:center;margin:auto auto 10px;max-width:300px;height:116x;background-color:#e1e1e1}.libraryCardHeader{justify-content:left;text-align:left;border:#484848 2px solid;background-color:#e1e1e1;color:#1a1a1a;height:106px;font-size:18pt;line-height:14px;vertical-align:middle;padding:2px;-webkit-user-select:none;user-select:none}.libraryCardFooter{justify-content:left;text-align:left;border:#484848 2px solid;border-top:0px;background-color:#acacac;color:#1a1a1a;height:6px;margin:auto}.libraryCardOverlay{position:fixed;top:142px;left:30%;right:30%;width:40%;height:60%;z-index:1000;justify-content:center;text-align:left;border:#484848 3px solid;background-color:#acacac;color:#1a1a1a;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out;scroll-behavior:auto;overflow-y:auto}.overlayUnderlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:#000a;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.task{align-items:center;justify-content:center;margin-left:auto;margin-right:auto;max-width:600px;min-width:420px;margin-bottom:15px}.taskHeader{justify-content:left;text-align:left;border:#484848 2px solid;background-color:#e1e1e1;color:#1a1a1a;height:50px;font-size:18pt;vertical-align:middle;margin:auto;line-height:41px}.taskElement{height:calc(100% - 6px);vertical-align:middle;margin:auto}.taskFooter{border:#484848 2px solid;border-top:0px;background-color:#acacac;color:#1a1a1a;height:30px;font-size:10pt;vertical-align:middle;margin:auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.buttonSelected{border:#646cff 1px solid;background-color:#646cff;color:#000}button{border-radius:8px;border:1px solid transparent;padding:.3em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:#acacac;color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@keyframes fadeIn{0%{opacity:0}20%{opacity:0}to{opacity:1}}.imageElement{animation:fadeIn 8s forwards}.rating-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:calc(90% - 40px);margin:20px auto auto;gap:8px;border-radius:12px;box-shadow:0 4px 20px #0000001a}.rating-box{width:30px;height:60px;background-color:#474747;cursor:pointer;transition:background-color .2s ease,transform .1s ease;border-radius:4px;padding-left:2px;padding-right:2px;float:left}.color-1-3,.color-4-7,.color-8-10,.colorSelected{background-color:#48a5df}.colorHover{background-color:#8abddc}.rating-box.active{box-shadow:0 0 10px #0003}#rating-display{margin-top:20px;font-size:1.5em;font-weight:700}