:root{--primary-100:#f3e8ff;--primary-200:#e9d5ff;--primary-300:#d8b4fe;--primary-400:#c084fc;--primary-500:#a855f7;--primary-600:#9333ea;--primary-700:#7e22ce;--primary-800:#6b21a8;--primary-900:#581c87;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--transition:all 0.5s ease;--spacing:0.1rem;--radius:0.5rem;--shadow:0 5px 15px rgba(0,0,0,.1)}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;background-color:var(--gray-100);color:#4b5563;color:var(--gray-600);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{display:flex;flex-direction:column;grid-template-columns:1fr;justify-content:space-between;margin:auto;min-height:100vh;padding-left:calc(100vw - 100%)}.nav{box-shadow:0 15px 10px -15px rgba(0,0,0,.1)}.nav-header{align-items:center;display:flex;justify-content:space-between}.logo{text-align:center;-webkit-transform:translateX(-16px);transform:translateX(-16px);width:90vw}.logo,.nav-toggle{color:#a855f7;color:var(--primary-500)}.nav-toggle{background-color:transparent;border:transparent;cursor:pointer;display:flex;font-size:2rem;padding:6.5px 1rem}.nav-links{background-color:#f3f4f6;background-color:var(--gray-100);box-shadow:0 15px 10px -15px rgba(0,0,0,.1);height:0;letter-spacing:.1rem;letter-spacing:var(--spacing);list-style:none;overflow:hidden;position:absolute;text-align:center;transition:all .5s ease;transition:var(--transition);width:100%}.show-links{height:147px}.nav{margin-bottom:25px;padding:10px 0}.nav-links a{color:#c084fc;color:var(--primary-400);display:block;padding:.75rem;text-decoration:none}.nav-links a:hover{background-color:#c084fc;background-color:var(--primary-400);color:#fff;font-weight:500}.main{flex-grow:1;margin:0 auto;max-width:500px;width:100%}.btn{background-color:#a855f7;background-color:var(--primary-500);border:transparent;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:.1rem;letter-spacing:var(--spacing);line-height:1.5;padding:.5rem;width:25%}.btn,.btn:hover{color:#e5e7eb;color:var(--gray-200)}.btn:hover{background-color:#6b21a8;background-color:var(--primary-800);box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:var(--shadow)}.form{padding:.5rem 1rem}.form-container{display:flex;gap:.5rem}.form-input{background-color:#e5e7eb;background-color:var(--gray-200);border:2px solid #d8b4fe;border:2px solid var(--primary-300);border-radius:.5rem;border-radius:var(--radius);font-size:1rem;line-height:2;padding:.5rem;width:75%}.form-input:focus-visible{border:2px solid #a855f7;border:2px solid var(--primary-500);box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:var(--shadow);outline:0}.alert{height:2.5rem;letter-spacing:.1rem;letter-spacing:var(--spacing);padding:.5rem 0}.alert-red{color:#dc2626}.alert-green{color:#16a34a}.task-container{padding:0 1rem;text-align:center;text-transform:capitalize}.task-container p{letter-spacing:.1rem;letter-spacing:var(--spacing);text-transform:none}.task-list{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0}.task-item{border:1px solid #9ca3af;border:1px solid var(--gray-400);border-radius:.5rem;border-radius:var(--radius);display:flex;justify-content:space-between;overflow:hidden}.task-item:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:var(--shadow)}.task-item h3{flex-grow:1;padding:1.2rem;text-align:left}.completed{-webkit-text-decoration:line-through solid .1rem;text-decoration:line-through solid .1rem}.check-btn,.completed{color:#9ca3af;color:var(--gray-400)}.check-btn{align-items:center;background-color:transparent;border:transparent;cursor:pointer;display:flex;font-size:1.5rem;margin:1.2rem}.check-btn:hover{color:#15803d}.checked{color:#16a34a}.task-btn{align-items:center;background-color:transparent;border:transparent;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;font-size:1.5rem;padding:1.2rem}.task-btn:hover{background-color:#fecaca;color:#dc2626}.btn-clear{background-color:transparent;border:2px solid #ef4444;color:#ef4444;display:block;margin:1.5rem auto;width:50%}.btn-clear:hover{background-color:#ef4444}.footer{color:#c084fc;color:var(--primary-400);padding-bottom:.75rem;text-align:center}@media screen and (min-width:750px){.nav{display:flex;justify-content:space-around;padding:10px 0}.nav-toggle{display:none}.nav-links{box-shadow:none;display:flex;height:auto;position:static;width:auto}.logo{-webkit-transform:translateX(0);transform:translateX(0);width:auto}.nav-links a:hover{background-color:transparent;color:#a855f7;color:var(--primary-500);font-weight:500}}
/*# sourceMappingURL=main.734269f0.css.map*/