@import"https://fonts.googleapis.com/css2?family=Rubik+Gemstones&family=Quicksand:wght@500;700&display=swap";*{box-sizing:border-box;padding:0;margin:0}body{font-family:Quicksand,sans-serif;background:linear-gradient(135deg,#4a148c,#7e57c2);color:#fff;height:100vh;display:flex;justify-content:center;align-items:center}.app{width:90vw;max-width:1200px;height:90vh;background:#ffffff1f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;display:grid;grid-template-rows:auto auto 1fr auto;box-shadow:0 10px 30px #0003}h1{padding:1.5rem;background:linear-gradient(135deg,#311b92,#673ab7);text-align:center;font-size:3rem;font-weight:400;font-family:Rubik Gemstones,sans-serif;border-radius:20px 20px 0 0;border-bottom:3px solid rgba(255,255,255,.2);text-shadow:2px 2px 5px rgba(0,0,0,.3)}.form{background:linear-gradient(135deg,#d84315,#e57373);padding:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;border-bottom:3px solid rgba(255,255,255,.2);border-radius:0 0 20px 20px}.form button,select,input{background-color:#ffd54f;color:#333;border:none;border-radius:10px;padding:1rem 2rem;cursor:pointer;transition:all .3s ease-in-out;font-weight:600;box-shadow:0 5px 15px #0003}.form button:hover,select:hover,input:hover{background-color:#fff8e1;transform:scale(1.05)}.list{background:#ffffff26;color:#fff;padding:2rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto;border-radius:10px}.list ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;list-style:none;width:90%;padding:0}.list li{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#6a1b9a,#9c27b0);padding:1rem;border-radius:15px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 5px 15px #0003}.list li:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.list li button{cursor:pointer;background:none;border:none;font-size:1.5rem;padding:.5rem;color:#ffab91;transition:color .3s ease-in-out,transform .2s ease-in-out}.list li button:hover{color:#ffd54f;transform:scale(1.2)}input[type=checkbox]{display:none}.custom-label{display:flex;align-items:center;cursor:pointer;font-size:1.2rem}.custom-checkbox{display:inline-block;width:22px;height:22px;border:2px solid #FFD54F;border-radius:5px;position:relative;margin-right:10px;cursor:pointer;transition:all .3s ease-in-out}input[type=checkbox]:checked+.custom-label .custom-checkbox{background:#ffd54f;border-color:#ffeb3b;box-shadow:0 0 10px #ffd54fcc}input[type=checkbox]:checked+.custom-label .custom-checkbox:after{content:"✔";font-size:1rem;font-weight:700;color:#4a148c;position:absolute;left:4px;top:0;transition:all .3s ease-in-out}input[type=checkbox]:checked+.custom-label{text-decoration:line-through;color:#ffffffb3}.summary{text-align:center;font-weight:700;padding:2rem;font-size:1.2rem;background:#ffffff1f;border-top:3px solid rgba(255,255,255,.2);border-radius:0 0 20px 20px;box-shadow:0 -5px 15px #0003}