html{font-family:Inter,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,html{background-color:#F9FAFB;color:#111827}body{margin:0;font-family:inherit;line-height:inherit}.p-4{padding:1rem}.m-4{margin:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.text-lg{font-size:1.125rem}.text-gray-600{color:#4B5563}button{padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem;transition:background-color .3s}button:hover{background-color:#2563EB}.card,.task-card{background-color:#FFFFFF;border-radius:.75rem;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1rem;margin-bottom:1rem}.task-card{overflow:hidden;word-wrap:break-word}.task-container{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:100%;box-sizing:border-box}.space-y-4>*+*{margin-top:1rem}.container{max-width:640px;margin:0 auto;padding:1rem}textarea{width:100%;height:60px;margin-bottom:8px;padding:12px;border:2px solid #e0e0e0;border-radius:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);font-size:16px;font-family:Arial,sans-serif;resize:none;transition:all .3s ease;max-width:100%;box-sizing:border-box}textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 8px rgba(0,123,255,.5),inset 0 2px 4px rgba(0,0,0,.1);background-color:#f9f9f9}