*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:system-ui,sans-serif}.auth-form{background:#fff;border-radius:8px;flex-direction:column;gap:12px;max-width:360px;margin:80px auto;padding:32px;display:flex;box-shadow:0 2px 8px #0000001a}.auth-form h2{font-size:20px;font-weight:600}.auth-form input{border:1px solid #ddd;border-radius:4px;outline:none;padding:10px;font-size:14px}.auth-form input:focus{border-color:#4f46e5}.auth-form button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:4px;padding:10px;font-size:14px}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-form a{color:#4f46e5;text-decoration:none}.todo-view{max-width:600px;margin:40px auto;padding:0 16px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{font-size:24px;font-weight:700}.header button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:6px 16px;font-size:14px}form{gap:8px;margin-bottom:16px;display:flex}form input{border:1px solid #ddd;border-radius:4px;outline:none;flex:1;padding:10px;font-size:14px}form input:focus{border-color:#4f46e5}form button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:4px;padding:10px 20px;font-size:14px}form button:disabled{opacity:.6;cursor:not-allowed}.todo-list{flex-direction:column;gap:8px;display:flex}.todo-item{background:#fff;border-radius:6px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0000000f}.todo-item input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px}.todo-item span{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;font-size:14px}.todo-item span.done{color:#aaa;text-decoration:line-through}.todo-item input[type=text]{border:1px solid #4f46e5;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:14px}.delete-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;padding:4px 12px;font-size:13px}.delete-btn:hover{background:#fecaca}.error{color:#ef4444;margin-bottom:8px;font-size:13px}.empty{text-align:center;color:#aaa;padding:32px 0;font-size:14px}