:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f9fafb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.app{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 4rem;color:#1f2937}.app__header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.app__header h1{margin:0;font-size:2.4rem}.app__header p{margin:.4rem 0 0;color:#4b5563}.app__api-key{display:grid;gap:.5rem;max-width:320px}.app__api-key input{padding:.6rem .75rem;border-radius:.5rem;border:1px solid #d1d5db}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 16px 30px #0f172a14;margin-bottom:1.5rem}.todo-form{display:grid;gap:1rem}.todo-form__field{display:grid;gap:.4rem}.todo-form input,.todo-form textarea{padding:.75rem;border-radius:.5rem;border:1px solid #d1d5db;font-size:1rem;font-family:inherit}.todo-form textarea{min-height:120px;resize:vertical}button{background:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.6rem 1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.todos-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.todo-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.todo{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem;border:1px solid #e5e7eb;border-radius:.75rem}.todo__info{display:grid;gap:.35rem}.todo__title{display:flex;align-items:center;gap:.5rem;font-weight:600}.todo--completed{background:#f0fdf4;border-color:#86efac}.todo--completed .todo__title span{text-decoration:line-through}.app__error{color:#b91c1c;background:#fee2e2;padding:.75rem;border-radius:.5rem}.app__loading,.app__empty{color:#6b7280;padding:.75rem 0}@media(min-width:768px){.app__header{flex-direction:row;align-items:center;justify-content:space-between}}