@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,:after,:before{margin:0;padding:0;box-sizing:border-box;text-align:center}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4fc79,#96e6a1,#a1c4fd,#c2e9fb,#fbc2eb);font-family:Inter,sans-serif;word-spacing:1px;color:#0f0f0f}body h1{margin-bottom:15px;text-shadow:0 0 12px #e0e0e0}body .container{background:#ffffff26;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);max-width:75vw;word-wrap:break-word;border-radius:16px;padding:20px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18)}body .container section{padding:10px}body .container .form{font-size:1rem}body .container .form input{background:#e0e0e0;border-radius:10px;box-shadow:inset 4px 4px 6px #bebebe,inset -4px -4px 6px #fff;padding:10px 24px;margin:10px 5px;border:none;outline:none;font-size:1rem;font-family:Inter,sans-serif}body .container .form input#important{accent-color:#ffb74d;transform:scale(1.2);margin-left:10px;box-shadow:inset 2px 2px 3px #bebebe,inset -2px -2px 3px #fff}body .container .form .btn-add{background:#ffcc80;border:none;border-radius:5px;margin:10px auto;padding:10px 24px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease-in-out;box-shadow:4px 4px 10px #bebebe80,-4px -4px 10px #ffffff80;display:block}body .container .form .btn-add:hover{background:#ffb74d;box-shadow:4px 4px 8px #bebebe99,-4px -4px 8px #fff9}body .container .form .btn-add:active{box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fff9}ul{display:flex;flex-direction:column;justify-content:center;align-items:center}ul li{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;list-style:none;padding:0 10px}ul li button{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;line-height:1;background:#ffcc80;border:none;border-radius:5px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease-in-out;box-shadow:4px 4px 10px #bebebe80,-4px -4px 10px #ffffff80;font-size:.8rem;margin:10px auto 10px 10px;padding:5px 10px}ul li button:hover{background:#ffb74d;box-shadow:4px 4px 8px #bebebe99,-4px -4px 8px #fff9}ul li button:active{box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fff9}ul li button.trash{padding:5px;aspect-ratio:1/1}ul li svg:hover{background:none;box-shadow:none}ul li strong.important{color:red}ul li p{margin-right:auto}