:root{line-height:1.5;font-weight:200;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Inter,sans-serif;font-weight:300;min-width:320px;min-height:100vh}h1{font-size:3.2em;font-weight:300;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;text-align:center}.brand{font-family:Lobster,cursive;margin:0 auto;width:17rem;padding:0;text-shadow:0 0 8px #ffffff;transition:text-shadow 1.5s ease;font-size:5rem}.brand:hover{text-shadow:0 0 10px #1a2fff,0 0 15px #1a2fff,0 0 25px #1a2fff,0 0 45px #1a2fff,0 0 65px #1a2fff}.brandLink{color:inherit;text-decoration:none}header{text-align:center;margin-bottom:2rem}header nav{margin-top:.5rem}header nav a,header nav button{font-size:1rem;margin:0 12px;color:inherit;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;transition:text-shadow 1.5s ease}header nav a:hover,header nav button:hover{color:#fff;text-shadow:0 0 10px #ffffff,0 0 15px #ffffff,0 0 25px #ffffff,0 0 45px #ffffff,0 0 65px #ffffff}header nav button{padding:0}.welcomeText{padding:5rem 0}.nav a{margin:0 .5rem;color:inherit;text-decoration:none;transition:text-shadow 1.5s ease}.nav a:hover{color:#fff;text-shadow:0 0 10px #ffffff,0 0 15px #ffffff,0 0 25px #ffffff,0 0 45px #ffffff,0 0 65px #ffffff}.signUp{text-decoration:none;color:#1a2fff;text-shadow:0 0 6px #1a2fff;transition:color 1.5s ease,text-shadow 1.5s ease}.signUp:hover{color:#fff;text-shadow:0 0 10px #ffffff,0 0 15px #ffffff,0 0 25px #ffffff,0 0 45px #ffffff,0 0 65px #ffffff}form button,.google{margin-top:.3rem}.signIn{text-decoration:none;color:#1a2fff;text-shadow:0 0 6px #1a2fff;transition:color 1.5s ease,text-shadow 1.5s ease}.signIn:hover{color:#fff;text-shadow:0 0 10px #ffffff,0 0 15px #ffffff,0 0 25px #ffffff,0 0 45px #ffffff,0 0 65px #ffffff}form{display:flex;flex-direction:column;align-items:center;gap:.6rem}form input{width:220px}form button{margin-top:.3rem}ul{list-style:none}.category-form{margin:1rem 0}.category-input{background:#1e1e1e;color:#fff;border:1px solid #444;padding:.4rem .6rem;border-radius:4px;outline:none;transition:border .3s ease,box-shadow .3s ease}.category-input:focus{border-color:#1a2fff;box-shadow:0 0 6px #1a2fff}.category-button{margin-left:.5rem;background:#121212;color:#fff;border:1px solid #444;padding:.35rem .7rem;border-radius:6px;cursor:pointer;transition:border .3s ease,box-shadow .3s ease}.category-button:hover{border-color:#1a2fff;box-shadow:0 0 6px #1a2fff,0 0 12px #1a2fff}.category-filter{margin:.8rem 0}.category-select{background:#1e1e1e;color:#fff;border:1px solid #444;padding:.35rem .6rem;border-radius:4px;outline:none;transition:border .3s ease,box-shadow .3s ease}.category-select:hover,.category-select:focus{border-color:#1a2fff;box-shadow:0 0 6px #1a2fff}.edit{text-decoration:none;color:#1a2fff;text-shadow:0 0 6px #1a2fff;transition:color 1.5s ease,text-shadow 1.5s ease;margin-left:10px}.edit:hover{color:#fff;text-shadow:0 0 10px #ffffff,0 0 15px #ffffff,0 0 25px #ffffff,0 0 45px #ffffff,0 0 65px #ffffff}.delete{text-decoration:none;color:#fa0606;text-shadow:0 0 6px #fa0606;transition:color 1.5s ease,text-shadow 1.5s ease;margin-left:10px}.delete:hover{color:#fff;cursor:pointer;text-shadow:0 0 10px #ffffff,0 0 15px #ffffff,0 0 25px #ffffff,0 0 45px #ffffff,0 0 65px #ffffff}