*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-box{background:#fff;border-radius:8px;padding:2rem;width:100%;max-width:360px;box-shadow:0 2px 8px #0000001a}.auth-box h1{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.tabs{display:flex;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.tabs button{flex:1;padding:.5rem 0 .75rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.95rem;color:#6b7280}.tabs button.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:500}.auth-box form{display:flex;flex-direction:column;gap:.75rem}input[type=email],input[type=password],input[type=text]{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;outline:none;width:100%}input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}button[type=submit]{padding:.6rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer;font-weight:500}button[type=submit]:hover{background:#1d4ed8}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.error{color:#dc2626;font-size:.875rem}.todo-box{background:#fff;border-radius:8px;width:100%;max-width:480px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.todo-box header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.todo-box h1{font-size:1.25rem}.user-info{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#6b7280}button.logout{background:none;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .6rem;cursor:pointer;font-size:.8rem;color:#6b7280}button.logout:hover{background:#f3f4f6}.add-form{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.add-form input{flex:1}.add-form button{padding:.6rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;white-space:nowrap}.add-form button:hover{background:#1d4ed8}.todo-list{list-style:none;padding:.5rem 0}.todo-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-bottom:1px solid #f3f4f6}.todo-list li:last-child{border-bottom:none}.todo-list li span{flex:1;font-size:.95rem}.todo-list li.completed span{text-decoration:line-through;color:#9ca3af}button.delete{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:1.25rem;line-height:1;padding:0 .25rem}button.delete:hover{color:#dc2626}.empty{padding:2rem;text-align:center;color:#9ca3af;font-size:.9rem}