/* ! Reset */body,html{font-size:16px;margin:0;padding:0}*,:after,:before,body,html{box-sizing:border-box;font-family:Outfit,serif}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}ol,ul{list-style-type:none}img{height:auto}body{background:#b7a0ff;background:radial-gradient(at center,#b7a0ff,#7546f6);height:100vh;height:100dvh;padding:20px}.header{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;padding:20px}.header h3{color:#fff;font-size:1.5rem;font-weight:400}.logo{width:100px}form{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fff9;border:1px solid #ffffff2e;border-radius:10px;border-radius:30px;box-shadow:0 8px 32px 0 #1f26875e;margin:32px auto 50px;max-width:600px;padding:20px;position:relative;transition:all 1s cubic-bezier(.215,.61,.355,1);width:100%}form input,form textarea{background-color:initial;border:none;color:#453e55;margin:4px;outline:none;resize:none;width:100%}form input::placeholder,form textarea::placeholder{color:#998bbb}form input{font-size:1.5rem;font-weight:500;margin-bottom:20px}form textarea{font-size:1.2rem;font-weight:400}form button{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fff;border:none;border-radius:10px;border-radius:50%;bottom:-25px;color:#7446f6;cursor:pointer;display:flex;height:60px;justify-content:center;position:absolute;right:18px;width:60px}.note,form button{box-shadow:0 8px 32px 0 #1f26875e}.note{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff2e;border-radius:10px;border-radius:25px;color:#453e55;float:left;margin:15px;padding:20px;width:300px}.note::placeholder{color:#998bbb}.note h1{font-size:1.3rem;font-weight:500;margin-bottom:6px}.note p{word-wrap:break-word;font-size:1rem;font-weight:400;margin-bottom:10px;white-space:pre-wrap}.note button{background:none;border:none;color:#998bbb;cursor:pointer;float:right;position:relative}.note{cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1)}.note.dragging{box-shadow:0 15px 50px 0 #1f268780;cursor:grabbing;opacity:.5;transform:scale(1.05) rotate(2deg)}.note.drag-over{box-shadow:0 20px 60px 0 #1f268799;transform:translateY(-10px)}.count{align-items:center;color:#fff;display:flex;justify-content:center;margin-top:20px}.count h4{font-weight:300}.footer{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);bottom:0;color:#fff;height:2.5rem;left:0;padding:10px;position:fixed;text-align:center;width:100%}.toast{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px 0 #1f268766;color:#453e55;font-weight:500;left:50%;opacity:0;padding:16px 32px;pointer-events:none;position:fixed;top:100px;transform:translateX(-50%) translateY(-100px) scale(.8);transition:all .5s cubic-bezier(.34,1.56,.64,1);z-index:1000}.toast.show{animation:slideInBounce .6s cubic-bezier(.34,1.56,.64,1) forwards;opacity:1;transform:translateX(-50%) translateY(0) scale(1)}@keyframes slideInBounce{0%{opacity:0;transform:translateX(-50%) translateY(-100px) scale(.8)}60%{opacity:1;transform:translateX(-50%) translateY(10px) scale(1.05)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.toast-icon{display:inline-block;font-size:1.2rem;margin-right:8px}@media (max-width:768px){.note{margin:0 0 20px;width:100%}.toast{max-width:90%;padding:14px 24px;top:80px}}
/*# sourceMappingURL=main.7be845c3.css.map*/