*{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box;color:#202124}h1,h2,h3,input,button{font-family:"Press Start 2P",system-ui}#root{min-height:100vh;display:flex;flex-direction:column;padding:14px;background:#eff6ff;gap:14px}header{display:flex;align-items:stretch}header,.main{max-width:800px;width:100%;margin:0 auto;gap:14px}header input{flex:1;border-radius:14px;outline:none;width:100%}header button{border-radius:14px;background:transparent;transition-duration:.2s;cursor:pointer}header button:hover{opacity:.7}header button,header input{padding:14px 18px;border:none;outline:none;background:#fff}p{font-size:.9em}.main{display:flex;flex-direction:column;gap:14px}.todoItem{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:#fff}.todoItem p{flex:1}.actionsContainer{display:flex;align-items:center;gap:14px}.actionsContainer button{transition-duration:.2s;border:none;background:transparent;cursor:pointer}.actionsContainer button:hover{opacity:.7}@media (min-width: 640px){header button,header input{font-size:1.2em}p{font-size:1em}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f7fc}.login-card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.login-heading{font-size:24px;font-weight:700;margin-bottom:20px;color:#333}.login-form{display:flex;flex-direction:column;gap:15px}.login-form label{font-size:14px;color:#666}.login-form input{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;transition:border-color .3s ease}.login-form input:focus{border-color:#007bff}.login-button{padding:10px;font-size:16px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease}.login-button:disabled{background-color:#b0c4de;cursor:not-allowed}.login-button:hover:not(:disabled){background-color:#0056b3}.google-login-button{padding:10px;font-size:16px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease}.signup-link{font-size:14px;color:#555}.signup-link a{color:#007bff;text-decoration:none}.signup-link a:hover{text-decoration:underline}.signup-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f7fc}.signup-card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center}.signup-heading{font-size:24px;font-weight:700;margin-bottom:20px;color:#333}.signup-form{display:flex;flex-direction:column;gap:15px}.signup-form label{font-size:14px;color:#666}.signup-form input{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;transition:border-color .3s ease}.signup-form input:focus{border-color:#007bff}.signup-button{padding:10px;font-size:16px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease}.signup-button:disabled{background-color:#b0c4de;cursor:not-allowed}.signup-button:hover:not(:disabled){background-color:#0056b3}.error-message{color:red;font-size:14px;margin-bottom:15px}.login-link{font-size:14px;color:#555}.login-link a{color:#007bff;text-decoration:none}.login-link a:hover{text-decoration:underline}